/*******************************

  Fonts

********************************/
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: /*1px solid #c0c0c0*/ none !important;
  border-bottom: 1px solid #000 !important;
  margin: 0 2px 20px !important;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
  font-size: 17px;
  margin-bottom: 20px;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*******************************
 *
 *   animations
 *
 ******************************/
@-moz-keyframes fadeIn {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@-moz-keyframes goOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-webkit-keyframes goOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-o-keyframes goOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes goOut {
  from {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-moz-keyframes appearFromBottom {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes appearFromBottom {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes appearFromBottom {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes appearFromBottom {
  from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
html,
body {
  min-height: 100vh;
  font-size: 15px;
  color: #111;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  background: #fff;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
input,
button,
textarea,
select {
  border-radius: 0;
  background-clip: padding-box;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none;
}
a {
  color: #1a1a1a;
}
hr {
  max-width: 1220px;
  margin: 40px auto;
}
#wrapper {
  max-width: 100%;
  display: block;
}
#content {
  position: relative;
  z-index: 0;
}
.hidden {
  display: none;
}
.content-wrapper {
  width: 100%;
}
.content-wrapper.backgrounded {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content-wrapper.backgrounded.dark-theme {
  background-color: #000;
  background-image: url("https://cdn-web.brompton.com/~/media/Images/Features/MyUnseenCity/black-edition-facotry-shot.jpeg");
  color: #fff;
}
.content-wrapper.grey {
  background: #eee;
}
.content-wrapper .content,
.content-wrapper .content-grid {
  width: 100%;
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}
.content-wrapper .content .general-text,
.content-wrapper .content-grid .general-text {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content .general-text.centered,
.content-wrapper .content-grid .general-text.centered {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .content-wrapper .content .general-text,
  .content-wrapper .content-grid .general-text {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.content-wrapper .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
/* Phone version */
}
.content-wrapper .content-grid .col-1 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-1.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-2 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-2.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-3 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-3.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-4 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-4.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-5 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-5.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-6 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-6.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-7 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-7.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-8 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-8.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-9 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-9.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-10 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 81.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-10.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-11 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 90.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-11.test {
  padding: 10px;
  border: 1px #f00 solid;
}
.content-wrapper .content-grid .col-12 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.content-wrapper .content-grid .col-12.test {
  padding: 10px;
  border: 1px #f00 solid;
}
@media only screen and (max-width: 600px) {
  .content-wrapper .content-grid .col-1 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-2 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-3 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-4 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-5 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-6 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-7 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-8 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-9 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-10 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-11 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-wrapper .content-grid .col-12 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.no-animation {
  -webkit-transition: none !important;
  transition: none !important;
}
.backgroud-cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroud-cover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.pointer {
  cursor: pointer;
}
.content-with-left-sideber,
.content-with-right-sideber {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding: 60px 0 35px;
}
.content-with-left-sideber .sidebar,
.content-with-right-sideber .sidebar {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 20px;
}
.content-with-left-sideber .main-content,
.content-with-right-sideber .main-content {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 9.148659463785513%;
}
@media only screen and (max-width: 970px) {
  .content-with-left-sideber .sidebar,
  .content-with-right-sideber .sidebar {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .content-with-left-sideber .main-content,
  .content-with-right-sideber .main-content {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 800px) {
  .content-with-left-sideber .sidebar,
  .content-with-right-sideber .sidebar {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .content-with-left-sideber .main-content,
  .content-with-right-sideber .main-content {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 65.03601440576232%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .content-with-left-sideber,
  .content-with-right-sideber {
    padding: 30px 0 20px;
  }
  .content-with-left-sideber .sidebar,
  .content-with-right-sideber .sidebar {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .content-with-left-sideber .main-content,
  .content-with-right-sideber .main-content {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.content-with-right-sideber {
  *zoom: 1;
}
.content-with-right-sideber:before,
.content-with-right-sideber:after {
  content: " ";
  display: table;
}
.content-with-right-sideber:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.content-with-right-sideber .main-content {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  float: left;
}
.content-with-right-sideber .sidebar {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  float: right;
}
@media only screen and (max-width: 800px) {
  .content-with-right-sideber .main-content {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .content-with-right-sideber .sidebar {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .desktop-only,
  #topline,
  #footer .footer-nav {
    display: none !important;
  }
}
.mobile-only {
  display: none !important;
}
@media only screen and (max-width: 600px) {
  .mobile-only {
    display: block !important;
  }
}
.maintenance-content {
  font-size: 1.2em;
}
.maintenance-content .triptych-black {
  margin: 0 auto;
}
#google_translate_element select {
  padding: 5px;
}
.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 15px;
  background: #333;
  color: #fff;
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  box-shadow: inset 0 0 5px 5px #222;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}
.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}
.sidr p a {
  color: rgba(255,255,255,0.9);
}
.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #4d4d4d;
}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #1a1a1a;
}
.sidr ul li .sidr-class-media {
  display: none;
}
.sidr ul li ul {
  border-bottom: none;
  margin: 0;
  display: none;
}
.sidr ul li ul li {
  line-height: 40px;
  font-size: 13px;
}
.sidr ul li ul li:last-child {
  border-bottom: none;
}
.sidr ul li.open ul {
  display: block;
}
.sidr form {
  margin: 0 15px;
}
.sidr label {
  font-size: 13px;
}
.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #fff;
  line-height: 24px;
  background-image: -webkit-linear-gradient(#4d4d4d,#1a1a1a);
  background-image: -moz-linear-gradient(#4d4d4d,#1a1a1a);
  background-image: -ms-linear-gradient(#4d4d4d,#1a1a1a);
  background-image: -o-linear-gradient(#4d4d4d,#1a1a1a);
  background-image: linear-gradient(#4d4d4d,#1a1a1a);
  -webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
  box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
  border-top: none;
  line-height: 49px;
}
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
  -webkit-box-shadow: inset 0 0 15px 3px #222;
  box-shadow: inset 0 0 15px 3px #222;
}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
  border-top: none;
  line-height: 41px;
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
  -webkit-box-shadow: inset 0 0 15px 3px #222;
  box-shadow: inset 0 0 15px 3px #222;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(255,255,255,0.8);
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr .sidr select {
  font-size: 13px;
  padding: 6px 5px;
  box-sizing: border-box;
  margin: 0 0 0 12px;
  border-radius: 2px;
  background-clip: padding-box;
  border: none;
  background: rgba(0,0,0,0.1);
  color: rgba(255,255,255,0.6);
  vertical-align: middle;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  visibility: visible;
  display: inline-block;
  min-width: 160px;
}
.sidr button,
.sidr input[type=button],
.sidr input[type=submit] {
  display: inline-block;
  vertical-align: middle;
  padding: /*1px*/ 5px 3px;
  color: #1a1a1a;
  background: #fff;
  min-height: 10px;
  font: 13px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
.sidr button:hover,
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(255,255,255,0.9);
}
.sidr .sidr-class-topline-inner label {
  padding-left: 15px;
}
.sidr .sidr-class-topline-inner label + .sidr-class-select-region .sidr-class-region-list a {
  line-height: 32px;
  padding-left: 30px;
}
/*******************************
 *
 *  BUTTONS
 *  - primary CTA button
 *  - primary CTA button (white)
 *  - primary CTA button (grey)
 *  - video play button
 *  - secondary CTA button
 *  - big block button
 *  - sound switcher button
 *  - social buttons
 *  - cycle navigation buttons
 *  - watch video button
 *  - button group
 *  - circle buttons
 *  - inline buttons
 *  - small button mixin
 *  - back link
 *
 ******************************/
/* primary CTA button */
.button,
input[type=submit],
button,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button,
.informationHolder.configurator_buttons.help-me-choose a.white-button {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  box-sizing: border-box;
  position: relative;
  border-radius: 20px;
  background-clip: padding-box;
  padding: 10px 18px;
  color: #fff;
  background: #1a1a1a;
  min-height: 40px;
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: background-color 0.3s, width 0.3s, height 0.3s, border 0.3s, color 0.3s, padding 0.3s;
  transition: background-color 0.3s, width 0.3s, height 0.3s, border 0.3s, color 0.3s, padding 0.3s;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  word-wrap: break-word;
  border: none;
  outline: none;
/* white */
/* grey */
/* waiting */
/* video play button */
/* secondary CTA button */
/* big block button */
}
.button:hover,
input[type=submit]:hover,
button:hover,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button:hover,
.informationHolder.configurator_buttons.help-me-choose a.white-button:hover {
  background: #383838;
}
.button:focus,
input[type=submit]:focus,
button:focus,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button:focus,
.informationHolder.configurator_buttons.help-me-choose a.white-button:focus {
  -webkit-box-shadow: 0 0 4px 1px #00aced;
  box-shadow: 0 0 4px 1px #00aced;
}
.button.white,
input[type=submit].white,
button.white,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.white,
.informationHolder.configurator_buttons.help-me-choose a.white-button.white,
.hero-centered.black .button,
.branding-black .hero-centered .button {
  background: #fff;
  color: #1a1a1a;
}
.button.grey,
input[type=submit].grey,
button.grey,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.grey,
.informationHolder.configurator_buttons.help-me-choose a.white-button.grey {
  background: #ddd;
  color: #1a1a1a;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 30px;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.button.grey:hover,
input[type=submit].grey:hover,
button.grey:hover,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.grey:hover,
.informationHolder.configurator_buttons.help-me-choose a.white-button.grey:hover {
  background: #cecece;
}
.button.waiting,
input[type=submit].waiting,
button.waiting,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.waiting,
.informationHolder.configurator_buttons.help-me-choose a.white-button.waiting {
  color: #898989;
  cursor: wait;
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: auto 15px;
}
.button.play,
input[type=submit].play,
button.play,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.play,
.informationHolder.configurator_buttons.help-me-choose a.white-button.play {
  padding-right: 42px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  min-width: 220px;
  text-align: left;
}
.button.play:hover,
input[type=submit].play:hover,
button.play:hover,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.play:hover,
.informationHolder.configurator_buttons.help-me-choose a.white-button.play:hover {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  background: #1a1a1a;
}
.button.play:after,
input[type=submit].play:after,
button.play:after,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.play:after,
.informationHolder.configurator_buttons.help-me-choose a.white-button.play:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 18px;
  border-color: transparent transparent transparent #fff;
}
.button.secondary,
input[type=submit].secondary,
button.secondary,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.secondary,
.informationHolder.configurator_buttons.help-me-choose a.white-button.secondary,
#wrap_for_sticky_footer .informationHolder.help-me-choose a.white-button,
.informationHolder.configurator_buttons.help-me-choose a.white-button {
  color: #1a1a1a;
  background: transparent;
  border: #1a1a1a 2px solid;
  padding: 8px 18px;
}
.button.secondary:hover,
input[type=submit].secondary:hover,
button.secondary:hover,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.secondary:hover,
.informationHolder.configurator_buttons.help-me-choose a.white-button.secondary:hover,
#wrap_for_sticky_footer .informationHolder.help-me-choose a.white-button:hover,
.informationHolder.configurator_buttons.help-me-choose a.white-button:hover {
  color: #fff;
  background: #1a1a1a;
}
.button.block,
input[type=submit].block,
button.block,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.block,
.informationHolder.configurator_buttons.help-me-choose a.white-button.block {
  border-radius: 0;
  background-clip: padding-box;
  display: inline-table;
  height: 60px;
  min-width: 170px;
  width: 100%;
  line-height: 1.2;
}
.button.block span,
input[type=submit].block span,
button.block span,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.block span,
.informationHolder.configurator_buttons.help-me-choose a.white-button.block span {
  display: table-cell;
  vertical-align: middle;
}
.button.block.selected,
input[type=submit].block.selected,
button.block.selected,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.block.selected,
.informationHolder.configurator_buttons.help-me-choose a.white-button.block.selected {
  background: #fff;
  outline: 2px #1a1a1a solid;
  color: #1a1a1a;
}
.button.facebook,
input[type=submit].facebook,
button.facebook,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.facebook,
.informationHolder.configurator_buttons.help-me-choose a.white-button.facebook {
  background-color: #3b5998;
  background-size: auto 23px;
}
a.button.facebook:hover,
ainput[type=submit].facebook:hover,
abutton.facebook:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.facebook:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.facebook:hover {
  background-color: #344e86;
}
.button.twitter,
input[type=submit].twitter,
button.twitter,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.twitter,
.informationHolder.configurator_buttons.help-me-choose a.white-button.twitter {
  background-color: #00aced;
  background-size: auto 20px;
}
a.button.twitter:hover,
ainput[type=submit].twitter:hover,
abutton.twitter:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.twitter:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.twitter:hover {
  background-color: #0097d1;
}
.button.instagram,
input[type=submit].instagram,
button.instagram,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.instagram,
.informationHolder.configurator_buttons.help-me-choose a.white-button.instagram {
  background-color: #517fa4;
  background-size: auto 20px;
}
a.button.instagram:hover,
ainput[type=submit].instagram:hover,
abutton.instagram:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.instagram:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.instagram:hover {
  background-color: #477090;
}
.button.googleplus,
input[type=submit].googleplus,
button.googleplus,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.googleplus,
.informationHolder.configurator_buttons.help-me-choose a.white-button.googleplus {
  background-color: #df4a32;
  background-size: auto 25px;
}
a.button.googleplus:hover,
ainput[type=submit].googleplus:hover,
abutton.googleplus:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.googleplus:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.googleplus:hover {
  background-color: #d03920;
}
.button.mail,
input[type=submit].mail,
button.mail,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.mail,
.informationHolder.configurator_buttons.help-me-choose a.white-button.mail {
  background-color: #1a1a1a;
  background-size: auto 18px;
}
a.button.mail:hover,
ainput[type=submit].mail:hover,
abutton.mail:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.mail:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.mail:hover {
  background-color: #171717;
}
.button.progress,
input[type=submit].progress,
button.progress,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.progress,
.informationHolder.configurator_buttons.help-me-choose a.white-button.progress,
.button.progress:hover,
input[type=submit].progress:hover,
button.progress:hover,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.progress:hover,
.informationHolder.configurator_buttons.help-me-choose a.white-button.progress:hover {
  border-color: #b9b9b9;
  background-color: #b9b9b9;
  color: transparent;
  background-image: url("images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: wait;
}
/* sound switcher button */
.sound-switcher {
  display: inline-block;
  border-radius: 100%;
  background-clip: padding-box;
  width: 60px;
  height: 60px;
  background: rgba(26,26,26,0.9) url("images/sound_on.svg") no-repeat;
  background-size: auto 24px;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  vertical-align: bottom;
  text-decoration: none;
}
.sound-switcher.off {
  background-image: url("images/sound_off.svg");
}
.sound-switcher:hover {
  background-color: #1a1a1a;
}
/* social buttons */
.social-link {
  border-radius: 100%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: bottom;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 20px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.social-link.facebook {
  background-color: #3b5998;
  background-image: url("images/icon-social-facebook.svg");
  background-size: auto 23px;
}
a.social-link.facebook:hover {
  background-color: #344e86;
}
.social-link.twitter {
  background-color: #00aced;
  background-image: url("images/icon-social-twitter.svg");
  background-size: auto 20px;
}
a.social-link.twitter:hover {
  background-color: #0097d1;
}
.social-link.instagram {
  background-color: #517fa4;
  background-image: url("images/icon-social-instagram.svg");
  background-size: auto 20px;
}
a.social-link.instagram:hover {
  background-color: #477090;
}
.social-link.googleplus {
  background-color: #df4a32;
  background-image: url("images/icon-social-googleplus.svg");
  background-size: auto 25px;
}
a.social-link.googleplus:hover {
  background-color: #d03920;
}
.social-link.mail {
  background-color: #1a1a1a;
  background-image: url("images/icon-social-mail.svg");
  background-size: auto 18px;
}
a.social-link.mail:hover {
  background-color: #171717;
}
/* add this stylization */
.at-share-tbx-element.addthis_32x32_style .at-share-btn {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  border-radius: 100%;
  background-clip: padding-box;
}
.addthis_32x32_style .at4-icon,
.addthis_32x32_white_style .at4-icon,
.at-32x32 {
  width: 40px;
  height: 40px;
  background-position: center center !important;
}
/* Cycle navigation buttons */
.cycle-prev,
.cycle-next {
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 40px;
  height: 95px;
  background: #1a1a1a;
  overflow: hidden;
}
.cycle-prev:hover,
.cycle-next:hover {
  background: #000;
}
.cycle-prev::before,
.cycle-next::before {
  content: "";
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-right-color: #fff;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-left: -24px;
}
.cycle-next::before {
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left-color: #fff;
  margin-left: -7px;
}
/* watch video button */
.watch-button {
  background: #1a1a1a;
  width: 75px;
  height: 45px;
  display: inline-block;
  position: relative;
}
.watch-button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 18px;
  border-color: transparent transparent transparent #fff;
}
/* close popup button */
.close-popup,
.mfp-close {
  display: block;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background: url("images/search-close.svg") center center no-repeat;
  background-size: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.close-popup:hover,
.mfp-close:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  opacity: 0.85;
}
.close-popup:active,
.mfp-close:active {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
/* button group */
.button-group {
  text-align: center;
}
.button-group .button {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  width: 50%;
  color: #1a1a1a;
  border: 1px solid #b4b4b4;
  border-left: 0;
  background: #eee;
  border-radius: 0;
  background-clip: padding-box;
}
.button-group .button.selected {
  background: #fff;
  cursor: default;
}
.button-group .button:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-left: 1px solid #b4b4b4;
}
.button-group .button:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.button-group .button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.button-group.auto .button {
  width: auto;
}
/* circle buttons */
.circle-button {
  line-height: 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 0;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  border-radius: 100%;
  background-clip: padding-box;
  background: #1a1a1a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.circle-button:hover {
  background-color: #3c3c3c;
}
.circle-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.circle-button.plus::before {
  content: "+";
  line-height: 40px;
}
.circle-button.close::before {
  content: "+";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.circle-button.info::before {
  content: "i";
  font-style: italic;
  width: 90%;
}
.circle-button.zoom::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 35%;
  bottom: auto;
  left: auto;
  width: 30%;
  height: 30%;
  border-radius: 100%;
  background-clip: padding-box;
  border: 3px #fff solid;
}
.circle-button.zoom::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 34%;
  bottom: auto;
  left: auto;
  border-left: 3px #fff solid;
  width: 0;
  height: 30%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* inline buttons */
.inline-button {
  background: #1a1a1a;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  background-clip: padding-box;
  white-space: nowrap;
  font-size: 0.6em;
  min-width: 1em;
  display: inline-block;
  vertical-align: baseline;
  padding: 0 0.15em;
  text-align: center;
  top: -1px;
  position: relative;
}
/* back link */
.back-link {
  display: inline-block;
  padding: 20px 0 1px 0;
  margin: 0 0 19px 0.815%;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px #fff solid;
}
.back-link:before {
  content: "\2190";
  padding-right: 5px;
}
.back-link:hover {
  border-bottom: 1px #ddd solid;
}
@media only screen and (max-width: 600px) {
  .back-link {
    margin-left: 3.13%;
  }
}
/******************************
 *
 *   bwcSponsors
 *
 ******************************/
.bwcSponsors {
  margin-top: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.bwcSponsors ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bwcSponsors ul > li {
  padding: 0;
  margin: 0;
}
.bwcSponsors ul li {
  display: block;
  margin-top: 12px;
}
.bwcSponsors ul li a {
  display: block;
}
@media only screen and (max-width: 800px) {
  .bwcSponsors {
    position: relative;
  }
  .bwcSponsors ul {
    margin-bottom: 18px;
  }
  .bwcSponsors ul li {
    display: inline-block;
    vertical-align: center;
    margin-right: 18px;
  }
}
/*******************************
 *
 *  COLOR PICKER
 *
 ******************************/
.color-picker {
  position: relative;
}
.color-picker .colors {
  font-size: 0;
}
.color-picker .colors .color {
  border-radius: 100%;
  background-clip: padding-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: bottom;
  font: 17px/60px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  color: #777;
  text-transform: uppercase;
  text-align: center;
  margin: 16px 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.color-picker .colors .color[data-value=black] {
  background-color: #1a1a1a;
}
.color-picker .colors .color[data-value=black].selected {
  border: 3px solid #fff;
  -webkit-box-shadow: #777 0 0 6px;
  box-shadow: #777 0 0 6px;
}
.color-picker .colors .color[data-value=racing-green] {
  background-color: #265238;
}
.color-picker .colors .color[data-value=racing-green].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=tempest-blue] {
  background-color: #242142;
}
.color-picker .colors .color[data-value=tempest-blue].selected {
  border: 3px solid #fff;
  -webkit-box-shadow: #777 0 0 6px;
  box-shadow: #777 0 0 6px;
}
.color-picker .colors .color[data-value=lagoon-blue] {
  background-color: #00a8cb;
}
.color-picker .colors .color[data-value=lagoon-blue].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=raw-lacquer] {
  background-color: #959773;
}
.color-picker .colors .color[data-value=raw-lacquer].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=turkish-green] {
  background-color: #96cdc5;
}
.color-picker .colors .color[data-value=turkish-green].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=cherry-blossom] {
  background-color: #e9d0c8;
}
.color-picker .colors .color[data-value=cherry-blossom].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=berry-crush] {
  background-color: #8d267c;
}
.color-picker .colors .color[data-value=berry-crush].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=red] {
  background-color: #ec2427;
}
.color-picker .colors .color[data-value=red].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=orange] {
  background-color: #f47523;
}
.color-picker .colors .color[data-value=orange].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=lime-green] {
  background-color: #cbdd61;
}
.color-picker .colors .color[data-value=lime-green].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=ivory] {
  background-color: #f1dfb8;
}
.color-picker .colors .color[data-value=ivory].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=white] {
  background-color: #fff;
  border: #ccc 1px solid;
}
.color-picker .colors .color[data-value=white].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=grey] {
  background-color: #ddd;
}
.color-picker .colors .color[data-value=grey].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=pink] {
  background-color: #e9cdd0;
}
.color-picker .colors .color[data-value=pink].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=raw] {
  background-color: #ddd;
}
.color-picker .colors .color[data-value=raw].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color:hover {
  -webkit-box-shadow: #777 0 0 6px;
  box-shadow: #777 0 0 6px;
}
.color-picker .colors .color .selected {
  border: 3px solid #1a1a1a;
}
.color-picker .disabled-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  display: none;
}
.color-picker .disabled-overlay .button {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.color-picker.disabled .disabled-overlay {
  display: block;
}
.color-picker.disabled .colors .color {
  background-color: #eee !important;
  border: none !important;
  color: #eee;
}
/*******************************
 *
 *   dateEvent
 *
 ******************************/
.dateEvent {
  display: block;
  width: 100%;
  height: 112px;
  padding: 23px 5px 5px 5px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  position: relative;
}
.dateEvent .day:before,
.dateEvent .day:after {
  content: "";
  margin-top: -8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.dateEvent .day:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
}
.dateEvent .day:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #fff transparent transparent;
}
.dateEvent:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  background: rgba(0,0,0,0.1);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.dateEvent .day {
  display: block;
  font-size: 60px;
  margin-bottom: 0;
  letter-spacing: -0.05em;
  line-height: 1;
  margin-left: -7px;
}
.dateEvent .month {
  display: block;
  font-size: 12px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: -2px;
}
/*******************************
 *
 *   eventcard
 *
 ******************************/
.eventcard {
  text-align: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 14px;
  text-decoration: none;
}
.eventcard:hover {
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
}
.eventcard:hover .dateEvent:before {
  background: rgba(0,0,0,0.2);
}
.eventcard.ng-enter {
  -webkit-animation: appearFromBottom 1s;
  animation: appearFromBottom 1s;
}
.eventcard.-outline {
  border: 2px solid #ccc;
}
.eventcard .tag {
  display: block;
  border-radius: 0;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  z-index: 1;
  overflow: ellpsis;
}
.eventcard .dateEvent {
  display: block;
  margin-bottom: 7px;
}
.eventcard .info {
  display: block;
  position: relative;
}
.eventcard .info .title {
  display: block;
  font-weight: 500;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  opacity: 0.95;
  display: block;
  display: -webkit-box;
  height: 50.81999999999999px;
  font-size: 14px;
  line-height: 1.21;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eventcard .info .location {
  display: block;
  font-size: 12px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.eventcard .info .location .city:after {
  content: ", ";
}
/*******************************
 *
 *  FORM ELEMENTS
 *
 ******************************/
#content .scfForm {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
#content .scfForm .scfSubmitSummary,
#content .scfForm .scfValidationSummary,
#content .scfForm .scfSubmitted_fix {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding: 50px 0 20px;
  line-height: 1.3em;
}
#content .scfForm .scfSubmitSummary,
#content .scfForm .scfValidationSummary {
  color: #ec2427;
  line-height: 21px;
}
#content .scfForm .scfSubmitButtonBorder {
  text-align: center;
}
#content .scfForm .scfSubmitSummary,
#content .scfForm .scfValidationSummary,
#content .scfForm .scfValidator {
  line-height: 21px;
}
.input-wrapper {
  *zoom: 1;
  width: 70%;
  padding-right: 30%;
  margin-bottom: 12px;
  position: relative;
}
.input-wrapper:before,
.input-wrapper:after {
  content: " ";
  display: table;
}
.input-wrapper:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.input-wrapper label {
  display: inline-block;
  vertical-align: top;
  min-height: 40px;
  width: 37%;
  box-sizing: border-box;
  padding: 8px 18px 8px 0;
  text-align: right;
  word-wrap: break-word;
}
.input-wrapper label span.info {
  font-size: 80%;
  display: block;
}
.input-wrapper span.required {
  position: absolute;
  right: 2%;
  color: #ee3d3f;
  width: 28%;
  margin-top: 8px;
  font-size: 80%;
}
.input-wrapper .right-text {
  float: right;
  max-width: 50%;
  margin: 8px 12px 0 0;
}
.input-wrapper .right-text .small {
  font-size: 80%;
}
.input-wrapper .right-text a {
  color: #1a1a1a;
}
.input-wrapper .left-text {
  display: inline-block;
  max-width: 50%;
  margin: 8px 12px 0 0;
}
.input-wrapper .left-text .small {
  font-size: 80%;
}
.input-wrapper .left-text a {
  color: #1a1a1a;
}
.input-wrapper.checkbox-wrapper label {
  width: 100%;
}
input[type=checkbox],
input[type=radio] {
  margin-right: 6px;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  display: inline-block;
  outline: 0;
  vertical-align: top;
  height: 40px;
  width: 60%;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 0;
  background-clip: padding-box;
  background: #fff;
  border: #b4b4b4 1px solid;
  color: #1a1a1a;
  font-size: 17px;
}
input[type=text] +placeholder,
input[type=password] +placeholder,
input[type=email] +placeholder,
input[type=number] +placeholder,
input[type=date] +placeholder,
input[type=datetime] +placeholder,
input[type=datetime-local] +placeholder,
input[type=month] +placeholder,
input[type=week] +placeholder,
input[type=time] +placeholder,
input[type=search] +placeholder,
input[type=tel] +placeholder,
input[type=url] +placeholder,
select +placeholder,
textarea +placeholder {
  color: #797979;
}
input[type=text].required,
input[type=password].required,
input[type=email].required,
input[type=number].required,
input[type=date].required,
input[type=datetime].required,
input[type=datetime-local].required,
input[type=month].required,
input[type=week].required,
input[type=time].required,
input[type=search].required,
input[type=tel].required,
input[type=url].required,
select.required,
textarea.required {
  border: #ee3d3f 1px solid;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
select:disabled,
textarea:disabled {
  color: rgba(26,26,26,0.5);
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 4px 1px #00aced;
  box-shadow: 0 0 4px 1px #00aced;
}
input[type=text]::-ms-clear,
input[type=password]::-ms-clear,
input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=date]::-ms-clear,
input[type=datetime]::-ms-clear,
input[type=datetime-local]::-ms-clear,
input[type=month]::-ms-clear,
input[type=week]::-ms-clear,
input[type=time]::-ms-clear,
input[type=search]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=url]::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {
  display: none;
}
textarea {
  min-height: 100px;
  resize: none;
}
.signup-wrapper {
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  height: 40px;
  padding-right: 100px;
}
.signup-wrapper input[type=text],
.signup-wrapper input[type=email] {
  width: 100%;
  height: 40px;
  border: 1px #ddd solid;
  border-right: 0;
  border-radius: 20px 0 0 20px;
  background-clip: padding-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.signup-wrapper input[type=text]:focus,
.signup-wrapper input[type=email]:focus {
  border-color: #777;
}
.signup-wrapper input[type=submit],
.signup-wrapper button {
  position: absolute;
  min-width: 100px;
  width: auto;
  border-radius: 0 20px 20px 0;
  background-clip: padding-box;
  right: 0;
  border: none;
  z-index: 1;
}
input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
  min-height: 20px;
  display: inline-block;
  line-height: 20px;
  font-size: 17px;
  cursor: pointer;
}
input[type=checkbox].css-checkbox + label.css-label span {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #fff;
  border: #b4b4b4 1px solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 9px;
  float: left;
}
input[type=checkbox].css-checkbox:checked + label.css-label span {
  position: relative;
}
input[type=checkbox].css-checkbox:checked + label.css-label span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%;
  height: 35%;
  border-left: 2px #1a1a1a solid;
  border-bottom: 2px #1a1a1a solid;
  -webkit-transform: rotate(-45deg) translate(-10%, -95%);
  -ms-transform: rotate(-45deg) translate(-10%, -95%);
  transform: rotate(-45deg) translate(-10%, -95%);
}
input[type=checkbox].css-checkbox:focus + label.css-label span {
  -webkit-box-shadow: 0 0 4px 1px #00aced;
  box-shadow: 0 0 4px 1px #00aced;
}
#SerialNumber img,
#FrameNumber img {
  float: right;
  max-width: 50%;
  height: auto;
  margin: 0 0 12px 12px;
}
.form {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.form .submit-wrapper {
  margin-top: 12px;
}
.form .submit-wrapper.center {
  text-align: center;
}
.form .input-wrapper {
  width: 100%;
  padding-right: 0;
}
.form .input-wrapper > label {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  line-height: 21px;
}
.form .input-wrapper > .input-holder,
.form .input-wrapper > .scfSingleLineGeneralPanel,
.form .input-wrapper > .scfEmailGeneralPanel,
.form .input-wrapper > .scfTelephoneGeneralPanel,
.form .input-wrapper > .scfMultipleLineGeneralPanel,
.form .input-wrapper > .scfDropListGeneralPanel {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.form .input-wrapper > .input-holder input[type=text],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=text],
.form .input-wrapper > .scfEmailGeneralPanel input[type=text],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=text],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=text],
.form .input-wrapper > .scfDropListGeneralPanel input[type=text],
.form .input-wrapper > .input-holder input[type=password],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=password],
.form .input-wrapper > .scfEmailGeneralPanel input[type=password],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=password],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=password],
.form .input-wrapper > .scfDropListGeneralPanel input[type=password],
.form .input-wrapper > .input-holder input[type=email],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=email],
.form .input-wrapper > .scfEmailGeneralPanel input[type=email],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=email],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=email],
.form .input-wrapper > .scfDropListGeneralPanel input[type=email],
.form .input-wrapper > .input-holder input[type=number],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=number],
.form .input-wrapper > .scfEmailGeneralPanel input[type=number],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=number],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=number],
.form .input-wrapper > .scfDropListGeneralPanel input[type=number],
.form .input-wrapper > .input-holder input[type=date],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=date],
.form .input-wrapper > .scfEmailGeneralPanel input[type=date],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=date],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=date],
.form .input-wrapper > .scfDropListGeneralPanel input[type=date],
.form .input-wrapper > .input-holder input[type=datetime],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=datetime],
.form .input-wrapper > .scfEmailGeneralPanel input[type=datetime],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=datetime],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=datetime],
.form .input-wrapper > .scfDropListGeneralPanel input[type=datetime],
.form .input-wrapper > .input-holder input[type=datetime-local],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=datetime-local],
.form .input-wrapper > .scfEmailGeneralPanel input[type=datetime-local],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=datetime-local],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=datetime-local],
.form .input-wrapper > .scfDropListGeneralPanel input[type=datetime-local],
.form .input-wrapper > .input-holder input[type=month],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=month],
.form .input-wrapper > .scfEmailGeneralPanel input[type=month],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=month],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=month],
.form .input-wrapper > .scfDropListGeneralPanel input[type=month],
.form .input-wrapper > .input-holder input[type=week],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=week],
.form .input-wrapper > .scfEmailGeneralPanel input[type=week],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=week],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=week],
.form .input-wrapper > .scfDropListGeneralPanel input[type=week],
.form .input-wrapper > .input-holder input[type=time],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=time],
.form .input-wrapper > .scfEmailGeneralPanel input[type=time],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=time],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=time],
.form .input-wrapper > .scfDropListGeneralPanel input[type=time],
.form .input-wrapper > .input-holder input[type=search],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=search],
.form .input-wrapper > .scfEmailGeneralPanel input[type=search],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=search],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=search],
.form .input-wrapper > .scfDropListGeneralPanel input[type=search],
.form .input-wrapper > .input-holder input[type=tel],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=tel],
.form .input-wrapper > .scfEmailGeneralPanel input[type=tel],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=tel],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=tel],
.form .input-wrapper > .scfDropListGeneralPanel input[type=tel],
.form .input-wrapper > .input-holder input[type=url],
.form .input-wrapper > .scfSingleLineGeneralPanel input[type=url],
.form .input-wrapper > .scfEmailGeneralPanel input[type=url],
.form .input-wrapper > .scfTelephoneGeneralPanel input[type=url],
.form .input-wrapper > .scfMultipleLineGeneralPanel input[type=url],
.form .input-wrapper > .scfDropListGeneralPanel input[type=url],
.form .input-wrapper > .input-holder select,
.form .input-wrapper > .scfSingleLineGeneralPanel select,
.form .input-wrapper > .scfEmailGeneralPanel select,
.form .input-wrapper > .scfTelephoneGeneralPanel select,
.form .input-wrapper > .scfMultipleLineGeneralPanel select,
.form .input-wrapper > .scfDropListGeneralPanel select,
.form .input-wrapper > .input-holder textarea,
.form .input-wrapper > .scfSingleLineGeneralPanel textarea,
.form .input-wrapper > .scfEmailGeneralPanel textarea,
.form .input-wrapper > .scfTelephoneGeneralPanel textarea,
.form .input-wrapper > .scfMultipleLineGeneralPanel textarea,
.form .input-wrapper > .scfDropListGeneralPanel textarea {
  width: 100%;
  box-sizing: border-box;
  line-height: 21px;
}
.form .input-wrapper > .additional-holder {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.form .input-wrapper.input-double-wrapper > .input-holder,
.form .input-wrapper.input-double-wrapper > .scfSingleLineGeneralPanel,
.form .input-wrapper.input-double-wrapper > .scfEmailGeneralPanel,
.form .input-wrapper.input-double-wrapper > .scfTelephoneGeneralPanel,
.form .input-wrapper.input-double-wrapper > .scfMultipleLineGeneralPanel,
.form .input-wrapper.input-double-wrapper > .scfDropListGeneralPanel {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.form .input-wrapper.input-double-wrapper > .input-holder + label,
.form .input-wrapper.input-double-wrapper > .scfSingleLineGeneralPanel + label,
.form .input-wrapper.input-double-wrapper > .scfEmailGeneralPanel + label,
.form .input-wrapper.input-double-wrapper > .scfTelephoneGeneralPanel + label,
.form .input-wrapper.input-double-wrapper > .scfMultipleLineGeneralPanel + label,
.form .input-wrapper.input-double-wrapper > .scfDropListGeneralPanel + label {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .form .input-wrapper > label {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
    text-align: left;
  }
  .form .input-wrapper > .input-holder {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
  }
  .form .input-wrapper > .additional-holder {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
    margin-top: 5px;
  }
  .form .input-wrapper > .input-holder,
  .form .input-wrapper > .scfSingleLineGeneralPanel,
  .form .input-wrapper > .scfEmailGeneralPanel,
  .form .input-wrapper > .scfTelephoneGeneralPanel,
  .form .input-wrapper > .scfMultipleLineGeneralPanel,
  .form .input-wrapper > .scfDropListGeneralPanel {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
  }
  .form .input-wrapper.input-double-wrapper label {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
  }
  .form .input-wrapper.input-double-wrapper > .input-holder,
  .form .input-wrapper.input-double-wrapper > .scfSingleLineGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfEmailGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfTelephoneGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfMultipleLineGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfDropListGeneralPanel {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
    margin-bottom: 6px;
  }
  .form .input-wrapper.input-double-wrapper > .input-holder + label,
  .form .input-wrapper.input-double-wrapper > .scfSingleLineGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfEmailGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfTelephoneGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfMultipleLineGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfDropListGeneralPanel + label {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
  }
  .form .scfSubmitSummary,
  .form .scfValidationSummary,
  .form .scfValidator {
    line-height: 21px;
  }
}
@media only screen and (max-width: 600px) {
  .form .input-wrapper > label,
  .form .input-wrapper > .input-holder,
  .form .input-wrapper > .additional-holder,
  .form .input-wrapper > .scfSingleLineGeneralPanel,
  .form .input-wrapper > .scfEmailGeneralPanel,
  .form .input-wrapper > .scfTelephoneGeneralPanel,
  .form .input-wrapper > .scfMultipleLineGeneralPanel,
  .form .input-wrapper > .scfDropListGeneralPanel {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .form .input-wrapper.input-double-wrapper label {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .form .input-wrapper.input-double-wrapper > .input-holder,
  .form .input-wrapper.input-double-wrapper > .scfSingleLineGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfEmailGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfTelephoneGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfMultipleLineGeneralPanel,
  .form .input-wrapper.input-double-wrapper > .scfDropListGeneralPanel {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .form .input-wrapper.input-double-wrapper > .input-holder + label,
  .form .input-wrapper.input-double-wrapper > .scfSingleLineGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfEmailGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfTelephoneGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfMultipleLineGeneralPanel + label,
  .form .input-wrapper.input-double-wrapper > .scfDropListGeneralPanel + label {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .form legend {
    margin: 0 0 18px 0;
    display: block;
    line-height: 1em;
  }
  .form .scfSubmitSummary,
  .form .scfValidationSummary,
  .form .scfValidator {
    line-height: 21px;
  }
}
/*******************************
 *
 *  Loader
 *
 ******************************/
.bb-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  width: 100px;
  height: 100px;
  zoom: 1.3;
  z-index: 10000;
  background-color: rgba(0,0,0,0.8);
  border-radius: 50%;
  background-clip: padding-box;
  display: none;
}
.bb-loader .circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  width: 100px;
  height: 100px;
  position: relative;
}
.bb-loader .circular .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@-moz-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-moz-keyframes color {
  100%, 0% {
    stroke: #ec2427;
  }
  40% {
    stroke: $turkishGree;
  }
  66% {
    stroke: #cbdd61;
  }
  80%, 90% {
    stroke: #f47523;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #ec2427;
  }
  40% {
    stroke: $turkishGree;
  }
  66% {
    stroke: #cbdd61;
  }
  80%, 90% {
    stroke: #f47523;
  }
}
@-o-keyframes color {
  100%, 0% {
    stroke: #ec2427;
  }
  40% {
    stroke: $turkishGree;
  }
  66% {
    stroke: #cbdd61;
  }
  80%, 90% {
    stroke: #f47523;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #ec2427;
  }
  40% {
    stroke: $turkishGree;
  }
  66% {
    stroke: #cbdd61;
  }
  80%, 90% {
    stroke: #f47523;
  }
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #1a1a1a;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  opacity: 0.85;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
  padding-left: 6px;
  padding-right: 6px;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
  -webkit-transform-origin: 0;
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
  -webkit-transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -ms-transform-origin: 100%;
  transform-origin: 100%;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile .mfp-image-holder .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-image-holder .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-image-holder .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-image-holder .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-image-holder .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-image-holder .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
/*******************************
 *
 *  maintenance icon
 *
 ******************************/
.maintenance-black,
.hero-centered .maintenance-icon {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/maintenance.svg");
}
.maintenance-white {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/maintenance-white.svg");
}
/*******************************
 *
 *   multiselector
 *
 ******************************/
.multiselector {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.multiselector .choosen {
  box-sizing: border-box;
  width: 100%;
  dispaly: block;
  background-color: #eee;
  background-image: url("images/dropdown-mac.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 24px;
  color: #1a1a1a;
  border-radius: 3px;
  background-clip: padding-box;
  border: 0;
  overflow: hidden;
  line-height: 40px;
  height: 40px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.multiselector .choosen .label {
  display: inline-block;
  vertical-align: baseline;
  font-size: 15px;
  line-height: 25px;
  padding-left: 14px;
  margin-right: 2px;
}
.multiselector .choosen .colors {
  display: inline-block;
  vertical-align: top;
  margin-top: -1px;
}
.multiselector .choosen .colors .color {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  margin-left: 3px;
}
.multiselector .choosen .colors .color:first-child {
  margin-left: 0;
}
.multiselector .dropdown {
  position: absolute;
  right: 0;
  left: 0;
  border: 1px #eee solid;
  border-radius: 3px;
  background-clip: padding-box;
  background: #fff;
  padding: 8px;
  font-size: 13px;
  margin-top: 3px;
  z-index: 3;
}
.multiselector .dropdown .option {
  padding: 8px;
  cursor: pointer;
}
.multiselector .dropdown .option:hover {
  background-color: #f0f0f0;
  border-radius: 3px;
  background-clip: padding-box;
}
.multiselector .dropdown .option .color {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px #e1e1e1 solid;
  margin-right: 6px;
}
.multiselector .dropdown .option .label {
  display: inline-block;
  vertical-align: middle;
}
.multiselector .dropdown .option.-selected .color {
  position: relative;
  overflow: hidden;
  background-image: url("images/color-selected.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
/*******************************
 *
 *  Pagination
 *
 ******************************/
.pagination {
  width: auto;
  height: 20px;
}
.pagination > * {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  background-color: #1a1a1a;
  border-radius: 100%;
  background-clip: padding-box;
  display: inline-block;
  margin-right: 1px;
}
.pagination > *:last-child {
  margin-right: 0;
}
.pagination > *.selected {
  border: 2px #1a1a1a solid;
  background-color: transparent;
}
.pagination.vertical {
  width: 20px;
  height: auto;
}
.pagination.vertical > * {
  margin: 0 0 5px 0;
}
.pagination.vertical > *:last-child {
  maargin-bottom: 0;
}
/*******************************
 *
 *  Radioboxes
 *
 ******************************/
.radioboxes label {
  display: inline-block;
  height: 22px;
  cursor: pointer;
  margin-right: 30px;
}
.radioboxes label input[type="radio"] {
  display: none;
}
.radioboxes label input[type="radio"] + span {
  position: relative;
  padding-left: 27px;
  line-height: 22px;
}
.radioboxes label input[type="radio"] + span:before {
  content: "";
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid #6a6a6a;
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
}
.radioboxes label input[type="radio"]:checked+span:before {
  border-color: #009688;
}
.radioboxes label input[type="radio"]:checked+span:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #009688;
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  top: 5px;
  left: 5px;
}
.radioboxes label input[type="radio"]:focused+span:before {
  background-color: #fff;
}
.rangeslider,
.rangeslider__fill {
  background: url("images/range.svg") center center no-repeat;
  background-size: 96% 100%;
  display: block;
  height: 20px;
  width: 100%;
}
.rangeslider {
  position: relative;
}
.rangeslider--disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.rangeslider__fill {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.rangeslider__handle {
  background: #1a1a1a;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
/* Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}
#swipebox-overlay img {
  border: none !important;
}
#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}
#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url("../img/loader.gif") no-repeat center center;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}
#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  -ms-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url("../img/icons.png");
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}
#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}
#swipebox-next {
  background-position: -78px 13px;
  float: right;
}
#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
  display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
#swipebox-overlay {
  background: #0d0d0d;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px #000;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  opacity: 0.95;
}
#swipebox-top-bar {
  color: #fff !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}
@-moz-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
/*******************************
 *
 *  TAGS
 *
 ******************************/
.tag,
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one .tag {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: bottom;
  background: #1a1a1a;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  margin-right: 1px;
  border-radius: 10px;
  background-clip: padding-box;
}
/*******************************
 *
 *  Triptych
 *
 ******************************/
.triptych-black,
.content-wrapper.full-width-promo .triptych-icon,
.hero-centered .triptych-icon,
.breadcrumbs .content-grid .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.triptych-white,
.content-wrapper.full-width-promo.dark .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.triptych-home {
  margin: 45px auto 32px;
}
/*******************************
 *
 *  M01. Navigation
 *
 ******************************/
/*------ Topline ------*/
#topline {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 25px;
  background: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#topline .topline-inner {
  width: 100%;
  height: 100%;
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
}
#topline ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  font-size: 0;
  color: #eee;
}
#topline ul > li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 970px) {
  #topline ul {
    right: 10px;
  }
}
#topline ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 14px;
}
#topline ul li>a {
  text-decoration: none;
  color: #eee;
  line-height: 25px;
}
#topline ul li>a:hover {
  text-decoration: underline;
}
#topline ul li label {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
}
#topline ul li .select-region {
  display: inline-block;
  vertical-align: middle;
}
#topline ul li .select-region .selected-region {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  height: 25px;
  cursor: pointer;
  background-position: left center;
  background-repeat: no-repeat;
  margin-left: 2px;
  background-size: 25px 15px;
}
#topline ul li .select-region .selected-region > span {
  display: block;
  position: relative;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
}
#topline ul li .select-region .selected-region > span::after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #eee;
  position: absolute;
  top: 10px;
  right: -15px;
  bottom: auto;
  left: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#topline ul li .select-region .selected-region.open >span::after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #eee;
  position: absolute;
  top: 5px;
  right: -15px;
  bottom: auto;
  left: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#topline ul li .select-region .selected-region:hover >span::after {
  border-top-color: #fff;
}
#topline ul li .select-region .selected-region.open:hover >span::after {
  border-top-color: transparent;
  border-bottom-color: #fff;
}
#topline ul li .select-region .region-list {
  background-color: #1a1a1a;
  position: absolute;
  top: auto;
  right: 0;
  bottom: auto;
  left: auto;
  display: none;
  border: 1px #1a1a1a solid;
  min-width: 160px;
}
#topline ul li .select-region .region-list .region-list-wrapper {
  max-width: 1120px;
  margin: 0 auto;
}
#topline ul li .select-region .region-list .option-region {
  display: block;
  padding: 6px 36px 6px 10px;
  border-bottom: 1px #000 solid;
  background-color: #1a1a1a;
  color: #fff;
  text-decoration: none;
  background-position: 121px center;
  background-size: 25px 15px;
  background-repeat: no-repeat;
}
#topline ul li .select-region .region-list .option-region:last-child {
  border-bottom: 0;
}
#topline ul li .select-region .region-list .option-region:hover {
  background-color: #777;
}
#topline ul li .select-region .region-list .option-region.selected,
#topline ul li .select-region .region-list .option-region.selected:hover {
  background-color: #0f0f0f;
  color: #fff;
}
#topline ul li .select-region .region-list.many-countries {
  left: 0;
  *zoom: 1;
}
#topline ul li .select-region .region-list.many-countries:before,
#topline ul li .select-region .region-list.many-countries:after {
  content: " ";
  display: table;
}
#topline ul li .select-region .region-list.many-countries:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
#topline ul li .select-region .region-list.many-countries .option-region {
  float: left;
  width: 25%;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  #topline ul li .select-region .region-list.many-countries .option-region {
    width: 50%;
  }
}
#topline ul li .select-region .selected-region.open ~ .region-list {
  display: block;
}
#topline .my-brompton .region-list {
  left: auto !important;
  right: auto !important;
  margin-left: -10px;
/*
      .selected-region,
      .region-list .option-region
        for region in $regions
          &[data-value={region}]
            background-image url("images/flag-" + region + ".png" )
      */
}
#topline .my-brompton .region-list .option-region {
  float: none !important;
  width: 100% !important;
}
/*------ Header ------*/
#header {
  background: #1a1a1a;
  height: 65px;
  color: #fff;
  position: relative;
  z-index: 4;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
/*------ logo on the left side of header ------*/
/*------ main nav in the center of the header ------*/
/*------ active icons on the right side of header ------*/
}
@media only screen and (max-width: 600px) {
  #header {
    height: 50px;
  }
}
#header .header-inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
}
/*------ logo on the left side of header ------*/
#header #logo,
#header a#logo {
  display: block;
  position: absolute;
  top: 15px;
  right: auto;
  bottom: 15px;
  left: 0;
  overflow: hidden;
  width: 148px;
  height: 36px;
  background: url("images/logo.svg") left top no-repeat;
  background-size: 148px 36px;
}
#header #logo span,
#header a#logo span {
  position: absolute;
  top: 0;
  right: -99999px;
  bottom: 0;
  left: 0;
}
#header #logo.centered,
#header a#logo.centered {
  left: 50%;
  margin-left: -74px;
}
@media only screen and (max-width: 800px) {
  #header #logo,
  #header a#logo {
    left: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #header #logo,
  #header a#logo {
    width: 120px;
    height: 30px;
    background-size: 100% 100%;
    top: 10px;
    left: 10px;
  }
  #header #logo.centered,
  #header a#logo.centered {
    margin-left: -60px;
  }
}
/*------ main nav in the center of the header ------*/
#header .main-nav {
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  height: 65px;
  box-sizing: border-box;
}
#header .main-nav>ul {
  padding: 0;
  margin: 0;
  list-style: none;
/* Cost calculator result, site search overlay, stats */
  font: 18px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
#header .main-nav>ul > li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 970px) {
  #header .main-nav>ul {
    font-size: 14px;
  }
}
@media only screen and (max-width: 800px) {
  #header .main-nav>ul {
    display: none;
  }
}
#header .main-nav>ul>li {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 9px;
  height: 65px;
  background-color: rgba(0,0,0,0.01);
}
@media only screen and (max-width: 970px) {
  #header .main-nav>ul>li {
    margin: 0 5px;
  }
}
#header .main-nav>ul>li.has-subnav>a::after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background: url("images/corner.svg") center center no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 9px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  bottom: -34px;
}
#header .main-nav>ul>li.has-subnav.open>a::after {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  visibility: visible;
  bottom: -24px;
}
@media only screen and (max-width: 800px) {
  #header .main-nav>ul>li.has-subnav.open>a::after {
    bottom: -29px;
  }
}
#header .main-nav>ul>li.selected.has-submenu>a::after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background: url("images/corner.svg") center center no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 9px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  visibility: visible;
  bottom: -24px;
}
#header .main-nav>ul>li.selected.has-submenu.open>a::after {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  visibility: visible;
  bottom: -24px;
}
#header .main-nav>ul>li>a {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding-top: 19px;
  color: #fff;
  text-decoration: none;
}
#header .main-nav>ul>li>ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 75px;
  right: 0px;
  bottom: auto;
  left: 0px;
  padding: 0 10px;
/*background #fff*/
  color: #1a1a1a;
  font-size: 0;
/*text-align left*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
#header .main-nav>ul>li>ul > li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 970px) {
  #header .main-nav>ul>li>ul {
    right: 0;
    left: 0;
  }
}
#header .main-nav>ul>li>ul li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 17px;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
/*margin 10px*/
  padding-top: 10px;
  padding-bottom: 10px;
  width: 170px;
  background: #fff;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 0.815326130452181%;
  padding-right: 0.815326130452181%;
  width: 16.666666666666668%;
  min-height: 162px;
}
#header .main-nav>ul>li>ul li a {
  display: block;
  text-decoration: none;
  color: #1a1a1a;
}
#header .main-nav>ul>li>ul li a .media {
  height: 100px;
  display: block;
  margin-bottom: 4px;
}
#header .main-nav>ul>li>ul li a .media img {
  width: 100%;
  min-height: 100%;
}
#header .main-nav>ul>li>ul li a .title {
  display: block;
  font-size: 16px;
}
#header .main-nav>ul>li.open > ul {
  top: 65px;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  visibility: visible;
  min-height: 180px;
}
#header .main-nav>ul>li.open > ul:before {
  content: "";
  width: 100%;
  height: 29px;
  max-width: 900px;
  position: absolute;
  top: -29px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0,0,0,0);
}
/*------ active icons on the right side of header ------*/
#header .extas {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 0;
  left: auto;
  text-align: left;
}
@media only screen and (max-width: 970px) {
  #header .extas {
    right: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #header .extas {
    top: 15px;
  }
}
#header .extas .ext {
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
  margin-left: 17px;
  margin-right: 0px;
  cursor: pointer;
  position: relative;
/* saved bikes */
/*------ shopping cart ------*/
/*------ search ------*/
/*------ mobile nav ------*/
}
@media only screen and (max-width: 600px) {
  #header .extas .ext {
    margin-left: 10px;
  }
}
/* saved bikes */
#header .extas .ext.saved-bikes::after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background: url("images/corner.svg") center center no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 9px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  bottom: -10px;
}
#header .extas .ext.saved-bikes.open::after {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
#header .extas .ext.saved-bikes .icon {
  width: 36px;
  height: 25px;
  background: url("images/saved-bikes.svg") center center no-repeat;
  background-size: 100% 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #header .extas .ext.saved-bikes .icon {
    width: 30px;
    height: 20px;
  }
}
#header .extas .ext.saved-bikes .count {
  border-radius: 100%;
  background-clip: padding-box;
  position: absolute;
  top: -2px;
  right: 18px;
  bottom: auto;
  left: auto;
  height: 15px;
  background: #fff;
  color: #000;
  text-align: center;
  line-height: 15px;
  font-size: 13px;
  letter-spacing: -1px;
  min-width: 15px;
  padding: 0 3px 0 2px;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  #header .extas .ext.saved-bikes .count {
    top: -5px;
    right: 16px;
    font-size: 12px;
  }
}
/*------ saved bikes dropdown ------*/
#header .extas .ext.saved-bikes .dropdown {
  background: #fff;
  position: absolute;
  top: 55px;
  right: 0px;
  bottom: auto;
  left: auto;
  width: 210px;
  box-sizing: border-box;
  border: 1px #ddd solid;
  border-top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
}
#header .extas .ext.saved-bikes .dropdown .dropdown-inner {
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
  min-height: 200px;
  max-height: 350px;
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  overflow: auto;
}
#header .extas .ext.saved-bikes .dropdown .dropdown-inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#header .extas .ext.saved-bikes .dropdown .dropdown-inner::-webkit-scrollbar-thumb {
  background-color: #bcc3ca;
  border-radius: 0;
  background-clip: padding-box;
}
#header .extas .ext.saved-bikes .dropdown .dropdown-inner::-webkit-scrollbar-track {
  background-color: #eee;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike {
  padding: 20px 0 0 0;
  font-size: 15px;
  color: #1a1a1a;
  display: block;
  text-decoration: none;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .media {
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .media img {
  display: block;
  max-width: 100%;
  max-height: 110px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info {
  display: block;
  *zoom: 1;
  line-height: 1em;
  margin-bottom: 4px;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info:before,
#header .extas .ext.saved-bikes .dropdown .saved-bike .info:after {
  content: " ";
  display: table;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info .title {
  display: block;
  float: left;
  max-width: 67%;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info .price {
  display: block;
  float: right;
  max-width: 32%;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .date {
  display: block;
  color: #555;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike:hover .media img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#header .extas .ext.saved-bikes.open .dropdown {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  top: 45px;
  visibility: visible;
}
/*------ shopping cart ------*/
#header .extas .ext.shopping-cart {
  display: none;
}
#header .extas .ext.shopping-cart .icon {
  display: block;
  position: relative;
  height: 25px;
  min-width: 26px;
  background: url("images/cart-right.svg") right bottom no-repeat;
  background-size: auto 21px;
  text-decoration: none;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  #header .extas .ext.shopping-cart .icon {
    height: 20px;
    background-size: auto 16px;
  }
}
#header .extas .ext.shopping-cart .icon .left-part {
  height: 100%;
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  left: 0;
  background: url("images/cart-left.svg") left bottom no-repeat;
  background-size: auto 21px;
}
@media only screen and (max-width: 600px) {
  #header .extas .ext.shopping-cart .icon .left-part {
    background-size: auto 16px;
    right: 6px;
  }
}
#header .extas .ext.shopping-cart .icon .count {
  position: relative;
  top: -3px;
  padding: 0 9px 0 11px;
  font-size: 13px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  #header .extas .ext.shopping-cart .icon .count {
    top: -4px;
    font-size: 12px;
  }
}
/*------ search ------*/
#header .extas .ext.search::after {
  content: "";
  position: fixed;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background: url("images/corner.svg") center center no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 9px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  margin-top: 21px;
}
#header .extas .ext.search.open::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
  filter: alpha(opacity=93);
  opacity: 0.93;
  visibility: visible;
  margin-top: 11px;
}
#header .extas .ext.search .icon {
  width: 26px;
  height: 25px;
  background: url("images/search.svg") center center no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width: 800px) {
  #header .extas .ext.search {
    display: none;
  }
}
/*------ mobile nav ------*/
#header .extas .ext.mobile-menu {
  display: none;
}
#header .extas .ext.mobile-menu .icon {
  width: 20px;
  height: 25px;
  background: url("images/hamburger.svg") center center no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width: 800px) {
  #header .extas .ext.mobile-menu {
    display: inline-block;
  }
}
/*------ Secondary navigation ------*/
#sub-menu {
  position: relative;
  background: #fff;
  border-bottom: 1px #ddd solid;
  padding: 6px 0;
  z-index: 3;
/* Tablet & mobile version */
}
#sub-menu .dropdown-for-devices {
  display: none;
}
#sub-menu .submenu-inner {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
/*
    > ul
      reset-ul()
      column(8)

      > li
        use-font navigation
        line-height 30px
        display inline-block
        vertical-align bottom
        margin-right 20px

        &.has-subnav
          position relative

          > a
            padding-right 20px
            &::after
              content ""
              absolute 13px 0 auto auto
              triangle 'down' 5px $black

        > a
          display inline-block
          text-decoration none
        &.selected
          font-weight bold
          font-family $medium
        &::last-child
          margin-right 0

        // second level menu (sec_nav -> dropdown)
        ul
          reset-ul()
          absolute 10px auto auto auto
          box-sizing border-box
          padding 30px 0px 0px 0px
          margin-left -10px
          margin-right -10px
          border-bottom 1px #ddd solid
          opacity 0
          visibility hidden
          transition all 0.3s
          > li
            background $white
            padding 5px 10px
            white-space nowrap
            > a
              display block
              text-decoration none

            &.has-subnav
              position relative

              // third level menu (sec_nav -> dropdown -> dropdown)
              ul
                absolute 0 auto auto 100%
                padding 0
                border 1px #ddd solid


        &.open
          > ul
            top 0
            opacity 1
            visibility visible
    */
}
#sub-menu .submenu-inner ul {
  background: #fff;
  padding: 0;
  margin: 0;
  list-style: none;
}
#sub-menu .submenu-inner ul > li {
  padding: 0;
  margin: 0;
}
#sub-menu .submenu-inner ul li {
/* Cost calculator result, site search overlay, stats */
  font: 18px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 30px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 20px;
  position: relative;
  box-sizing: border-box;
}
#sub-menu .submenu-inner ul li > a {
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
}
#sub-menu .submenu-inner ul li.selected > a {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
}
#sub-menu .submenu-inner ul li.has-subnav > a {
  padding-right: 20px;
}
#sub-menu .submenu-inner ul li.has-subnav > a::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #1a1a1a;
}
#sub-menu .submenu-inner >ul {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
#sub-menu .submenu-inner >ul li:hover > ul {
  display: inline-block;
}
#sub-menu .submenu-inner > ul > li > ul {
  position: absolute;
  top: 38px;
  right: auto;
  bottom: auto;
  left: 0;
  display: none;
  border: 1px #ddd solid;
  border-top: 0;
}
#sub-menu .submenu-inner > ul > li > ul::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 0;
  bottom: auto;
  left: 0;
  height: 12px;
}
#sub-menu .submenu-inner > ul > li > ul li {
  white-space: nowrap;
  width: 100%;
  margin: 0;
}
#sub-menu .submenu-inner > ul > li > ul li > a {
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
}
#sub-menu .submenu-inner > ul > li > ul li > a:hover {
  background-color: #eee;
}
#sub-menu .submenu-inner > ul > li > ul li.has-subnav > a::after {
  position: absolute;
  top: 15px;
  right: 3px;
  bottom: auto;
  left: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #1a1a1a;
}
#sub-menu .submenu-inner > ul > li > ul li ul {
  display: none;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 100%;
  border: 1px #ddd solid;
}
#sub-menu .submenu-inner > ul > li > ul li ul li {
  display: block;
}
#sub-menu .submenu-inner .buttons {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
}
#sub-menu .submenu-inner .buttons .button {
  margin: 1px 0 1px 10px;
  text-align: center;
}
#sub-menu .submenu-inner .buttons .button:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  #sub-menu {
    min-height: 24px;
  }
  #sub-menu .dropdown-for-devices {
    display: block;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    padding-right: 20px;
    font-weight: bold;
    font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
  }
  #sub-menu .dropdown-for-devices:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #1a1a1a;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #sub-menu .submenu-inner {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: auto;
    left: 0;
    background: #fff;
    padding: 0px 0 8px;
    border-bottom: 1px #eee solid;
    max-height: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  #sub-menu .submenu-inner > ul {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  #sub-menu .submenu-inner > ul > li {
    display: block;
    margin: 0;
  }
  #sub-menu .submenu-inner > ul > li.selected {
    font-weight: 400;
    font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
  #sub-menu .submenu-inner > ul > li.has-subnav {
    position: relative;
  }
  #sub-menu .submenu-inner > ul > li.has-subnav > a {
    padding-right: 0;
  }
  #sub-menu .submenu-inner > ul > li.has-subnav > a::after {
    display: none;
  }
  #sub-menu .submenu-inner > ul > li ul {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0;
    margin: 0;
    border: 0;
    -ms-filter: none;
    filter: none;
    opacity: 1;
    visibility: visible;
    font-size: 15px;
  }
  #sub-menu .submenu-inner > ul > li ul li,
  #sub-menu .submenu-inner > ul > li ul li.has-subnav {
    font-size: 15px;
    padding: 0 0 0 5px;
    white-space: normal;
    line-height: 1.1em;
  }
  #sub-menu .submenu-inner > ul > li ul li a::after,
  #sub-menu .submenu-inner > ul > li ul li.has-subnav a::after {
    display: none;
  }
  #sub-menu .submenu-inner > ul > li ul li a::before,
  #sub-menu .submenu-inner > ul > li ul li.has-subnav a::before {
    content: "- ";
  }
  #sub-menu .submenu-inner > ul > li ul li ul,
  #sub-menu .submenu-inner > ul > li ul li.has-subnav ul {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
  }
  #sub-menu .submenu-inner .buttons {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: left;
  }
  #sub-menu .submenu-inner .buttons .button {
    width: 100%;
    margin: 0 0 5px 0;
  }
  #sub-menu.open .dropdown-for-devices:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 3px;
  }
  #sub-menu.open .submenu-inner {
    max-height: 800px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    overflow: auto;
    visibility: visible;
  }
}
/******************************
 * 
 *  M02. Hero carousel
 * 
 ******************************/
.media.hero-carousel {
  width: 100%;
  min-height: 500px;
  position: relative;
  z-index: 3;
  background: #1a1a1a;
/* Slideshow */
/* Pager */
/* Version for news & events */
/* Tablet version */
/* Mobile version */
}
.media.hero-carousel.processed .slideshow,
.media.hero-carousel.processed .slideshow-pager {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
/* Slideshow */
.media.hero-carousel .slideshow {
  width: 100%;
  height: 100%;
  max-height: 650px;
  min-height: 500px;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.media.hero-carousel .slideshow .slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.media.hero-carousel .slideshow .slide .video-box .sound-switcher {
  position: absolute;
  top: auto;
  right: 50px;
  bottom: 75px;
  left: auto;
}
.media.hero-carousel .slideshow .slide .slide-media {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 1;
}
.media.hero-carousel .slideshow .slide .slide-media img,
.media.hero-carousel .slideshow .slide .slide-media video,
.media.hero-carousel .slideshow .slide .slide-media iframe {
  width: 100%;
  height: 100%;
}
.media.hero-carousel .slideshow .slide .slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 1120px;
  margin: 0 auto;
}
.media.hero-carousel .slideshow .slide .slide-content .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.01);
  z-index: 2;
}
.media.hero-carousel .slideshow .slide .slide-content .button.play {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.media.hero-carousel .slideshow .slide .slide-content .sound-switcher {
  position: absolute;
  top: auto;
  right: 50px;
  bottom: 75px;
  left: auto;
  z-index: 3;
}
/* Pager */
.media.hero-carousel .slideshow-pager {
  background: rgba(26,26,26,0.9);
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 65px;
  z-index: 150;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner {
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  font-size: 0;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  height: 65px;
  font-size: 15px;
  border-right: 1px #1a1a1a solid;
  width: 25%;
  color: #fff;
  cursor: pointer;
  -webkit-transition: left 0.4s, opacity 0.4s;
  transition: left 0.4s, opacity 0.4s;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item[style*='75'] {
  border-right: 0;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(1) {
  left: 0;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(2) {
  left: 25%;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(3) {
  left: 50%;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(4) {
  left: 75%;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description {
  display: none;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 65px;
  left: 0;
  font-size: 17px;
  background: #fff;
  padding: 10px 20px;
  max-height: 350px;
  overflow: auto;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description::-webkit-scrollbar-thumb {
  background-color: #bcc3ca;
  border-radius: 0;
  background-clip: padding-box;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description::-webkit-scrollbar-track {
  background-color: #eee;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title {
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 53px;
  margin: 2px 0;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title.min {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  margin: 0 0;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title.min {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .info {
  line-height: 25px;
  padding-top: 5px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary {
  box-sizing: border-box;
  padding: 6px 20px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 4px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one .tag {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  max-width: 45%;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one .title {
  display: inline;
  vertical-align: middle;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-two {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 4px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:hover,
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active {
  background: #fff;
  color: #1a1a1a;
  z-index: 2;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active {
  cursor: default;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description {
  display: block;
  cursor: pointer;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .line-one {
  cursor: pointer;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .line-one:hover {
  color: #000;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .line-one:hover .tag {
  background-color: #000;
}
/* Version for news & events */
.media.hero-carousel.news .slideshow-pager .slideshow-pager-inner .item .description {
  bottom: 0;
}
.media.hero-carousel.news .slideshow-pager .slideshow-pager-inner .item .description .slide-section {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 12px;
  margin-top: 10px;
  line-height: 22px;
}
.media.hero-carousel.news .slideshow-pager .slideshow-pager-inner .item .description .slide-title {
  margin-bottom: 6px;
}
.media.hero-carousel.news .slideshow-pager .slideshow-pager-inner .item .description .action {
  margin-top: 25px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 800px) {
  .media.hero-carousel {
    min-height: 350px;
  }
  .media.hero-carousel .slideshow .slide .video-box .sound-switcher {
    right: 10px;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel {
    height: auto;
    min-height: 300px;
    max-height: 1000px;
    background: #fff;
  }
  .media.hero-carousel .slideshow {
    max-height: 300px;
    min-height: 220px;
    height: auto;
  }
  .media.hero-carousel .slideshow .slide .video-box .sound-switcher {
    right: 0px;
    bottom: 0px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .media.hero-carousel .slideshow-pager {
    background: #fff;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner {
    white-space: nowrap;
    overflow: hidden;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item {
    text-align: center;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: auto;
    font-size: 17px;
    padding: 10px;
    border-right: 0 !important;
    width: 100%;
    cursor: default;
    -webkit-transition: left 0.4s, opacity 0.4s, margin-left 0.4s;
    transition: left 0.4s, opacity 0.4s, margin-left 0.4s;
    white-space: normal;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(1),
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(2),
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(3),
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:nth-child(4) {
    left: auto !important;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description {
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
    padding: 0;
    max-height: 1000px;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title {
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title .info {
    margin-top: 8px;
    font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
  }
  .media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary {
    display: none;
  }
}
/******************************
 * 
 *  M03. Review pull quote
 * 
 ******************************/
.review-pull-quote {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
/* Tablet version */
/* Phone version */
}
.review-pull-quote blockquote {
  position: relative;
  margin: 50px auto 57px;
  color: #1a1a1a;
}
.review-pull-quote blockquote q {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .review-pull-quote blockquote q {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.review-pull-quote blockquote .image {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
  overflow: hidden;
}
.review-pull-quote blockquote .image img {
  display: block;
  width: 100%;
  height: auto;
}
.review-pull-quote blockquote footer {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 25.815326130452178%;
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .review-pull-quote blockquote footer {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 800px) {
  .review-pull-quote blockquote .image {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 15.036014405762305%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 9.148659463785513%;
  }
}
@media only screen and (max-width: 600px) {
  .review-pull-quote blockquote {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
  .review-pull-quote blockquote .image {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin: 0 auto 15px;
    top: auto;
    max-width: 80px;
    max-height: 80px;
  }
  .review-pull-quote blockquote q {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    font: 24px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
  }
  .review-pull-quote blockquote footer {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
/* Cost calculator result, site search overlay, stats */
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
}
/******************************
 * 
 *  M04 Footer
 * 
 ******************************/
#footer {
  background: #eee;
/* Tablet version */
/* Mobile version */
}
#footer .footer-nav {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding-top: 22px;
}
#footer .footer-nav .col {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
#footer .footer-nav .col h4 {
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 12px;
}
#footer .footer-nav .col ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
  color: #1a1a1a;
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
#footer .footer-nav .col ul > li {
  padding: 0;
  margin: 0;
}
#footer .footer-nav .col ul li {
  margin-bottom: 12px;
}
#footer .footer-nav .col ul li a {
  color: #1a1a1a;
  text-decoration: none;
}
#footer .footer-nav .col ul li a:hover {
  text-decoration: underline;
}
#footer .footer-bottom {
  background-color: #1a1a1a;
  padding: 12px 0;
}
#footer .footer-bottom .inside {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  color: #fff;
}
#footer .footer-bottom .inside .left {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 14px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
#footer .footer-bottom .inside .right {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
  font: 14px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
#footer .footer-bottom .inside .copy {
  display: inline;
}
#footer .footer-bottom .inside .links {
  display: inline;
}
#footer .footer-bottom .inside .links a {
  color: #fff;
  margin: 0 5px;
  text-decoration: underline;
}
#footer .footer-bottom .inside .links a:hover {
  text-decoration: none;
}
#footer .footer-bottom.tiny .left {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
#footer .footer-bottom.tiny .right {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  #footer .footer-nav .col {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-bottom: 8px;
  }
  #footer .footer-nav .col h4 {
    display: inline;
  }
  #footer .footer-nav .col ul {
    display: inline;
  }
  #footer .footer-nav .col ul li {
    display: inline;
  }
  #footer .footer-nav .col ul li::before {
    content: " | ";
  }
  #footer .footer-nav .col ul li:first-child::before {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  #footer .footer-bottom .inside .left,
  #footer .footer-bottom .inside .right {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
    line-height: 1.5;
  }
}
/******************************
 * 
 *  M05 3 image block
 * 
 ******************************/
.three-image-block {
  margin-top: 32px;
/* Phone version */
}
.three-image-block .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.three-image-block .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  height: 270px;
  margin-bottom: 10px;
  overflow: hidden;
}
.three-image-block .content-grid .box > a {
  text-decoration: none;
  display: block;
}
.three-image-block .content-grid .box .image {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.three-image-block .content-grid .box .image .newstag {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 90%;
  background: #000;
  color: #fff;
  padding: 2px 10px 0;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
}
.three-image-block .content-grid .box .image .newstag.black,
.three-image-block .content-grid .box .image .newstag.branding-black,
.branding-black .three-image-block .content-grid .box .image .newstag {
  background-color: #1a1a1a;
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.black a,
.three-image-block .content-grid .box .image .newstag.branding-black a,
.branding-black .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.black .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-black .triptych-icon,
.branding-black .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.three-image-block .content-grid .box .image .newstag.racing-green,
.three-image-block .content-grid .box .image .newstag.branding-racing-green,
.branding-racing-green .three-image-block .content-grid .box .image .newstag {
  background-color: #265238;
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.racing-green a,
.three-image-block .content-grid .box .image .newstag.branding-racing-green a,
.branding-racing-green .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.racing-green .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-racing-green .triptych-icon,
.branding-racing-green .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.three-image-block .content-grid .box .image .newstag.tempest-blue,
.three-image-block .content-grid .box .image .newstag.branding-tempest-blue,
.branding-tempest-blue .three-image-block .content-grid .box .image .newstag {
  background-color: #242142;
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.tempest-blue a,
.three-image-block .content-grid .box .image .newstag.branding-tempest-blue a,
.branding-tempest-blue .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.tempest-blue .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-tempest-blue .triptych-icon,
.branding-tempest-blue .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.three-image-block .content-grid .box .image .newstag.lagoon-blue,
.three-image-block .content-grid .box .image .newstag.branding-lagoon-blue,
.branding-lagoon-blue .three-image-block .content-grid .box .image .newstag {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.lagoon-blue a,
.three-image-block .content-grid .box .image .newstag.branding-lagoon-blue a,
.branding-lagoon-blue .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.lagoon-blue a.button,
.three-image-block .content-grid .box .image .newstag.branding-lagoon-blue a.button,
.branding-lagoon-blue .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.lagoon-blue a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-lagoon-blue a.button.secondary,
.branding-lagoon-blue .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.lagoon-blue .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-lagoon-blue .triptych-icon,
.branding-lagoon-blue .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.raw-lacquer,
.three-image-block .content-grid .box .image .newstag.branding-raw-lacquer,
.branding-raw-lacquer .three-image-block .content-grid .box .image .newstag {
  background-color: #959773;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.raw-lacquer a,
.three-image-block .content-grid .box .image .newstag.branding-raw-lacquer a,
.branding-raw-lacquer .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.raw-lacquer a.button,
.three-image-block .content-grid .box .image .newstag.branding-raw-lacquer a.button,
.branding-raw-lacquer .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.raw-lacquer a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-raw-lacquer a.button.secondary,
.branding-raw-lacquer .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.raw-lacquer .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-raw-lacquer .triptych-icon,
.branding-raw-lacquer .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.turkish-green,
.three-image-block .content-grid .box .image .newstag.branding-turkish-green,
.branding-turkish-green .three-image-block .content-grid .box .image .newstag {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.turkish-green a,
.three-image-block .content-grid .box .image .newstag.branding-turkish-green a,
.branding-turkish-green .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.turkish-green a.button,
.three-image-block .content-grid .box .image .newstag.branding-turkish-green a.button,
.branding-turkish-green .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.turkish-green a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-turkish-green a.button.secondary,
.branding-turkish-green .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.turkish-green .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-turkish-green .triptych-icon,
.branding-turkish-green .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.cherry-blossom,
.three-image-block .content-grid .box .image .newstag.branding-cherry-blossom,
.branding-cherry-blossom .three-image-block .content-grid .box .image .newstag {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.cherry-blossom a,
.three-image-block .content-grid .box .image .newstag.branding-cherry-blossom a,
.branding-cherry-blossom .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.cherry-blossom a.button,
.three-image-block .content-grid .box .image .newstag.branding-cherry-blossom a.button,
.branding-cherry-blossom .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.cherry-blossom a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-cherry-blossom a.button.secondary,
.branding-cherry-blossom .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.cherry-blossom .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-cherry-blossom .triptych-icon,
.branding-cherry-blossom .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.berry-crush,
.three-image-block .content-grid .box .image .newstag.branding-berry-crush,
.branding-berry-crush .three-image-block .content-grid .box .image .newstag {
  background-color: #8d267c;
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.berry-crush a,
.three-image-block .content-grid .box .image .newstag.branding-berry-crush a,
.branding-berry-crush .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.berry-crush .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-berry-crush .triptych-icon,
.branding-berry-crush .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.three-image-block .content-grid .box .image .newstag.red,
.three-image-block .content-grid .box .image .newstag.branding-red,
.branding-red .three-image-block .content-grid .box .image .newstag {
  background-color: #ec2427;
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.red a,
.three-image-block .content-grid .box .image .newstag.branding-red a,
.branding-red .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.red .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-red .triptych-icon,
.branding-red .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.three-image-block .content-grid .box .image .newstag.orange,
.three-image-block .content-grid .box .image .newstag.branding-orange,
.branding-orange .three-image-block .content-grid .box .image .newstag {
  background-color: #f47523;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.orange a,
.three-image-block .content-grid .box .image .newstag.branding-orange a,
.branding-orange .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.orange a.button,
.three-image-block .content-grid .box .image .newstag.branding-orange a.button,
.branding-orange .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.orange a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-orange a.button.secondary,
.branding-orange .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.orange .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-orange .triptych-icon,
.branding-orange .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.lime-green,
.three-image-block .content-grid .box .image .newstag.branding-lime-green,
.branding-lime-green .three-image-block .content-grid .box .image .newstag {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.lime-green a,
.three-image-block .content-grid .box .image .newstag.branding-lime-green a,
.branding-lime-green .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.lime-green a.button,
.three-image-block .content-grid .box .image .newstag.branding-lime-green a.button,
.branding-lime-green .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.lime-green a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-lime-green a.button.secondary,
.branding-lime-green .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.lime-green .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-lime-green .triptych-icon,
.branding-lime-green .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.ivory,
.three-image-block .content-grid .box .image .newstag.branding-ivory,
.branding-ivory .three-image-block .content-grid .box .image .newstag {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.ivory a,
.three-image-block .content-grid .box .image .newstag.branding-ivory a,
.branding-ivory .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.ivory a.button,
.three-image-block .content-grid .box .image .newstag.branding-ivory a.button,
.branding-ivory .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.ivory a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-ivory a.button.secondary,
.branding-ivory .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.ivory .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-ivory .triptych-icon,
.branding-ivory .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.white,
.three-image-block .content-grid .box .image .newstag.branding-white,
.branding-white .three-image-block .content-grid .box .image .newstag {
  background-color: #fff;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.white a,
.three-image-block .content-grid .box .image .newstag.branding-white a,
.branding-white .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.white a.button,
.three-image-block .content-grid .box .image .newstag.branding-white a.button,
.branding-white .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.white a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-white a.button.secondary,
.branding-white .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.white .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-white .triptych-icon,
.branding-white .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.grey,
.three-image-block .content-grid .box .image .newstag.branding-grey,
.branding-grey .three-image-block .content-grid .box .image .newstag {
  background-color: #ddd;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.grey a,
.three-image-block .content-grid .box .image .newstag.branding-grey a,
.branding-grey .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.grey a.button,
.three-image-block .content-grid .box .image .newstag.branding-grey a.button,
.branding-grey .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.grey a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-grey a.button.secondary,
.branding-grey .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.grey .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-grey .triptych-icon,
.branding-grey .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.pink,
.three-image-block .content-grid .box .image .newstag.branding-pink,
.branding-pink .three-image-block .content-grid .box .image .newstag {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.pink a,
.three-image-block .content-grid .box .image .newstag.branding-pink a,
.branding-pink .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.pink a.button,
.three-image-block .content-grid .box .image .newstag.branding-pink a.button,
.branding-pink .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.pink a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-pink a.button.secondary,
.branding-pink .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.pink .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-pink .triptych-icon,
.branding-pink .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image .newstag.raw,
.three-image-block .content-grid .box .image .newstag.branding-raw,
.branding-raw .three-image-block .content-grid .box .image .newstag {
  background-color: #ddd;
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.raw a,
.three-image-block .content-grid .box .image .newstag.branding-raw a,
.branding-raw .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.raw a.button,
.three-image-block .content-grid .box .image .newstag.branding-raw a.button,
.branding-raw .three-image-block .content-grid .box .image .newstag a.button {
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.raw a.button.secondary,
.three-image-block .content-grid .box .image .newstag.branding-raw a.button.secondary,
.branding-raw .three-image-block .content-grid .box .image .newstag a.button.secondary {
  color: #1a1a1a;
}
.three-image-block .content-grid .box .image .newstag.raw .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-raw .triptych-icon,
.branding-raw .three-image-block .content-grid .box .image .newstag .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.three-image-block .content-grid .box .image img {
  display: block;
  width: auto;
  height: 100%;
  min-width: 100%;
}
.three-image-block .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0px -8px;
}
@media only screen and (max-width: 600px) {
  .three-image-block .content-grid .box h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.three-image-block .content-grid .box .date {
  width: 82px;
  height: 67px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 5px 5px 5px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
}
.three-image-block .content-grid .box .date.black,
.three-image-block .content-grid .box .date.branding-black,
.branding-black .three-image-block .content-grid .box .date {
  background-color: #1a1a1a;
}
.three-image-block .content-grid .box .date.racing-green,
.three-image-block .content-grid .box .date.branding-racing-green,
.branding-racing-green .three-image-block .content-grid .box .date {
  background-color: #265238;
}
.three-image-block .content-grid .box .date.tempest-blue,
.three-image-block .content-grid .box .date.branding-tempest-blue,
.branding-tempest-blue .three-image-block .content-grid .box .date {
  background-color: #242142;
}
.three-image-block .content-grid .box .date.lagoon-blue,
.three-image-block .content-grid .box .date.branding-lagoon-blue,
.branding-lagoon-blue .three-image-block .content-grid .box .date {
  background-color: #00a8cb;
}
.three-image-block .content-grid .box .date.raw-lacquer,
.three-image-block .content-grid .box .date.branding-raw-lacquer,
.branding-raw-lacquer .three-image-block .content-grid .box .date {
  background-color: #959773;
}
.three-image-block .content-grid .box .date.turkish-green,
.three-image-block .content-grid .box .date.branding-turkish-green,
.branding-turkish-green .three-image-block .content-grid .box .date {
  background-color: #96cdc5;
}
.three-image-block .content-grid .box .date.cherry-blossom,
.three-image-block .content-grid .box .date.branding-cherry-blossom,
.branding-cherry-blossom .three-image-block .content-grid .box .date {
  background-color: #e9d0c8;
}
.three-image-block .content-grid .box .date.berry-crush,
.three-image-block .content-grid .box .date.branding-berry-crush,
.branding-berry-crush .three-image-block .content-grid .box .date {
  background-color: #8d267c;
}
.three-image-block .content-grid .box .date.red,
.three-image-block .content-grid .box .date.branding-red,
.branding-red .three-image-block .content-grid .box .date {
  background-color: #ec2427;
}
.three-image-block .content-grid .box .date.orange,
.three-image-block .content-grid .box .date.branding-orange,
.branding-orange .three-image-block .content-grid .box .date {
  background-color: #f47523;
}
.three-image-block .content-grid .box .date.lime-green,
.three-image-block .content-grid .box .date.branding-lime-green,
.branding-lime-green .three-image-block .content-grid .box .date {
  background-color: #cbdd61;
}
.three-image-block .content-grid .box .date.ivory,
.three-image-block .content-grid .box .date.branding-ivory,
.branding-ivory .three-image-block .content-grid .box .date {
  background-color: #f1dfb8;
}
.three-image-block .content-grid .box .date.white,
.three-image-block .content-grid .box .date.branding-white,
.branding-white .three-image-block .content-grid .box .date {
  background-color: #fff;
}
.three-image-block .content-grid .box .date.grey,
.three-image-block .content-grid .box .date.branding-grey,
.branding-grey .three-image-block .content-grid .box .date {
  background-color: #ddd;
}
.three-image-block .content-grid .box .date.pink,
.three-image-block .content-grid .box .date.branding-pink,
.branding-pink .three-image-block .content-grid .box .date {
  background-color: #e9cdd0;
}
.three-image-block .content-grid .box .date.raw,
.three-image-block .content-grid .box .date.branding-raw,
.branding-raw .three-image-block .content-grid .box .date {
  background-color: #ddd;
}
.three-image-block .content-grid .box .date:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  background: rgba(0,0,0,0.1);
}
.three-image-block .content-grid .box .date .day {
  font-size: 38px;
  line-height: 23px;
  margin-bottom: 6px;
  letter-spacing: -1px;
}
.three-image-block .content-grid .box .date .month {
  font-size: 10px;
  line-height: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.three-image-block .content-grid .box .date ~ .body {
  max-height: 65%;
}
.three-image-block .content-grid .box .body {
  box-sizing: border-box;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  background: #fff;
  max-width: 90%;
  max-height: 90%;
  overflow: hidden;
  color: #1a1a1a;
  padding: 8px 16px 5px 10px;
  line-height: 1.3;
  min-height: 45px;
}
.three-image-block .content-grid .box .body h3 {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.three-image-block .content-grid .box .body p {
  padding: 0;
  margin: 0;
}
.three-image-block .content-grid .box.title {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  height: auto;
}
.three-image-block .content-grid .box.actions {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
  height: auto;
}
.three-image-block .content-grid .box.actions .button {
  width: auto;
  display: inline-block;
  min-width: 0px;
}
.three-image-block.-four-images .content-grid .box.title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 800px) {
  .three-image-block.-four-images .content-grid .box.title {
    margin-bottom: 0px;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.three-image-block.-four-images .content-grid .box:not(.title):not(.actions) {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  height: 200px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 800px) {
  .three-image-block.-four-images .content-grid .box:not(.title):not(.actions) {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 12px;
  }
  .three-image-block.-four-images .content-grid .box:not(.title):not(.actions) .image {
    width: auto;
    height: auto;
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .three-image-block.-four-images .content-grid .box:not(.title):not(.actions) .body {
    position: absolute;
    background: #fff;
    padding-top: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .three-image-block {
    background: #eee;
    padding: 15px 0;
  }
  .three-image-block .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    height: auto;
  }
  .three-image-block .content-grid .box.title {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .three-image-block .content-grid .box.title h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    margin: 0px 0px 5px;
  }
  .three-image-block .content-grid .box.actions {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .three-image-block .content-grid .box.actions .button {
    font-size: 12px;
    line-height: 15px;
    padding: 5px 8px;
    min-height: 23px;
    margin-top: 5px;
  }
  .three-image-block .content-grid .box .image {
    width: 70px;
    height: 70px;
    display: inline-block;
  }
  .three-image-block .content-grid .box .image .newstag {
    font-size: 10px;
    line-height: 11px;
    height: 13px;
    padding: 2px 4px;
    max-width: 99%;
    right: auto;
    left: 0;
  }
  .three-image-block .content-grid .box .body {
    width: 190px;
    min-height: 70px;
    padding-top: 0px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: transparent;
  }
  .three-image-block .content-grid .box .body h3 {
/* Cost calculator result, site search overlay, stats */
    font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .three-image-block h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 * 
 *  M06. Pre footer CTA
 * 
 ******************************/
.pre-footer-cta {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin: 0 auto;
  padding: 18px 0 48px 0;
/* Phone version */
}
.pre-footer-cta .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  *zoom: 1;
  box-sizing: border-box;
  text-align: center;
}
.pre-footer-cta .box:before,
.pre-footer-cta .box:after {
  content: " ";
  display: table;
}
.pre-footer-cta .box:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.pre-footer-cta .box .body {
  max-width: 74%;
  margin: 0 auto;
}
.pre-footer-cta .box h3 {
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 6px;
}
.pre-footer-cta .box p {
  margin: 0 0 12px;
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
.pre-footer-cta .box:nth-child(1) > .body {
  float: right;
}
.pre-footer-cta .box:nth-child(3) > .body {
  float: left;
}
@media only screen and (max-width: 600px) {
  .pre-footer-cta {
    padding: 20px 0 15px 0;
  }
  .pre-footer-cta .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .pre-footer-cta .box .body {
    float: none !important;
    max-width: 100%;
  }
  .pre-footer-cta .box h3,
  .pre-footer-cta .box p {
    display: none;
  }
  .pre-footer-cta .box .button {
    margin-bottom: 10px;
    width: 100%;
  }
}
/******************************
 * 
 *  M07. Full width promo
 *  M07. Full width promo dark
 *
 ******************************/
.content-wrapper.full-width-promo {
  height: 500px;
  position: relative;
/* Dark version */
/* Tablet version */
/* Phone version */
}
.content-wrapper.full-width-promo .button {
  margin-top: 12px;
}
.content-wrapper.full-width-promo .content-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.content-wrapper.full-width-promo .content-media .media-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.content-wrapper.full-width-promo .content-media .media-wrapper img,
.content-wrapper.full-width-promo .content-media .media-wrapper video,
.content-wrapper.full-width-promo .content-media .media-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-wrapper.full-width-promo .content-media .media-wrapper video,
.content-wrapper.full-width-promo .content-media .media-wrapper video[autoplay] {
  position: static;
  width: 100%;
  height: auto;
}
.content-wrapper.full-width-promo .button.play {
  z-index: 4;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.iphone .content-wrapper.full-width-promo .button.play {
  display: none;
  max-width: 60%;
  top: 30%;
}
.content-wrapper.full-width-promo.progress {
  background: #000;
}
.content-wrapper.full-width-promo.progress .button.play {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.content-wrapper.full-width-promo .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: 500px;
  position: relative;
  z-index: 3;
}
.content-wrapper.full-width-promo .content .body {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  -webkit-overflow-scrolling: touch;
  margin-top: 45px;
  max-height: 75%;
  overflow: auto;
  padding: 10px 16px;
  background: #fff;
}
.content-wrapper.full-width-promo .content .body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.content-wrapper.full-width-promo .content .body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0;
  background-clip: padding-box;
}
.content-wrapper.full-width-promo .content .body::-webkit-scrollbar-track {
  background-color: #eee;
}
.content-wrapper.full-width-promo .content .body:hover,
.content-wrapper.full-width-promo .content .body:active {
  -webkit-overflow-scrolling: touch;
}
.content-wrapper.full-width-promo .content .body:hover::-webkit-scrollbar,
.content-wrapper.full-width-promo .content .body:active::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.content-wrapper.full-width-promo .content .body:hover::-webkit-scrollbar-thumb,
.content-wrapper.full-width-promo .content .body:active::-webkit-scrollbar-thumb {
  background-color: #d7dbdf;
  border-radius: 0;
  background-clip: padding-box;
}
.content-wrapper.full-width-promo .content .body:hover::-webkit-scrollbar-track,
.content-wrapper.full-width-promo .content .body:active::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.3);
}
.content-wrapper.full-width-promo .content .body h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  padding-right: 30px;
  margin: 0px 0px 0px;
  text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo .content .body h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.content-wrapper.full-width-promo .content .body p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 7px 0px 12px;
}
.content-wrapper.full-width-promo .triptych-icon {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 35px;
  left: 0.815%;
}
.content-wrapper.full-width-promo.dark {
  background-color: #1a1a1a;
}
.content-wrapper.full-width-promo.dark .body {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  color: #fff;
  background: #1a1a1a;
}
.content-wrapper.full-width-promo.dark .body .button {
  color: #1a1a1a;
  background: #fff;
}
.content-wrapper.full-width-promo.transparent .body {
  background: transparent !important;
}
@media only screen and (max-width: 800px) {
  .content-wrapper.full-width-promo .content .body {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 40.0360144057623%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo {
    height: auto;
  }
  .content-wrapper.full-width-promo .content-media {
    position: relative;
    height: 220px;
  }
  .content-wrapper.full-width-promo .button.play {
    max-width: 60%;
    top: 30%;
  }
  .content-wrapper.full-width-promo .content {
    height: auto;
    padding-bottom: 10px;
    text-align: center;
  }
  .content-wrapper.full-width-promo .content .body {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    max-height: 100%;
    margin-top: 10px;
  }
  .content-wrapper.full-width-promo .content .body h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    padding: 0;
  }
  .content-wrapper.full-width-promo .button {
    width: 100%;
    text-align: center;
  }
  .content-wrapper.full-width-promo .triptych-icon {
    display: none;
  }
  .content-wrapper.full-width-promo.dark {
    background-color: #1a1a1a;
  }
  .content-wrapper.full-width-promo.dark .body {
    color: #fff;
  }
  .content-wrapper.full-width-promo.dark .body .button {
    background: #fff;
    color: #1a1a1a;
  }
  .content-wrapper.full-width-promo.dark.transparent {
    background-color: transparent;
  }
  .content-wrapper.full-width-promo.dark.transparent .body {
    color: #1a1a1a;
  }
  .content-wrapper.full-width-promo.dark.transparent .body .button {
    background: #1a1a1a;
    color: #fff;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .content-wrapper.full-width-promo h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 * 
 *  M08. 4 image block
 * 
 ******************************/
.four-image-block {
  margin-top: 10px;
  max-width: 100%;
  position: relative;
/* Carousel */
/* Three images */
/* Small screen version */
/* Phone version */
}
.four-image-block .title {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 10px;
}
.four-image-block .title h2 {
  font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  text-align: left;
  font-weight: 500;
}
.four-image-block .view-all {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
  margin-bottom: 10px;
}
.four-image-block h2 {
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  text-align: center;
  margin: 0;
  line-height: 2.55;
}
.four-image-block .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  position: relative;
  margin-bottom: 64px;
}
.four-image-block .content-grid .cycle {
  position: relative;
}
.four-image-block .content-grid .nav-prev,
.four-image-block .content-grid .nav-next {
  display: none;
}
.four-image-block .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 1.63%;
  position: relative;
}
.four-image-block .content-grid .box a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.four-image-block .content-grid .box .image {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.four-image-block .content-grid .box .image.instaloader {
  background: url("images/instaloader.gif") center center no-repeat;
}
.four-image-block .content-grid .box .image img {
  display: block;
  width: 100%;
  height: auto;
}
.four-image-block .content-grid .box .box-caption {
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  background: rgba(26,26,26,0.85);
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  width: 90%;
  padding: 12px 16px 14px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: normal;
}
.four-image-block .content-grid .box:hover .box-caption {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  bottom: 0;
}
/* Carousel */
.four-image-block.carousel .content-grid {
  height: 265px;
  position: relative;
}
.four-image-block.carousel .content-grid .cycle {
  height: 265px;
  overflow: hidden;
}
.four-image-block.carousel .content-grid .box {
  box-sizing: border-box;
  width: 265px;
  height: 265px;
  padding: 0 10px;
  margin: 0;
}
.four-image-block.carousel .content-grid .box a {
  width: 100%;
  height: 100%;
}
.four-image-block.carousel .content-grid .cycle-prev,
.four-image-block.carousel .content-grid .cycle-next {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: -6px;
  z-index: 101;
  margin-top: -47px;
}
.four-image-block.carousel .content-grid .cycle-next {
  left: auto;
  right: -5px;
}
.four-image-block.carousel.mobile-carousel .content-grid .box {
  width: 140px;
  height: 140px;
}
/* Three images */
.four-image-block.three-images {
  max-width: 9000px !important;
  margin-left: -20%;
}
.four-image-block.three-images .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  width: 100% !important;
}
@media only screen and (max-width: 800px) {
  .four-image-block.three-images {
    margin-left: 0;
  }
}
@media only screen and (max-width: 970px) {
  .four-image-block.carousel .content-grid {
    max-width: 100%;
  }
  .four-image-block.carousel .content-grid .cycle-prev {
    left: 0;
  }
  .four-image-block.carousel .content-grid .cycle-next {
    right: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .four-image-block h2 {
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .four-image-block .content-grid {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    max-width: 1140px;
  }
  .four-image-block .content-grid .box {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 48.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
/****************************************

  M09. Full width interactive

****************************************/
.full-width-interactive {
  background-color: #f8f8f8;
  box-sizing: border-box;
/* Tablet version */
/* Mobile version */
}
.full-width-interactive:hover {
  position: relative;
  z-index: 500;
}
.full-width-interactive .content {
  position: relative;
  padding: 20px 0;
  margin: 20px auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  *zoom: 1;
}
.full-width-interactive .content:before,
.full-width-interactive .content:after {
  content: " ";
  display: table;
}
.full-width-interactive .content:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.full-width-interactive .content .info {
  float: left;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding-bottom: 60px;
  position: relative;
  z-index: 2;
}
.full-width-interactive .content .info h2 {
  max-width: 253px;
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .full-width-interactive .content .info h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.full-width-interactive .content .info p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.full-width-interactive .content .triptych {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 0.815%;
}
.full-width-interactive .content .fallback-features {
  display: none;
}
.full-width-interactive .content .interactive-image {
  float: right;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-top: -20px;
  margin-bottom: -20px;
  position: relative;
}
.full-width-interactive .content .interactive-image .interactive-image-holder {
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: -12%;
}
.full-width-interactive .content .interactive-image .image {
  width: 100%;
  height: 100%;
}
.full-width-interactive .content .interactive-image .image img {
  width: 100%;
  height: auto;
}
.full-width-interactive .content .interactive-image .features {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.full-width-interactive .content .interactive-image .feature {
  position: absolute;
}
.full-width-interactive .content .interactive-image .feature a.circle-button.plus {
  position: relative;
  z-index: 2;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: background-color, transform;
}
.full-width-interactive .content .interactive-image .feature .feature-content {
  box-sizing: border-box;
  width: 250px;
  position: absolute;
  top: -10px;
  right: auto;
  bottom: auto;
  left: -10px;
  z-index: 1;
  border: 1px #ddd solid;
  background: #fff;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  max-height: 0;
  border-size: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.5s, border-size 0.5s, max-height 0.5s;
  transition: opacity 0.5s, border-size 0.5s, max-height 0.5s;
  will-change: opacity, border-size, max-height, visibility;
}
.full-width-interactive .content .interactive-image .feature .feature-content .illustration img {
  width: 100%;
  height: auto;
}
.full-width-interactive .content .interactive-image .feature .feature-content .info {
  padding: 10px;
  width: 100%;
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
}
.full-width-interactive .content .interactive-image .feature .feature-content .info h4 {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0;
}
.full-width-interactive .content .interactive-image .feature .feature-content .info p {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.full-width-interactive .content .interactive-image .feature .feature-content .find-out-more {
  padding: 0 10px 10px 10px;
}
.full-width-interactive .content .interactive-image .feature .feature-content .find-out-more a.button {
  width: 100%;
}
.full-width-interactive .content .interactive-image .feature.active {
  z-index: 3;
}
.full-width-interactive .content .interactive-image .feature.active a.circle-button.plus {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.full-width-interactive .content .interactive-image .feature.active .feature-content {
  visibility: visible;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  max-height: 600px;
  border-size: 1px;
}
@media only screen and (max-width: 800px) {
  .full-width-interactive .content .info h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .full-width-interactive {
    background: #fff;
  }
  .full-width-interactive .content {
    margin: 0;
    paddding: 0;
  }
  .full-width-interactive .content .triptych {
    display: none;
  }
  .full-width-interactive .content .info {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    float: none;
    padding: 0;
  }
  .full-width-interactive .content .fallback-features {
    display: block;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .full-width-interactive .content .fallback-features .feature {
    overflow: hidden;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
  }
  .full-width-interactive .content .fallback-features .feature.active {
    overflow: show;
    max-height: 600px;
    -ms-filter: none;
    filter: none;
    opacity: 1;
  }
  .full-width-interactive .content .fallback-features .feature.active .circle-button.close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 30px;
    height: 30px;
    z-index: 4;
  }
  .full-width-interactive .content .fallback-features .feature.active .circle-button.close::before {
    line-height: 30px;
  }
  .full-width-interactive .content .fallback-features .feature.active .illustration {
    display: none;
  }
  .full-width-interactive .content .fallback-features .feature.active .info h4 {
    font-size: 20px;
    margin: 0;
    margin-right: 40px;
  }
  .full-width-interactive .content .interactive-image {
    float: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
  }
  .full-width-interactive .content .interactive-image .interactive-image-holder {
    margin: 0;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .full-width-interactive .content .interactive-image .feature a.circle-button.plus {
    width: 30px;
    height: 30px;
    margin: 5px auto auto 5px;
  }
  .full-width-interactive .content .interactive-image .feature a.circle-button.plus::before {
    line-height: 30px;
  }
  .full-width-interactive .content .interactive-image .feature .feature-content {
    display: none;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .full-width-interactive h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 *
 *  M10. Multi-image + text
 *
 ******************************/
.multi-image {
  padding: 20px 0;
/* reverse */
/* Tablet version */
/* Phone version */
}
.multi-image .container {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.multi-image .slider-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.multi-image .slider-wrapper .slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.multi-image .slider-wrapper .slide .image img {
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.multi-image .slider-wrapper .slide .description {
  box-sizing: border-box;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 10px;
  left: 10px;
  background: rgba(255,255,255,0.9);
  padding: 10px;
  max-width: 80%;
}
.multi-image .slider-pagination {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.multi-image .slider-pagination a {
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  height: 75px;
  margin-bottom: 20px;
  overflow: hidden;
  border: 2px transparent solid;
}
.multi-image .slider-pagination a .image {
  display: block;
  width: 100%;
  height: 100%;
}
.multi-image .slider-pagination a .image img {
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.multi-image .slider-pagination a.cycle-pager-active,
.multi-image .slider-pagination a:hover {
  border: 2px #1a1a1a solid;
}
.multi-image .text-box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding-left: 20px;
}
.multi-image .text-box h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin-top: 0;
}
@media only screen and (max-width: 600px) {
  .multi-image .text-box h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/* reverse */
.multi-image.reverse .container {
  *zoom: 1;
}
.multi-image.reverse .container:before,
.multi-image.reverse .container:after {
  content: " ";
  display: table;
}
.multi-image.reverse .container:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.multi-image.reverse .slider-wrapper,
.multi-image.reverse .slider-pagination,
.multi-image.reverse .text-box {
  float: right;
}
.multi-image.reverse .text-box {
  padding: 0 20px 0 0;
}
@media only screen and (max-width: 800px) {
  .multi-image .text-box h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .multi-image .slider-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 10px;
  }
  .multi-image .slider-wrapper .slide .description {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    max-width: 100%;
    width: 100%;
  }
  .multi-image .slider-pagination {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
  .multi-image .slider-pagination a {
    display: inline-block;
    width: 50px !important;
    height: 50px !important;
    margin: 0 2px 4px 2px !important;
  }
  .multi-image .text-box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    padding: 10px 0 0 0;
  }
  .multi-image .text-box h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 0;
  }
  .multi-image.reverse .slider-wrapper,
  .multi-image.reverse .slider-pagination,
  .multi-image.reverse .text-box {
    float: none;
  }
  .multi-image.reverse .text-box {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .multi-image h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .multi-image h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 * 
 *  M11 Reviews block
 * 
 ******************************/
.review-block {
  background: #eee;
  padding: 42px 0 16px;
/* Tablet version */
/* Phone version */
}
.review-block .review-pull-quote blockquote {
  margin: 0px auto 33px;
}
.review-block .tabs-wrapper .tabs {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 25.815326130452178%;
  text-align: left;
}
.review-block .button-group .button {
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  padding: 3px 18px 3px 18px;
  min-width: 182px;
}
@media only screen and (max-width: 600px) {
  .review-block .button-group .button {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
.review-block .button-group .button.selected {
  background: #fff;
}
.review-block .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 32px;
}
.review-block .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 35px;
  position: relative;
}
.review-block .content-grid .box .wrapper {
  padding-left: 95px;
  position: relative;
}
.review-block .content-grid .box .wrapper .image {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
}
.review-block .content-grid .box .wrapper p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.review-block .content-grid .box .wrapper .meta {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  color: #777;
}
.review-block .content-grid .box.one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .review-block .tabs-wrapper .tabs {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    text-align: center;
  }
  .review-block .button-group .button {
    font-szie: 15px;
    min-width: 90px;
  }
  .review-block .content-grid .box {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .review-block .review-pull-quote {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .review-block .button-group .button {
    min-width: 10px;
    padding: 3px 5px 3px 5px;
/* Cost calculator result, site search overlay, stats */
    font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    line-height: 2.5;
  }
  .review-block .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .review-block .content-grid .box.one {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/*******************************
 *
 *  M12. Hero centered
 *
 ******************************/
.hero-centered {
  background-color: #fff;
  padding: 18px 10px 20px 10px;
  color: #1a1a1a;
  text-align: center;
  position: relative;
  box-sizing: border-box;
/* Phone version */
}
.hero-centered.black,
.hero-centered.branding-black,
.branding-black .hero-centered {
  background-color: #1a1a1a;
  color: #fff;
}
.hero-centered.black a,
.hero-centered.branding-black a,
.branding-black .hero-centered a {
  color: inherit;
}
.hero-centered.black .triptych-icon,
.hero-centered.branding-black .triptych-icon,
.branding-black .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.hero-centered.racing-green,
.hero-centered.branding-racing-green,
.branding-racing-green .hero-centered {
  background-color: #265238;
  color: #fff;
}
.hero-centered.racing-green a,
.hero-centered.branding-racing-green a,
.branding-racing-green .hero-centered a {
  color: inherit;
}
.hero-centered.racing-green .triptych-icon,
.hero-centered.branding-racing-green .triptych-icon,
.branding-racing-green .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.hero-centered.tempest-blue,
.hero-centered.branding-tempest-blue,
.branding-tempest-blue .hero-centered {
  background-color: #242142;
  color: #fff;
}
.hero-centered.tempest-blue a,
.hero-centered.branding-tempest-blue a,
.branding-tempest-blue .hero-centered a {
  color: inherit;
}
.hero-centered.tempest-blue .triptych-icon,
.hero-centered.branding-tempest-blue .triptych-icon,
.branding-tempest-blue .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.hero-centered.lagoon-blue,
.hero-centered.branding-lagoon-blue,
.branding-lagoon-blue .hero-centered {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.hero-centered.lagoon-blue a,
.hero-centered.branding-lagoon-blue a,
.branding-lagoon-blue .hero-centered a {
  color: inherit;
}
.hero-centered.lagoon-blue a.button,
.hero-centered.branding-lagoon-blue a.button,
.branding-lagoon-blue .hero-centered a.button {
  color: #fff;
}
.hero-centered.lagoon-blue a.button.secondary,
.hero-centered.branding-lagoon-blue a.button.secondary,
.branding-lagoon-blue .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.lagoon-blue .triptych-icon,
.hero-centered.branding-lagoon-blue .triptych-icon,
.branding-lagoon-blue .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.raw-lacquer,
.hero-centered.branding-raw-lacquer,
.branding-raw-lacquer .hero-centered {
  background-color: #959773;
  color: #1a1a1a;
}
.hero-centered.raw-lacquer a,
.hero-centered.branding-raw-lacquer a,
.branding-raw-lacquer .hero-centered a {
  color: inherit;
}
.hero-centered.raw-lacquer a.button,
.hero-centered.branding-raw-lacquer a.button,
.branding-raw-lacquer .hero-centered a.button {
  color: #fff;
}
.hero-centered.raw-lacquer a.button.secondary,
.hero-centered.branding-raw-lacquer a.button.secondary,
.branding-raw-lacquer .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.raw-lacquer .triptych-icon,
.hero-centered.branding-raw-lacquer .triptych-icon,
.branding-raw-lacquer .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.turkish-green,
.hero-centered.branding-turkish-green,
.branding-turkish-green .hero-centered {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.hero-centered.turkish-green a,
.hero-centered.branding-turkish-green a,
.branding-turkish-green .hero-centered a {
  color: inherit;
}
.hero-centered.turkish-green a.button,
.hero-centered.branding-turkish-green a.button,
.branding-turkish-green .hero-centered a.button {
  color: #fff;
}
.hero-centered.turkish-green a.button.secondary,
.hero-centered.branding-turkish-green a.button.secondary,
.branding-turkish-green .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.turkish-green .triptych-icon,
.hero-centered.branding-turkish-green .triptych-icon,
.branding-turkish-green .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.cherry-blossom,
.hero-centered.branding-cherry-blossom,
.branding-cherry-blossom .hero-centered {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.hero-centered.cherry-blossom a,
.hero-centered.branding-cherry-blossom a,
.branding-cherry-blossom .hero-centered a {
  color: inherit;
}
.hero-centered.cherry-blossom a.button,
.hero-centered.branding-cherry-blossom a.button,
.branding-cherry-blossom .hero-centered a.button {
  color: #fff;
}
.hero-centered.cherry-blossom a.button.secondary,
.hero-centered.branding-cherry-blossom a.button.secondary,
.branding-cherry-blossom .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.cherry-blossom .triptych-icon,
.hero-centered.branding-cherry-blossom .triptych-icon,
.branding-cherry-blossom .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.berry-crush,
.hero-centered.branding-berry-crush,
.branding-berry-crush .hero-centered {
  background-color: #8d267c;
  color: #fff;
}
.hero-centered.berry-crush a,
.hero-centered.branding-berry-crush a,
.branding-berry-crush .hero-centered a {
  color: inherit;
}
.hero-centered.berry-crush .triptych-icon,
.hero-centered.branding-berry-crush .triptych-icon,
.branding-berry-crush .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.hero-centered.red,
.hero-centered.branding-red,
.branding-red .hero-centered {
  background-color: #ec2427;
  color: #fff;
}
.hero-centered.red a,
.hero-centered.branding-red a,
.branding-red .hero-centered a {
  color: inherit;
}
.hero-centered.red .triptych-icon,
.hero-centered.branding-red .triptych-icon,
.branding-red .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.hero-centered.orange,
.hero-centered.branding-orange,
.branding-orange .hero-centered {
  background-color: #f47523;
  color: #1a1a1a;
}
.hero-centered.orange a,
.hero-centered.branding-orange a,
.branding-orange .hero-centered a {
  color: inherit;
}
.hero-centered.orange a.button,
.hero-centered.branding-orange a.button,
.branding-orange .hero-centered a.button {
  color: #fff;
}
.hero-centered.orange a.button.secondary,
.hero-centered.branding-orange a.button.secondary,
.branding-orange .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.orange .triptych-icon,
.hero-centered.branding-orange .triptych-icon,
.branding-orange .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.lime-green,
.hero-centered.branding-lime-green,
.branding-lime-green .hero-centered {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.hero-centered.lime-green a,
.hero-centered.branding-lime-green a,
.branding-lime-green .hero-centered a {
  color: inherit;
}
.hero-centered.lime-green a.button,
.hero-centered.branding-lime-green a.button,
.branding-lime-green .hero-centered a.button {
  color: #fff;
}
.hero-centered.lime-green a.button.secondary,
.hero-centered.branding-lime-green a.button.secondary,
.branding-lime-green .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.lime-green .triptych-icon,
.hero-centered.branding-lime-green .triptych-icon,
.branding-lime-green .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.ivory,
.hero-centered.branding-ivory,
.branding-ivory .hero-centered {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.hero-centered.ivory a,
.hero-centered.branding-ivory a,
.branding-ivory .hero-centered a {
  color: inherit;
}
.hero-centered.ivory a.button,
.hero-centered.branding-ivory a.button,
.branding-ivory .hero-centered a.button {
  color: #fff;
}
.hero-centered.ivory a.button.secondary,
.hero-centered.branding-ivory a.button.secondary,
.branding-ivory .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.ivory .triptych-icon,
.hero-centered.branding-ivory .triptych-icon,
.branding-ivory .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.white,
.hero-centered.branding-white,
.branding-white .hero-centered {
  background-color: #fff;
  color: #1a1a1a;
}
.hero-centered.white a,
.hero-centered.branding-white a,
.branding-white .hero-centered a {
  color: inherit;
}
.hero-centered.white a.button,
.hero-centered.branding-white a.button,
.branding-white .hero-centered a.button {
  color: #fff;
}
.hero-centered.white a.button.secondary,
.hero-centered.branding-white a.button.secondary,
.branding-white .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.white .triptych-icon,
.hero-centered.branding-white .triptych-icon,
.branding-white .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.grey,
.hero-centered.branding-grey,
.branding-grey .hero-centered {
  background-color: #ddd;
  color: #1a1a1a;
}
.hero-centered.grey a,
.hero-centered.branding-grey a,
.branding-grey .hero-centered a {
  color: inherit;
}
.hero-centered.grey a.button,
.hero-centered.branding-grey a.button,
.branding-grey .hero-centered a.button {
  color: #fff;
}
.hero-centered.grey a.button.secondary,
.hero-centered.branding-grey a.button.secondary,
.branding-grey .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.grey .triptych-icon,
.hero-centered.branding-grey .triptych-icon,
.branding-grey .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.pink,
.hero-centered.branding-pink,
.branding-pink .hero-centered {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.hero-centered.pink a,
.hero-centered.branding-pink a,
.branding-pink .hero-centered a {
  color: inherit;
}
.hero-centered.pink a.button,
.hero-centered.branding-pink a.button,
.branding-pink .hero-centered a.button {
  color: #fff;
}
.hero-centered.pink a.button.secondary,
.hero-centered.branding-pink a.button.secondary,
.branding-pink .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.pink .triptych-icon,
.hero-centered.branding-pink .triptych-icon,
.branding-pink .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered.raw,
.hero-centered.branding-raw,
.branding-raw .hero-centered {
  background-color: #ddd;
  color: #1a1a1a;
}
.hero-centered.raw a,
.hero-centered.branding-raw a,
.branding-raw .hero-centered a {
  color: inherit;
}
.hero-centered.raw a.button,
.hero-centered.branding-raw a.button,
.branding-raw .hero-centered a.button {
  color: #fff;
}
.hero-centered.raw a.button.secondary,
.hero-centered.branding-raw a.button.secondary,
.branding-raw .hero-centered a.button.secondary {
  color: #1a1a1a;
}
.hero-centered.raw .triptych-icon,
.hero-centered.branding-raw .triptych-icon,
.branding-raw .hero-centered .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.hero-centered .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin: 0 auto;
}
.hero-centered h2 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  text-transform: uppercase;
  margin: 8px 0 2px 0;
}
@media only screen and (max-width: 600px) {
  .hero-centered h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.hero-centered p {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0;
}
.hero-centered .button-wrapper {
  margin-top: 12px;
}
.hero-centered .triptych-icon {
  margin: 0 auto;
}
.hero-centered .maintenance-icon {
  margin: 20px auto 8px;
}
.hero-centered:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #fff;
  border-width: 30px;
  margin-left: -30px;
  z-index: 4;
}
.hero-centered.light {
  padding: 35px 0;
}
.hero-centered.light h2 {
  margin: 10px 0 0px 0;
}
.hero-centered.light:after {
  content: "";
  display: none;
}
.hero-centered.maintenance {
  padding-bottom: 30px;
  margin-bottom: 60px;
}
.hero-centered.black:after,
.hero-centered.branding-black:after,
.branding-black .hero-centered:after {
  border-top-color: #1a1a1a;
}
.hero-centered.racing-green:after,
.hero-centered.branding-racing-green:after,
.branding-racing-green .hero-centered:after {
  border-top-color: #265238;
}
.hero-centered.tempest-blue:after,
.hero-centered.branding-tempest-blue:after,
.branding-tempest-blue .hero-centered:after {
  border-top-color: #242142;
}
.hero-centered.lagoon-blue:after,
.hero-centered.branding-lagoon-blue:after,
.branding-lagoon-blue .hero-centered:after {
  border-top-color: #00a8cb;
}
.hero-centered.raw-lacquer:after,
.hero-centered.branding-raw-lacquer:after,
.branding-raw-lacquer .hero-centered:after {
  border-top-color: #959773;
}
.hero-centered.turkish-green:after,
.hero-centered.branding-turkish-green:after,
.branding-turkish-green .hero-centered:after {
  border-top-color: #96cdc5;
}
.hero-centered.cherry-blossom:after,
.hero-centered.branding-cherry-blossom:after,
.branding-cherry-blossom .hero-centered:after {
  border-top-color: #e9d0c8;
}
.hero-centered.berry-crush:after,
.hero-centered.branding-berry-crush:after,
.branding-berry-crush .hero-centered:after {
  border-top-color: #8d267c;
}
.hero-centered.red:after,
.hero-centered.branding-red:after,
.branding-red .hero-centered:after {
  border-top-color: #ec2427;
}
.hero-centered.orange:after,
.hero-centered.branding-orange:after,
.branding-orange .hero-centered:after {
  border-top-color: #f47523;
}
.hero-centered.lime-green:after,
.hero-centered.branding-lime-green:after,
.branding-lime-green .hero-centered:after {
  border-top-color: #cbdd61;
}
.hero-centered.ivory:after,
.hero-centered.branding-ivory:after,
.branding-ivory .hero-centered:after {
  border-top-color: #f1dfb8;
}
.hero-centered.white:after,
.hero-centered.branding-white:after,
.branding-white .hero-centered:after {
  border-top-color: #fff;
}
.hero-centered.grey:after,
.hero-centered.branding-grey:after,
.branding-grey .hero-centered:after {
  border-top-color: #ddd;
}
.hero-centered.pink:after,
.hero-centered.branding-pink:after,
.branding-pink .hero-centered:after {
  border-top-color: #e9cdd0;
}
.hero-centered.raw:after,
.hero-centered.branding-raw:after,
.branding-raw .hero-centered:after {
  border-top-color: #ddd;
}
@media only screen and (max-width: 600px) {
  .hero-centered:after {
    display: none;
  }
  .hero-centered .triptych-icon {
    display: none;
  }
  .hero-centered h2 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    font: 24px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .hero-centered p {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/*******************************
 *
 *  M13. Split image text
 *
 ******************************/
.split-image-text {
  *zoom: 1;
  position: relative;
  margin: 0 auto;
  max-width: 1220px;
  min-height: 400px;
/* Tablet version */
/* Mobile version */
}
.split-image-text:before,
.split-image-text:after {
  content: " ";
  display: table;
}
.split-image-text:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.split-image-text .content {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  position: relative;
  min-height: 400px;
  padding: 35px 90px 10px 50px;
  background: #fff;
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.split-image-text .content::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -60px;
  bottom: auto;
  left: auto;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-left-color: #fff;
  margin-top: -30px;
  z-index: 3;
}
.split-image-text .content h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .split-image-text .content h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.split-image-text .content p {
  margin: 20px 0;
}
.split-image-text .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  overflow: hidden;
  width: 50%;
}
.split-image-text .media .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.split-image-text .media .image img {
  display: block;
  min-width: 100%;
  height: 100%;
  width: auto;
}
.split-image-text .media .cost-calculator {
  width: 100%;
  height: 100%;
}
.split-image-text.inverse .content {
  float: right;
}
.split-image-text.inverse .media {
  right: auto;
  left: 0;
}
@media only screen and (max-width: 800px) {
  .split-image-text {
    min-height: 100px;
  }
  .split-image-text .content {
    padding: 20px;
    min-height: 300px;
  }
  .split-image-text .content h2 {
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .split-image-text {
    min-height: 100px;
  }
  .split-image-text .content {
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 35px 0 10px 0;
    float: none;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .split-image-text .content::after {
    display: none;
  }
  .split-image-text .media {
    width: 100%;
    position: relative;
    min-height: 250px;
  }
}
.video-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #1a1a1a;
/* styles for external embeded videos (youtube,vimeo) */
/* if this video is playing now */
}
.video-box .media-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.video-box .media-wrapper video,
.video-box .media-wrapper iframe {
  width: auto;
  height: 100%;
  min-width: 100%;
}
.video-box .media-wrapper video.has-poster {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.video-box .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.video-box .button.play {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.video-box .sound-switcher {
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 10px;
  left: auto;
  display: none;
  z-index: 1;
}
.video-box[data-type='iframe'] .overlay {
  background-color: rgba(26,26,26,0.55);
}
.video-box.progress .media-wrapper {
  background-image: none !important;
}
.video-box.progress .media-wrapper video,
.video-box.progress .media-wrapper video.has-poster,
.video-box.progress .media-wrapper iframe {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.video-box.progress .overlay {
  display: none;
}
.video-box.progress .button.play {
  display: none;
}
.video-box.progress .sound-switcher {
  display: block;
}
/******************************
 *
 *  M15. Cost calculator
 *
 ******************************/
.cost-calculator {
  padding: 36px 10px 10px 60px;
  box-sizing: border-box;
/* Tablet version */
/* Mobile version */
}
.cost-calculator.black,
.cost-calculator.branding-black,
.branding-black .cost-calculator {
  background-color: #1a1a1a;
  color: #fff;
}
.cost-calculator.black a,
.cost-calculator.branding-black a,
.branding-black .cost-calculator a {
  color: inherit;
}
.cost-calculator.black .triptych-icon,
.cost-calculator.branding-black .triptych-icon,
.branding-black .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.cost-calculator.racing-green,
.cost-calculator.branding-racing-green,
.branding-racing-green .cost-calculator {
  background-color: #265238;
  color: #fff;
}
.cost-calculator.racing-green a,
.cost-calculator.branding-racing-green a,
.branding-racing-green .cost-calculator a {
  color: inherit;
}
.cost-calculator.racing-green .triptych-icon,
.cost-calculator.branding-racing-green .triptych-icon,
.branding-racing-green .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.cost-calculator.tempest-blue,
.cost-calculator.branding-tempest-blue,
.branding-tempest-blue .cost-calculator {
  background-color: #242142;
  color: #fff;
}
.cost-calculator.tempest-blue a,
.cost-calculator.branding-tempest-blue a,
.branding-tempest-blue .cost-calculator a {
  color: inherit;
}
.cost-calculator.tempest-blue .triptych-icon,
.cost-calculator.branding-tempest-blue .triptych-icon,
.branding-tempest-blue .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.cost-calculator.lagoon-blue,
.cost-calculator.branding-lagoon-blue,
.branding-lagoon-blue .cost-calculator {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.cost-calculator.lagoon-blue a,
.cost-calculator.branding-lagoon-blue a,
.branding-lagoon-blue .cost-calculator a {
  color: inherit;
}
.cost-calculator.lagoon-blue a.button,
.cost-calculator.branding-lagoon-blue a.button,
.branding-lagoon-blue .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.lagoon-blue a.button.secondary,
.cost-calculator.branding-lagoon-blue a.button.secondary,
.branding-lagoon-blue .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.lagoon-blue .triptych-icon,
.cost-calculator.branding-lagoon-blue .triptych-icon,
.branding-lagoon-blue .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.raw-lacquer,
.cost-calculator.branding-raw-lacquer,
.branding-raw-lacquer .cost-calculator {
  background-color: #959773;
  color: #1a1a1a;
}
.cost-calculator.raw-lacquer a,
.cost-calculator.branding-raw-lacquer a,
.branding-raw-lacquer .cost-calculator a {
  color: inherit;
}
.cost-calculator.raw-lacquer a.button,
.cost-calculator.branding-raw-lacquer a.button,
.branding-raw-lacquer .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.raw-lacquer a.button.secondary,
.cost-calculator.branding-raw-lacquer a.button.secondary,
.branding-raw-lacquer .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.raw-lacquer .triptych-icon,
.cost-calculator.branding-raw-lacquer .triptych-icon,
.branding-raw-lacquer .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.turkish-green,
.cost-calculator.branding-turkish-green,
.branding-turkish-green .cost-calculator {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.cost-calculator.turkish-green a,
.cost-calculator.branding-turkish-green a,
.branding-turkish-green .cost-calculator a {
  color: inherit;
}
.cost-calculator.turkish-green a.button,
.cost-calculator.branding-turkish-green a.button,
.branding-turkish-green .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.turkish-green a.button.secondary,
.cost-calculator.branding-turkish-green a.button.secondary,
.branding-turkish-green .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.turkish-green .triptych-icon,
.cost-calculator.branding-turkish-green .triptych-icon,
.branding-turkish-green .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.cherry-blossom,
.cost-calculator.branding-cherry-blossom,
.branding-cherry-blossom .cost-calculator {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.cost-calculator.cherry-blossom a,
.cost-calculator.branding-cherry-blossom a,
.branding-cherry-blossom .cost-calculator a {
  color: inherit;
}
.cost-calculator.cherry-blossom a.button,
.cost-calculator.branding-cherry-blossom a.button,
.branding-cherry-blossom .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.cherry-blossom a.button.secondary,
.cost-calculator.branding-cherry-blossom a.button.secondary,
.branding-cherry-blossom .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.cherry-blossom .triptych-icon,
.cost-calculator.branding-cherry-blossom .triptych-icon,
.branding-cherry-blossom .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.berry-crush,
.cost-calculator.branding-berry-crush,
.branding-berry-crush .cost-calculator {
  background-color: #8d267c;
  color: #fff;
}
.cost-calculator.berry-crush a,
.cost-calculator.branding-berry-crush a,
.branding-berry-crush .cost-calculator a {
  color: inherit;
}
.cost-calculator.berry-crush .triptych-icon,
.cost-calculator.branding-berry-crush .triptych-icon,
.branding-berry-crush .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.cost-calculator.red,
.cost-calculator.branding-red,
.branding-red .cost-calculator {
  background-color: #ec2427;
  color: #fff;
}
.cost-calculator.red a,
.cost-calculator.branding-red a,
.branding-red .cost-calculator a {
  color: inherit;
}
.cost-calculator.red .triptych-icon,
.cost-calculator.branding-red .triptych-icon,
.branding-red .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.cost-calculator.orange,
.cost-calculator.branding-orange,
.branding-orange .cost-calculator {
  background-color: #f47523;
  color: #1a1a1a;
}
.cost-calculator.orange a,
.cost-calculator.branding-orange a,
.branding-orange .cost-calculator a {
  color: inherit;
}
.cost-calculator.orange a.button,
.cost-calculator.branding-orange a.button,
.branding-orange .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.orange a.button.secondary,
.cost-calculator.branding-orange a.button.secondary,
.branding-orange .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.orange .triptych-icon,
.cost-calculator.branding-orange .triptych-icon,
.branding-orange .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.lime-green,
.cost-calculator.branding-lime-green,
.branding-lime-green .cost-calculator {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.cost-calculator.lime-green a,
.cost-calculator.branding-lime-green a,
.branding-lime-green .cost-calculator a {
  color: inherit;
}
.cost-calculator.lime-green a.button,
.cost-calculator.branding-lime-green a.button,
.branding-lime-green .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.lime-green a.button.secondary,
.cost-calculator.branding-lime-green a.button.secondary,
.branding-lime-green .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.lime-green .triptych-icon,
.cost-calculator.branding-lime-green .triptych-icon,
.branding-lime-green .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.ivory,
.cost-calculator.branding-ivory,
.branding-ivory .cost-calculator {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.cost-calculator.ivory a,
.cost-calculator.branding-ivory a,
.branding-ivory .cost-calculator a {
  color: inherit;
}
.cost-calculator.ivory a.button,
.cost-calculator.branding-ivory a.button,
.branding-ivory .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.ivory a.button.secondary,
.cost-calculator.branding-ivory a.button.secondary,
.branding-ivory .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.ivory .triptych-icon,
.cost-calculator.branding-ivory .triptych-icon,
.branding-ivory .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.white,
.cost-calculator.branding-white,
.branding-white .cost-calculator {
  background-color: #fff;
  color: #1a1a1a;
}
.cost-calculator.white a,
.cost-calculator.branding-white a,
.branding-white .cost-calculator a {
  color: inherit;
}
.cost-calculator.white a.button,
.cost-calculator.branding-white a.button,
.branding-white .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.white a.button.secondary,
.cost-calculator.branding-white a.button.secondary,
.branding-white .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.white .triptych-icon,
.cost-calculator.branding-white .triptych-icon,
.branding-white .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.grey,
.cost-calculator.branding-grey,
.branding-grey .cost-calculator {
  background-color: #ddd;
  color: #1a1a1a;
}
.cost-calculator.grey a,
.cost-calculator.branding-grey a,
.branding-grey .cost-calculator a {
  color: inherit;
}
.cost-calculator.grey a.button,
.cost-calculator.branding-grey a.button,
.branding-grey .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.grey a.button.secondary,
.cost-calculator.branding-grey a.button.secondary,
.branding-grey .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.grey .triptych-icon,
.cost-calculator.branding-grey .triptych-icon,
.branding-grey .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.pink,
.cost-calculator.branding-pink,
.branding-pink .cost-calculator {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.cost-calculator.pink a,
.cost-calculator.branding-pink a,
.branding-pink .cost-calculator a {
  color: inherit;
}
.cost-calculator.pink a.button,
.cost-calculator.branding-pink a.button,
.branding-pink .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.pink a.button.secondary,
.cost-calculator.branding-pink a.button.secondary,
.branding-pink .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.pink .triptych-icon,
.cost-calculator.branding-pink .triptych-icon,
.branding-pink .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator.raw,
.cost-calculator.branding-raw,
.branding-raw .cost-calculator {
  background-color: #ddd;
  color: #1a1a1a;
}
.cost-calculator.raw a,
.cost-calculator.branding-raw a,
.branding-raw .cost-calculator a {
  color: inherit;
}
.cost-calculator.raw a.button,
.cost-calculator.branding-raw a.button,
.branding-raw .cost-calculator a.button {
  color: #fff;
}
.cost-calculator.raw a.button.secondary,
.cost-calculator.branding-raw a.button.secondary,
.branding-raw .cost-calculator a.button.secondary {
  color: #1a1a1a;
}
.cost-calculator.raw .triptych-icon,
.cost-calculator.branding-raw .triptych-icon,
.branding-raw .cost-calculator .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.cost-calculator h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 15px 0;
}
@media only screen and (max-width: 600px) {
  .cost-calculator h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.cost-calculator .form .calc-input-wrapper {
  margin-bottom: 18px;
}
.cost-calculator .form .calc-input-wrapper > * {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.cost-calculator .form .calc-input-wrapper label {
  min-width: 200px;
  font: 20px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.cost-calculator .form .calc-input-wrapper .pound {
  font: 35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
.cost-calculator .form .calc-input-wrapper .input {
  width: 175px;
  margin: 0 5px 0 5px;
}
.cost-calculator .form .calc-input-wrapper .input input {
  width: 100%;
  border: 0;
  font: 20px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.cost-calculator .form .calc-input-wrapper span {
  font: 20px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.cost-calculator .form > p {
  font: 20px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 30px 0 20px 0;
}
.cost-calculator .form .result {
  box-sizing: border-box;
  padding: 3px 15px;
  font: 60px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  min-width: 424px;
  display: inline-block;
  vertical-align: middle;
  background: rgba(255,255,255,0.3);
  visibility: hidden;
}
.cost-calculator .form .result.visible {
  visibility: visible;
}
.cost-calculator .form .result .val {
  padding-right: 8px;
}
@media only screen and (max-width: 800px) {
  .cost-calculator {
    padding: 15px 5px 5px 30px;
  }
  .cost-calculator h2 {
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .cost-calculator .form .calc-input-wrapper {
    margin-bottom: 8px;
  }
  .cost-calculator .form .calc-input-wrapper .label {
    width: 150px;
    font-size: 15px;
  }
  .cost-calculator .form .calc-input-wrapper .pound {
    font-size: 20px;
  }
  .cost-calculator .form .calc-input-wrapper .input {
    width: 100px;
  }
  .cost-calculator .form .calc-input-wrapper .input input {
    font-size: 18px;
  }
  .cost-calculator .form .result {
    font: 30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    min-width: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .cost-calculator {
    padding: 15px;
  }
  .cost-calculator .form .calc-input-wrapper .input {
    width: 130px;
  }
}
/******************************
 * 
 *  M16 Text carousel
 * 
 ******************************/
.text-carousel {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  position: relative;
  padding: 50px 0px;
/* Small screen version */
/* Phone version */
}
.text-carousel blockquote {
  margin: 0 auto 20px;
  box-sizing: border-box;
  width: 100%;
  min-height: 160px;
}
.text-carousel blockquote q {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .text-carousel blockquote q {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.text-carousel blockquote .image {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
}
.text-carousel .text-carousel-pagination {
  text-align: center;
  position: relative;
  z-index: 550;
}
.text-carousel .text-carousel-pagination a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-clip: padding-box;
  overflow: hidden;
  margin: 5px 8px;
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.text-carousel .text-carousel-pagination a img {
  width: 100%;
  height: 100%;
}
.text-carousel .text-carousel-pagination a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
  filter: alpha(opacity=87);
  opacity: 0.87;
}
.text-carousel .text-carousel-pagination a.cycle-pager-active {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.text-carousel .cycle-prev,
.text-carousel .cycle-next {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: -15px;
  z-index: 550;
  margin-top: -47px;
}
.text-carousel .cycle-next {
  left: auto;
  right: -15px;
}
@media only screen and (max-width: 970px) {
  .text-carousel .cycle-prev {
    left: 0;
  }
  .text-carousel .cycle-next {
    right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .text-carousel .text-carousel-pagination a {
    width: 30px;
    height: 30px;
  }
  .text-carousel .cycle-prev,
  .text-carousel .cycle-next {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}
/******************************
 * 
 *  M17 Ratings summary
 * 
 ******************************/
.ratings-summary {
  font-size: 0;
  max-width: 500px;
/* Laptop version */
/* Phone version */
}
.ratings-summary .box .title {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.ratings-summary .box .rating {
/* Cost calculator result, site search overlay, stats */
  font: 60px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .ratings-summary .box .rating {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.ratings-summary .box .reviews {
  font: 14px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  white-space: nowrap;
}
.ratings-summary .box .item {
  margin-bottom: 5px;
}
.ratings-summary .box .item .info {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  display: inline-block;
  height: 20px;
  vertical-align: top;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin: 0px;
}
.ratings-summary .box .item .progress {
  display: inline-block;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin: 0px;
  height: 20px;
  background: #eee;
}
.ratings-summary .box .item .progress span {
  display: inline-block;
  height: 20px;
  background: #1a1a1a;
  max-width: 100%;
  min-width: 0;
}
.ratings-summary .box ul {
  padding: 0;
  margin: 10px 0 15px;
  list-style: none;
}
.ratings-summary .box ul li {
  padding: 0;
  margin: 0;
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 970px) {
  .ratings-summary .box .item .info {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 40.0360144057623%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin: 0px;
  }
  .ratings-summary .box .item .progress {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 56.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .ratings-summary .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .ratings-summary .box .item .info {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin: 0px;
  }
  .ratings-summary .box .item .progress {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin: 0px;
  }
}
/******************************
 * 
 *  M18. Review
 * 
 ******************************/
.review {
  padding-bottom: 10px;
/* Phone version */
}
.review .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.review .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.review .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  display: inline-block;
  line-height: 1.6;
  margin: 0;
  vertical-align: text-bottom;
}
.review .content-grid .box .meta {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-top: 8px;
}
.review .content-grid .box p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 15px 0;
}
.review .content-grid .box ul.indicators {
  padding: 0;
  margin: 0 15px 0 0;
  list-style: none;
  display: inline-block;
}
.review .content-grid .box ul.indicators li {
  display: inline-block;
  padding: 0;
  margin: 0 3px 0 0;
}
.review .content-grid .box ul.indicators li a,
.review .content-grid .box ul.indicators li span {
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 1px solid #1a1a1a;
  background: transparent;
  border-radius: 100%;
  background-clip: padding-box;
}
.review .content-grid .box ul.indicators li a.selected,
.review .content-grid .box ul.indicators li span.selected {
  background: #1a1a1a;
}
@media only screen and (max-width: 600px) {
  .review .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/******************************
 *
 *  M19. 6 image block
 *
 ******************************/
.six-image-block {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
/* Phone version */
}
.six-image-block>* {
  margin-bottom: 10px;
  margin-top: 10px;
}
.six-image-block .header {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.six-image-block .header h4 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .six-image-block .header h4 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.six-image-block .view-all {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
}
.six-image-block .image-container {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-decoration: none;
}
.six-image-block .image-container .image {
  display: block;
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.six-image-block .image-container .image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.six-image-block .image-container .description {
  display: block;
  color: #1a1a1a;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .six-image-block .header {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .six-image-block .view-all {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: left;
  }
  .six-image-block .image-container {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/******************************
 *
 *  M19. 6 image block
 *
 ******************************/
.trigger-wrapper {
  position: absolute;
  padding-top: 300px;
}
.parallax-block {
  background-color: #f8f8f8;
  box-sizing: border-box;
/* fallback for tablets & mobiles */
/* Tablet version */
/* Mobile version */
}
.parallax-block .content {
  position: relative;
  padding: 20px 0;
  margin: 20px auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.parallax-block .content .info {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding-bottom: 60px;
}
.parallax-block .content .info h2 {
  max-width: 253px;
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .parallax-block .content .info h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.parallax-block .content .info p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.parallax-block .content .info .watch-video {
  margin-top: 10px;
  text-decoration: none;
}
.parallax-block .content .info .watch-video .watch-button {
  vertical-align: top;
  margin-right: 16px;
}
.parallax-block .content .info .watch-video .button-info {
  display: inline-block;
  vertical-align: top;
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.parallax-block .content .info .watch-video .button-info span {
  display: block;
}
.parallax-block .content .info .triptych {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 0.815%;
}
.parallax-block .content .parallax-image {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.parallax-block .content .parallax-image .video-container {
  display: none;
}
.parallax-block .content .parallax-image .video-container h4 {
  margin: 4px 0 0 0;
}
.parallax-block .content .parallax-image .video-container .video-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: relative;
  width: 100%;
}
.parallax-block .content .parallax-image .video-container .video-box .media-wrapper {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: relative;
  width: 100%;
}
.parallax-block .content .parallax-image .video-container .video-box .media-wrapper video {
  width: 100%;
  height: auto;
}
.parallax-block .content .parallax-image .media {
  max-heigth: 537px;
  overflow: hidden;
}
.parallax-block .content .parallax-image .media img {
  width: 100%;
  display: none;
}
.parallax-block .content .parallax-image .media img:first-child {
  display: block;
}
.parallax-block .content .parallax-image .pagination {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
html.device .parallax-block .watch-video {
  display: none;
}
html.device .parallax-block .parallax-image .video-container {
  display: block;
}
html.device .parallax-block .parallax-image .media,
html.device .parallax-block .parallax-image .pagination {
  display: none;
}
@media only screen and (max-width: 800px) {
  .parallax-block .content .info h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .parallax-block {
    background: #fff;
  }
  .parallax-block .content .info {
    display: none;
  }
  .parallax-block .content .parallax-image {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .parallax-block .content .parallax-image .video-container {
    display: block;
  }
  .parallax-block .content .parallax-image .video-container #parallax-popup-video,
  .parallax-block .content .parallax-image .video-container mfp-hide {
    display: block !important;
  }
  .parallax-block .content .parallax-image .media,
  .parallax-block .content .parallax-image .pagination {
    display: none;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .parallax-block h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 *
 *  M21. Interactive image selector
 *
 ******************************/
.multi-image.interactive-image-selector .slider-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.multi-image.interactive-image-selector .slider-wrapper .slide {
  -webkit-perspective: 1000;
  perspective: 1000;
  overflow: visible;
}
.multi-image.interactive-image-selector .slider-wrapper .slide .flipper {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  will-change: transform;
}
.multi-image.interactive-image-selector .slider-wrapper .slide .flipper .image {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.multi-image.interactive-image-selector .slider-wrapper .slide .flipper .side {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.multi-image.interactive-image-selector .slider-wrapper .slide .flipper .front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.multi-image.interactive-image-selector .slider-wrapper .slide .flipper.flipped {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.multi-image.interactive-image-selector .slider-wrapper .slide .flipper-buttons {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  width: 265px;
  max-width: 90%;
}
.multi-image.interactive-image-selector .slider-wrapper .slide .description {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 10px;
}
.multi-image.interactive-image-selector .slider-pagination {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.multi-image.interactive-image-selector .slider-pagination a {
  border: 1px $ddd solid;
}
.multi-image.interactive-image-selector .slider-pagination a .image {
  display: inline-block;
  vertical-align: middle;
  width: 28.3%;
  height: 100%;
  margin-right: 0;
}
.multi-image.interactive-image-selector .slider-pagination a .description {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7.55%;
  width: 64.15%;
  font-size: 15px;
  padding: 4px 0;
  line-height: 20px;
}
.multi-image.interactive-image-selector .slider-pagination a .description span {
  display: block;
}
.multi-image.interactive-image-selector .slider-pagination a .description span.title {
  font-weight: bold;
}
.multi-image.interactive-image-selector .slider-pagination a.cycle-pager-active .image,
.multi-image.interactive-image-selector .slider-pagination a:hover .image {
  margin-left: -1px;
}
.multi-image.interactive-image-selector .text-box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding-left: 0;
}
/* reverse */
.multi-image.interactive-image-selector.reverse .text-box {
  padding: 0;
}
@media only screen and (max-width: 970px) {
  .multi-image.interactive-image-selector .slider-pagination a .image {
    vertical-align: top;
  }
  .multi-image.interactive-image-selector .slider-pagination a .description {
    vertical-align: top;
  }
}
@media only screen and (max-width: 800px) {
  .multi-image.interactive-image-selector .slider-wrapper {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 56.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .multi-image.interactive-image-selector .slider-pagination {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 40.0360144057623%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .multi-image.interactive-image-selector .slider-pagination a .image {
    vertical-align: middle;
  }
  .multi-image.interactive-image-selector .slider-pagination a .description {
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle;
  }
  .multi-image.interactive-image-selector .text-box {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .multi-image.interactive-image-selector .slider-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .multi-image.interactive-image-selector .slider-wrapper .slide .description {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
  }
  .multi-image.interactive-image-selector .slider-wrapper .slide .flipper-buttons {
    bottom: 5px;
  }
  .multi-image.interactive-image-selector .slider-wrapper .slide .flipper-buttons .button-group .button {
    padding: 5px 8px;
    min-height: 30px;
  }
  .multi-image.interactive-image-selector .slider-pagination {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .multi-image.interactive-image-selector .slider-pagination a {
    position: relative;
  }
  .multi-image.interactive-image-selector .slider-pagination a .image {
    width: 100%;
    margin-left: 0;
  }
  .multi-image.interactive-image-selector .slider-pagination a .description {
    margin: 0;
    padding: 5px;
    width: 100%;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .multi-image.interactive-image-selector .slider-pagination a .description span {
    display: none;
  }
  .multi-image.interactive-image-selector .slider-pagination a .description span.title {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
    background: rgba(255,255,255,0.75);
  }
  .multi-image.interactive-image-selector .slider-pagination.cycle-pager-active .image,
  .multi-image.interactive-image-selector .slider-pagination:hover .image {
    margin-left: 0;
  }
  .multi-image.interactive-image-selector .text-box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.generic-text-block > * {
  max-width: 69.35%;
}
.generic-text-block > .similar-events {
  margin-top: 18px;
}
.generic-text-block h4 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 15px;
  line-height: 1.4;
}
@media only screen and (max-width: 600px) {
  .generic-text-block h4 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.generic-text-block h3 {
  margin-left: 0;
  margin-top: 18px;
  margin-bottom: 0px;
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .generic-text-block h3 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.generic-text-block p {
  margin-top: 13px;
  margin-bottom: 15px;
  font: 20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.5;
}
.generic-text-block blockquote,
.generic-text-block ul,
.generic-text-block ol,
.generic-text-block table {
  font: 20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.5;
}
.generic-text-block table td {
  border-bottom: 1px #eee solid;
  padding: 5px;
  font-size: 15px;
}
.generic-text-block .media-container {
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin: 0 0 10px;
}
.generic-text-block .media-container.full-width {
  width: 100%;
  max-width: 100%;
}
.generic-text-block .media-container .info {
  padding: 6px 0;
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.generic-text-block .media-container .media-holder img,
.generic-text-block .media-container .media-holder video,
.generic-text-block .media-container .media-holder iframe {
  display: block;
  width: 100%;
}
.generic-text-block .media-container .media-holder .video-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: relative;
}
.generic-text-block .media-container .media-holder .video-box .media-wrapper {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: relative;
}
.generic-text-block .media-container .media-holder .video-box .media-wrapper video,
.generic-text-block .media-container .media-holder .video-box .media-wrapper iframe {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 800px) {
  .generic-text-block {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    overflow: hidden;
  }
  .generic-text-block p,
  .generic-text-block blockquote,
  .generic-text-block ul,
  .generic-text-block ol {
/* Cost calculator result, site search overlay, stats */
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
  .generic-text-block > * {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .generic-text-block {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .generic-text-block h4 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .generic-text-block h3 {
/* Cost calculator result, site search overlay, stats */
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .generic-text-block h4 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .generic-text-block h3 {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
/******************************
 * 
 *  M23. Full width image
 * 
 ******************************/
.full-width-image {
  height: 500px;
  position: relative;
/* Mobile version */
}
.full-width-image.-underline {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
@media only screen and (max-width: 600px) {
  .full-width-image.-underline {
    border: none;
  }
}
@media only screen and (max-width: 970px) {
  .full-width-image.-underline .content .body {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
@media only screen and (max-width: 600px) {
  .full-width-image.-underline .content .body {
    border: none;
  }
}
.branding-black .full-width-image.-underline,
.full-width-image.-underline.black,
.full-width-image.-underline.branding-black {
  border-bottom-color: #1a1a1a;
}
.branding-racing-green .full-width-image.-underline,
.full-width-image.-underline.racing-green,
.full-width-image.-underline.branding-racing-green {
  border-bottom-color: #265238;
}
.branding-tempest-blue .full-width-image.-underline,
.full-width-image.-underline.tempest-blue,
.full-width-image.-underline.branding-tempest-blue {
  border-bottom-color: #242142;
}
.branding-lagoon-blue .full-width-image.-underline,
.full-width-image.-underline.lagoon-blue,
.full-width-image.-underline.branding-lagoon-blue {
  border-bottom-color: #00a8cb;
}
.branding-raw-lacquer .full-width-image.-underline,
.full-width-image.-underline.raw-lacquer,
.full-width-image.-underline.branding-raw-lacquer {
  border-bottom-color: #959773;
}
.branding-turkish-green .full-width-image.-underline,
.full-width-image.-underline.turkish-green,
.full-width-image.-underline.branding-turkish-green {
  border-bottom-color: #96cdc5;
}
.branding-cherry-blossom .full-width-image.-underline,
.full-width-image.-underline.cherry-blossom,
.full-width-image.-underline.branding-cherry-blossom {
  border-bottom-color: #e9d0c8;
}
.branding-berry-crush .full-width-image.-underline,
.full-width-image.-underline.berry-crush,
.full-width-image.-underline.branding-berry-crush {
  border-bottom-color: #8d267c;
}
.branding-red .full-width-image.-underline,
.full-width-image.-underline.red,
.full-width-image.-underline.branding-red {
  border-bottom-color: #ec2427;
}
.branding-orange .full-width-image.-underline,
.full-width-image.-underline.orange,
.full-width-image.-underline.branding-orange {
  border-bottom-color: #f47523;
}
.branding-lime-green .full-width-image.-underline,
.full-width-image.-underline.lime-green,
.full-width-image.-underline.branding-lime-green {
  border-bottom-color: #cbdd61;
}
.branding-ivory .full-width-image.-underline,
.full-width-image.-underline.ivory,
.full-width-image.-underline.branding-ivory {
  border-bottom-color: #f1dfb8;
}
.branding-white .full-width-image.-underline,
.full-width-image.-underline.white,
.full-width-image.-underline.branding-white {
  border-bottom-color: #fff;
}
.branding-grey .full-width-image.-underline,
.full-width-image.-underline.grey,
.full-width-image.-underline.branding-grey {
  border-bottom-color: #ddd;
}
.branding-pink .full-width-image.-underline,
.full-width-image.-underline.pink,
.full-width-image.-underline.branding-pink {
  border-bottom-color: #e9cdd0;
}
.branding-raw .full-width-image.-underline,
.full-width-image.-underline.raw,
.full-width-image.-underline.branding-raw {
  border-bottom-color: #ddd;
}
.full-width-image.-underline .content {
  z-index: auto;
}
.full-width-image.-underline .content .body {
  position: absolute;
  z-index: 1;
  bottom: -5px;
  padding-bottom: 10px;
  border: 1px solid #d3d3d3;
  border-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .full-width-image.-underline .content .body {
    position: relative;
    border: 0;
  }
}
.full-width-image .content-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.full-width-image .content-media .media-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.full-width-image .content-media .media-wrapper img,
.full-width-image .content-media .media-wrapper video,
.full-width-image .content-media .media-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.full-width-image .content-media .media-wrapper video[autoplay] {
  position: static;
  width: 100%;
  height: auto;
}
.full-width-image .button.play {
  z-index: 4;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.full-width-image.progress .button.play {
  display: none;
}
.full-width-image .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: 500px;
  position: relative;
  z-index: 3;
}
.full-width-image .content .body {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  -webkit-overflow-scrolling: touch;
  max-height: 85%;
  overflow: auto;
  position: absolute;
  bottom: 0;
  background: #fff;
  padding: 20px;
}
.full-width-image .content .body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.full-width-image .content .body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0;
  background-clip: padding-box;
}
.full-width-image .content .body::-webkit-scrollbar-track {
  background-color: #eee;
}
.full-width-image .content .body:hover,
.full-width-image .content .body:active {
  -webkit-overflow-scrolling: touch;
}
.full-width-image .content .body:hover::-webkit-scrollbar,
.full-width-image .content .body:active::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.full-width-image .content .body:hover::-webkit-scrollbar-thumb,
.full-width-image .content .body:active::-webkit-scrollbar-thumb {
  background-color: #d7dbdf;
  border-radius: 0;
  background-clip: padding-box;
}
.full-width-image .content .body:hover::-webkit-scrollbar-track,
.full-width-image .content .body:active::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.3);
}
.full-width-image .content .body h2 {
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0px 0px 0px;
}
@media only screen and (max-width: 600px) {
  .full-width-image .content .body h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.full-width-image .content .body small {
  display: block;
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin: 5px 0 0 0;
}
.full-width-image .content .body p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 7px 0px 12px;
}
.full-width-image .content .body .button {
  margin-top: 12px;
}
@media only screen and (max-width: 600px) {
  .full-width-image {
    height: auto;
  }
  .full-width-image .content-media {
    position: relative;
    height: 220px;
  }
  .full-width-image .content {
    height: auto;
  }
  .full-width-image .content .body {
    display: block;
    position: relative;
    max-height: 100%;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    padding: 10px 0 0 0;
  }
  .full-width-image .content .body h2 {
    font: 23px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
/******************************
 * 
 *  M24 Newsletter sign-up social
 * 
 ******************************/
.signup {
  background: #eee;
  padding: 12px 0 9px 0;
/* Tablet version */
/* Mobile version */
}
.signup .signup-and-social {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.signup .signup-and-social .label {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 17px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  padding: 12px 0;
}
.signup .signup-and-social .signup-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
}
.signup .signup-and-social .signup-wrapper input.required {
  border: #ee3d3f 2px solid;
  border-right: 0;
}
.signup .signup-and-social .signup-wrapper span.required {
  position: absolute;
  top: 100%;
  right: 100px;
  bottom: auto;
  left: auto;
  background: #ee3d3f;
  color: #fff;
  padding: 1px 5px;
  font-size: 13px;
}
.signup .signup-and-social .newsletter_submited {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 17px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  background: url("images/newsletter-check.svg") left 7px no-repeat;
  background-size: auto 25px;
  padding: 12px 0 12px 36px;
}
.signup .signup-and-social .social {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
}
.signup .signup-and-social .social .social-link {
  margin-left: 6px;
}
.signup + .bike-cards {
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  .signup .signup-and-social {
    text-align: center;
  }
  .signup .signup-and-social .label {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .signup .signup-and-social .signup-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 15px;
  }
  .signup .signup-and-social .social {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
  .signup .signup-and-social .social .social-link {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  .signup .signup-and-social .signup-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 15px;
  }
}
/*******************************
 *
 *  M25. Find a store
 *
 ******************************/
.gmaps-label {
  position: absolute;
  white-space: nowrap;
  color: #545454;
  font: bold 10px AGM, 'Helvetica Neue', Arial, sans-serif;
  padding: 2px 5px;
  margin-top: -24px;
  background: #fff;
  border: 1px #545454 solid;
  border-radius: 3px;
  background-clip: padding-box;
  margin-left: -5px;
}
.gmaps-label.small {
  font-size: 9px;
}
.gmaps-label.big {
  font-size: 13px;
}
.gmaps-label.huge {
  font-size: 15px;
}
.gmaps-label.premier-store,
.gmaps-label.premier {
  color: #fff;
  border-color: #e41423;
  background: #e41423;
}
.gmaps-label.recommended-store,
.gmaps-label.recommended {
  color: #fff;
  background: #111;
  border-color: #111;
}
.gmaps-label.authorised-store,
.gmaps-label.authorised {
  color: #222;
  background: #fff;
  border-color: #555;
}
.gmaps-label.occasional-dealer,
.gmaps-label.occasional {
  background: #999;
  border-color: #999;
  color: #fff;
}
.gmaps-label.spares-n-accessories-dealer,
.gmaps-label.spares-n-accessories {
  background: #555;
  border-color: #555;
  color: #fff;
}
.find-a-store {
  background-color: #eee;
  padding: 14px 0 17px 0;
  color: #1a1a1a;
/* Tablet version */
/* Mobile version */
}
.find-a-store h2 {
  margin-top: 0;
  margin-bottom: 15px;
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .find-a-store h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.find-a-store .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: auto;
}
.find-a-store .content .box.title {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.find-a-store .content .box.location {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.find-a-store .content .box.country {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.find-a-store .content .box.submit {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.find-a-store .content .box-inner {
  width: 100%;
  box-sizing: border-box;
  display: table;
}
.find-a-store .content .box-inner > label {
  display: table-cell;
  text-align: left;
  width: 34%;
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: top;
  padding: 8px 5px 0 0;
}
.find-a-store .content .box-inner .input-wrapper {
  display: table-cell;
  vertical-align: top;
  width: 66%;
  padding: 0;
  margin: 0;
}
.find-a-store .content .box-inner .input-wrapper .checkbox-wrapper {
  display: none;
  padding: 10px 0 0 0;
}
.find-a-store .content .box-inner .input-wrapper .checkbox-wrapper label {
  width: auto;
  padding: 0;
}
.find-a-store .content .box-inner .input-wrapper input[type=text],
.find-a-store .content .box-inner .input-wrapper select {
  box-sizing: border-box;
  width: 100%;
  border-color: #eee;
}
.find-a-store .content .box-inner .left-text {
  display: inline-block;
}
.find-a-store .content .box-inner label.css-label span {
  border-color: #eee;
}
.find-a-store .content .button {
  width: 100%;
}
.find-a-store.mobile-only .content .box-inner > label {
  display: none !important;
}
@media only screen and (max-width: 800px) {
  .find-a-store .content .box.location {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 40.0360144057623%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .find-a-store .content .box.country {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .find-a-store .content .box.submit {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .find-a-store .content .box .box-inner {
    display: block;
  }
  .find-a-store .content .box .box-inner > label {
    display: block;
    width: 100%;
  }
  .find-a-store .content .box .box-inner .input-wrapper {
    display: block;
    width: 100%;
  }
  .find-a-store .content .box .box-inner input[type=text],
  .find-a-store .content .box .box-inner select {
    box-sizing: border-box;
    width: 100%;
  }
  .find-a-store .content .box .text-wrapper {
    margin-left: 0;
  }
  .find-a-store .content .box .button {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 600px) {
  .find-a-store .content {
    position: relative;
  }
  .find-a-store .content .box.location {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 10px;
    bordr: 1px solid #008000;
  }
  .find-a-store .content .box.title {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .find-a-store .content .box.title h2 {
/* Cost calculator result, site search overlay, stats */
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .find-a-store .content .box.country {
    display: none;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 10px;
  }
  .find-a-store .content .box.submit {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .find-a-store .content .box .box-inner .input-wrapper .checkbox-wrapper {
    width: 100%;
    padding-top: 18px;
  }
  .find-a-store .content .box .button {
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .find-a-store h2 {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
.find-a-store-detail {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1220px;
  display: none;
/* Tablet version */
/* Mobile version */
}
.find-a-store-detail:before,
.find-a-store-detail:after {
  content: " ";
  display: table;
}
.find-a-store-detail:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.find-a-store-detail .box {
  width: 50%;
  float: left;
  height: 500px;
  position: relative;
}
.find-a-store-detail .box.map iframe {
  max-width: 100%;
  max-height: 100%;
}
.find-a-store-detail .box img {
  width: 100%;
  display: block;
}
.find-a-store-detail .box.box-right:after {
  left: -59px;
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #fff;
  border-width: 30px;
  margin-top: -30px;
}
.find-a-store-detail .box .wrapper {
  margin: 10px 0;
  width: 100%;
  height: 488px;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.find-a-store-detail .box .wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.find-a-store-detail .box .wrapper::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px #aaa solid;
}
.find-a-store-detail .box .wrapper::-webkit-scrollbar-track {
  background-color: #aaa;
  border-radius: 5px;
  background-clip: padding-box;
}
.find-a-store-detail .box .wrapper .address-wrapper {
  display: block;
}
.find-a-store-detail .box .wrapper .more-stores {
  padding: 15px 40px 10px 64px;
}
@media only screen and (max-width: 800px) {
  .find-a-store-detail .box .wrapper .more-stores {
    padding-left: 60px;
  }
}
.find-a-store-detail .box .wrapper .more-stores a {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.find-a-store-detail .box .wrapper .more-stores a:hover {
  border-color: #333;
}
.find-a-store-detail .box .wrapper address {
  margin-left: 65px;
  margin-right: 40px;
  border-bottom: 1px solid #b4b4b4;
  font-style: inherit;
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  position: relative;
  background-image: url("images/item-arrow.svg");
  background-repeat: no-repeat;
  background-position: 99% center;
  line-height: 1.6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.find-a-store-detail .box .wrapper address:hover {
  background-position: 100% center;
}
.find-a-store-detail .box .wrapper address:hover .num-icon,
.find-a-store-detail .box .wrapper address.hover .num-icon {
  background-image: url("images/num-icon-active.svg");
}
.find-a-store-detail .box .wrapper address .ac {
  display: inline-block;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 5px;
  font-size: 0.75em;
  padding: 0 4px;
  border-radius: 0;
  background-clip: padding-box;
}
.find-a-store-detail .box .wrapper address > a {
  display: block;
  padding: 24px 38px 24px 0;
  text-decoration: none;
}
.find-a-store-detail .box .wrapper address strong {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}
.find-a-store-detail .box .wrapper address abbr[title] {
  border-bottom: 0 dotted;
  display: block;
}
.find-a-store-detail .box .wrapper address .address-icon {
  width: 15px;
  height: 15px;
  margin-right: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  bottom: -2px;
}
.find-a-store-detail .box .wrapper address .address-icon.icon-phone {
  background-image: url("images/icon-phone.svg");
}
.find-a-store-detail .box .wrapper address .address-icon.icon-time {
  background-image: url("images/icon-clock.svg");
}
.find-a-store-detail .box .wrapper address .num-icon {
  position: absolute;
  left: -40px;
  margin-top: 25px;
}
.find-a-store-detail .num-icon {
  display: inline-block;
  color: #fff;
  position: absolute;
  left: 0;
  width: 40px;
  height: 58px;
  padding-top: 6px;
  text-align: center;
  background-image: url("images/num-icon.svg");
  background-size: 18px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 800px) {
  .find-a-store-detail .box .wrapper address {
    margin-left: 60px;
    margin-right: 0px;
    padding-right: 30px;
    background-size: 20px auto;
  }
}
@media only screen and (max-width: 600px) {
  .find-a-store-detail .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    height: auto;
  }
  .find-a-store-detail .box.map {
    height: 300px;
    margin-top: 3.13%;
  }
  .find-a-store-detail .box .wrapper {
    height: auto;
  }
  .find-a-store-detail .box .wrapper address {
    margin-left: 60px;
    margin-right: 10px;
    padding: 24px 30px 0 0;
  }
}
/******************************
 *
 *  M26. Bike Cars
 *
 ******************************/
.bike-cards {
  margin-top: 35px;
  margin-bottom: 20px;
/* Tablet version */
/* Phone version */
}
.bike-cards .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.bike-cards .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  position: relative;
  height: auto;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.bike-cards .content-grid .box:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  background-color: #ddd;
}
.bike-cards .content-grid .box.left,
.bike-cards .content-grid .box.right {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 40px;
  border: 0;
  padding-bottom: 0;
}
.bike-cards .content-grid .box.left:after,
.bike-cards .content-grid .box.right:after {
  display: none;
}
.bike-cards .content-grid .box.right {
  text-align: right;
}
.bike-cards .content-grid .box.right > * {
  display: inline-block;
  vertical-align: middle;
}
.bike-cards .content-grid .box.right .button {
  margin-left: 12px;
}
.bike-cards .content-grid .box.one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 0;
  border: 0;
  padding-bottom: 0;
}
.bike-cards .content-grid .box.one:after {
  display: none;
}
.bike-cards .content-grid .box.one h2 {
  margin: 0 0 10px;
}
.bike-cards .content-grid .box.new {
  border: 1px dashed #ddd;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding-bottom: 0;
}
.bike-cards .content-grid .box.new:after {
  display: none;
}
.bike-cards .content-grid .box.new a {
  height: 350px;
  display: block;
}
.bike-cards .content-grid .box.new .wrapper {
  display: block;
  text-align: center;
  width: 100%;
  padding-top: 0;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bike-cards .content-grid .box.new .wrapper span {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media only screen and (max-width: 600px) {
  .bike-cards .content-grid .box.new .wrapper span {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.bike-cards .content-grid .box.new .wrapper span.icon {
/* Cost calculator result, site search overlay, stats */
  font: 60px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .bike-cards .content-grid .box.new .wrapper span.icon {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.bike-cards .content-grid .box.new:hover {
  border-color: #eee;
  background: #eee;
}
.bike-cards .content-grid .box.new:hover .wrapper span {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.bike-cards .content-grid .box > h2 {
  display: block;
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .bike-cards .content-grid .box > h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.bike-cards .content-grid .box .wrapper {
  display: block;
  color: #1a1a1a;
  text-decoration: none;
  padding-top: 5px;
}
.bike-cards .content-grid .box .wrapper .image {
  display: block;
  height: 190px;
  overflow: hidden;
}
.bike-cards .content-grid .box .wrapper .image img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.bike-cards .content-grid .box .wrapper h3,
.bike-cards .content-grid .box .wrapper .title {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  display: block;
  margin: 15px 13px 7px;
  min-height: 31px;
}
@media only screen and (max-width: 600px) {
  .bike-cards .content-grid .box .wrapper h3,
  .bike-cards .content-grid .box .wrapper .title {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.bike-cards .content-grid .box .wrapper .type {
  float: right;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  height: 27px;
  line-height: 27px;
  min-width: 60px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #96cdc5;
  border-radius: 15px;
  background-clip: padding-box;
  margin-right: 8px;
  margin-top: -33px;
  font-size: 14px;
  padding: 0 8px;
  visibility: visible;
}
.bike-cards .content-grid .box .wrapper .type.sold,
.bike-cards .content-grid .box .wrapper .type.stolen {
  background-color: #3a3a3a;
}
.bike-cards .content-grid .box .wrapper .type + .item {
  border-top: 1px solid #ddd;
  font-size: 14px;
  padding-top: 8px;
  margin-top: 0;
}
.bike-cards .content-grid .box .wrapper .item {
  display: block;
  padding: 0 14px;
  margin: 10px auto;
  min-height: 35px;
  position: relative;
}
.bike-cards .content-grid .box .wrapper .item .item-data {
  display: block;
}
.bike-cards .content-grid .box .wrapper .item.grid {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 0 0;
  height: auto;
}
.bike-cards .content-grid .box .wrapper .item.grid .div {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  padding: 9px 0 10px;
  text-align: center;
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
}
.bike-cards .content-grid .box .wrapper .item.grid .div:first-child {
  border-right: 1px solid #ddd;
}
.bike-cards .content-grid .box .wrapper .button.secondary {
  width: 100%;
  margin-bottom: 10px;
}
.bike-cards .content-grid .box .wrapper .button.secondary.delete {
  width: 40px;
  position: absolute;
  top: 0;
  right: 14px;
  background-image: url("images/delete-bike.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 68%;
}
.bike-cards .content-grid .box .wrapper .button.secondary.delete:hover {
  background-image: url("images/delete-bike-white.svg");
}
.bike-cards .content-grid .box .wrapper .button.secondary.delete + .button.secondary {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}
@media only screen and (max-width: 800px) {
  .bike-cards .content-grid .box .wrapper .button.secondary.delete + .button.secondary {
    height: 40px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 600px) {
  .bike-cards .content-grid .box .wrapper .button.secondary.delete + .button.secondary {
    height: 32px;
  }
}
.bike-cards .content-grid .box .wrapper .label {
  display: block;
  line-height: 20px;
  margin: 0 -1px -1px;
}
.bike-cards .content-grid .box .wrapper .label span {
  position: absolute;
  top: -1px;
  display: inline-block;
  background: #b4b4b4;
  color: #fff;
  height: 18px;
  padding: 2px 10px 0;
  font: 14px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
}
.bike-cards .content-grid .box.black:after {
  background-color: #1a1a1a;
}
.bike-cards .content-grid .box.black .label span {
  background-color: #1a1a1a;
  color: #fff;
}
.bike-cards .content-grid .box.black .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.black .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.bike-cards .content-grid .box.racing-green:after {
  background-color: #265238;
}
.bike-cards .content-grid .box.racing-green .label span {
  background-color: #265238;
  color: #fff;
}
.bike-cards .content-grid .box.racing-green .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.racing-green .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.bike-cards .content-grid .box.tempest-blue:after {
  background-color: #242142;
}
.bike-cards .content-grid .box.tempest-blue .label span {
  background-color: #242142;
  color: #fff;
}
.bike-cards .content-grid .box.tempest-blue .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.tempest-blue .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.bike-cards .content-grid .box.lagoon-blue:after {
  background-color: #00a8cb;
}
.bike-cards .content-grid .box.lagoon-blue .label span {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.lagoon-blue .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.lagoon-blue .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.lagoon-blue .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.lagoon-blue .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.raw-lacquer:after {
  background-color: #959773;
}
.bike-cards .content-grid .box.raw-lacquer .label span {
  background-color: #959773;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.raw-lacquer .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.raw-lacquer .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.raw-lacquer .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.raw-lacquer .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.turkish-green:after {
  background-color: #96cdc5;
}
.bike-cards .content-grid .box.turkish-green .label span {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.turkish-green .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.turkish-green .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.turkish-green .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.turkish-green .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.cherry-blossom:after {
  background-color: #e9d0c8;
}
.bike-cards .content-grid .box.cherry-blossom .label span {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.cherry-blossom .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.cherry-blossom .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.cherry-blossom .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.cherry-blossom .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.berry-crush:after {
  background-color: #8d267c;
}
.bike-cards .content-grid .box.berry-crush .label span {
  background-color: #8d267c;
  color: #fff;
}
.bike-cards .content-grid .box.berry-crush .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.berry-crush .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.bike-cards .content-grid .box.red:after {
  background-color: #ec2427;
}
.bike-cards .content-grid .box.red .label span {
  background-color: #ec2427;
  color: #fff;
}
.bike-cards .content-grid .box.red .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.red .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.bike-cards .content-grid .box.orange:after {
  background-color: #f47523;
}
.bike-cards .content-grid .box.orange .label span {
  background-color: #f47523;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.orange .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.orange .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.orange .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.orange .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.lime-green:after {
  background-color: #cbdd61;
}
.bike-cards .content-grid .box.lime-green .label span {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.lime-green .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.lime-green .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.lime-green .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.lime-green .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.ivory:after {
  background-color: #f1dfb8;
}
.bike-cards .content-grid .box.ivory .label span {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.ivory .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.ivory .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.ivory .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.ivory .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.white:after {
  background-color: #fff;
}
.bike-cards .content-grid .box.white .label span {
  background-color: #fff;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.white .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.white .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.white .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.white .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.white:after {
  background-color: #b4b4b4;
}
.bike-cards .content-grid .box.white .label span {
  background-color: #b4b4b4;
}
.bike-cards .content-grid .box.grey:after {
  background-color: #ddd;
}
.bike-cards .content-grid .box.grey .label span {
  background-color: #ddd;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.grey .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.grey .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.grey .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.grey .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.pink:after {
  background-color: #e9cdd0;
}
.bike-cards .content-grid .box.pink .label span {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.pink .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.pink .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.pink .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.pink .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.raw:after {
  background-color: #ddd;
}
.bike-cards .content-grid .box.raw .label span {
  background-color: #ddd;
  color: #1a1a1a;
}
.bike-cards .content-grid .box.raw .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.raw .label span a.button {
  color: #fff;
}
.bike-cards .content-grid .box.raw .label span a.button.secondary {
  color: #1a1a1a;
}
.bike-cards .content-grid .box.raw .label span .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.bike-cards .content-grid .box.registered .wrapper {
  padding-top: 0;
}
.bike-cards .content-grid .box.registered .wrapper .image {
  height: 248px;
}
.bike-cards .content-grid .box.registered .wrapper .image img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 800px) {
  .bike-cards {
    margin-top: 20px;
  }
  .bike-cards .content-grid .box > h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
  }
  .bike-cards .content-grid .box .wrapper .image {
    height: 145px;
  }
  .bike-cards .content-grid .box .wrapper h3,
  .bike-cards .content-grid .box .wrapper .title {
    font-size: 17px;
  }
  .bike-cards .content-grid .box .wrapper .item.grid {
    padding: 0 5px;
  }
  .bike-cards .content-grid .box .wrapper .item.grid .div {
    font: 15px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
  .bike-cards .content-grid .box .wrapper .button.secondary {
    font-size: 15px;
    padding: 5px 8px;
  }
  .bike-cards .content-grid.new a {
    min-height: 375px;
  }
}
@media only screen and (max-width: 600px) {
  .bike-cards .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .bike-cards .content-grid .box .wrapper .image {
    max-height: 120px;
  }
  .bike-cards .content-grid .box .wrapper .label span {
    max-width: 80%;
  }
  .bike-cards .content-grid .box .wrapper .type {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    min-width: 40px;
    margin-top: -23px;
    margin-right: 5px;
  }
  .bike-cards .content-grid .box .wrapper .item {
    display: block;
    padding: 0 10px;
    margin: 10px auto;
    min-height: 35px;
  }
  .bike-cards .content-grid .box .wrapper .item .button.secondary {
    min-height: 32px;
  }
  .bike-cards .content-grid .box .wrapper .item.grid {
    padding: 0 5px;
  }
  .bike-cards .content-grid .box .wrapper .item.grid .div {
    font-size: 12px;
  }
  .bike-cards .content-grid .box .wrapper .label span {
    font-size: 11px;
    height: 15px;
  }
  .bike-cards .content-grid .box .wrapper .button.secondary {
    font-size: 14px;
    padding: 5px;
  }
  .bike-cards .content-grid .box.new a {
    height: 150px;
  }
  .bike-cards .content-grid .box.one {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .bike-cards .content-grid .box.left,
  .bike-cards .content-grid .box.right {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 20px;
  }
  .bike-cards .content-grid .box.right span {
    display: none;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .bike-cards > h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 *
 *  M27. Step-by-step
 *
 ******************************/
.step-by-step {
  background: #eee;
  padding-bottom: 5px;
}
.step-by-step .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.step-by-step .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  position: relative;
  height: auto;
}
.step-by-step .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 15px 0 24px 0;
}
@media only screen and (max-width: 600px) {
  .step-by-step .content-grid .box h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.step-by-step .content-grid .box h3 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 5px;
  position: relative;
  min-height: 40px;
  padding-left: 55px;
}
@media only screen and (max-width: 600px) {
  .step-by-step .content-grid .box h3 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.step-by-step .content-grid .box h3 .num {
  border-radius: 100%;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 40px;
  height: 40px;
  background: #eee;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  line-height: 41px;
  text-align: center;
  border: 1px solid #1a1a1a;
  overflow: hidden;
}
.step-by-step .content-grid .box h3 .step-title {
  padding: 0;
  display: inline-block;
  min-height: 40px;
  padding-top: 6px;
}
.step-by-step .content-grid .box h3 .step-title span {
  background: #eee;
  -webkit-box-shadow: 0.4em 0 0 #eee, -0.6em 0 0 #eee;
  box-shadow: 0.4em 0 0 #eee, -0.6em 0 0 #eee;
}
.step-by-step .content-grid .box p {
  margin: 0 0 20px;
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.step-by-step .content-grid .box a {
  color: #1a1a1a;
}
.step-by-step .content-grid .box:last-child h3 {
  background-image: none;
}
.step-by-step .content-grid .box.one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.step-by-step .content-grid.four-conteiner .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  position: relative;
  height: auto;
}
.step-by-step .content-grid.four-conteiner .box.one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 600px) {
  .step-by-step .content-grid .box,
  .step-by-step .content-grid .box.one {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .step-by-step .content-grid.four-conteiner .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/******************************
 * 
 *  M28. Custom build promo
 * 
 ******************************/
.custom-build-promo {
  background: #f8f8f8;
  min-height: 600px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
/* Tablet version */
/* Phone version */
}
.custom-build-promo .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  position: relative;
}
.custom-build-promo .content-grid .image {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.custom-build-promo .content-grid .image img {
  max-width: 100%;
}
.custom-build-promo .content-grid .info {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 67.48199279711886%;
}
.custom-build-promo .content-grid .info h1 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 55px 0 0;
}
@media only screen and (max-width: 600px) {
  .custom-build-promo .content-grid .info h1 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.custom-build-promo .content-grid .info h1 span {
  padding-left: 8px;
  white-space: nowrap;
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .custom-build-promo .content-grid .info h1 span {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.custom-build-promo .content-grid .info p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 12px 0;
}
.custom-build-promo .content-grid .slideshow {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: absolute;
  top: 20px;
  right: auto;
  bottom: auto;
  left: 0;
  max-height: 563px;
  overflow: hidden;
}
.custom-build-promo .content-grid .slideshow .media a {
  display: block;
  width: 100%;
}
.custom-build-promo .content-grid .slideshow .media img {
  width: 100%;
  max-height: 100%;
  height: auto;
}
.custom-build-promo .content-grid .color-picker {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 67.48199279711886%;
  margin-top: 10px;
}
.custom-build-promo .content-grid .color-picker .colors .color {
  width: 40px;
  height: 40px;
  margin: 0px 10px 10px 0px;
}
.custom-build-promo .content-grid .color-picker .colors .color.cycle-pager-active {
  -webkit-box-shadow: 0 0 0 2px #1a1a1a;
  box-shadow: 0 0 0 2px #1a1a1a;
}
.custom-build-promo .content-grid .action {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 67.48199279711886%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.custom-build-promo .content-grid .action .button {
  min-width: 170px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .custom-build-promo .content-grid .info h1 {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .custom-build-promo {
    min-height: 100px;
    padding-bottom: 10px;
  }
  .custom-build-promo .content-grid .info {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .custom-build-promo .content-grid .info h1 {
    margin: 15px 0;
  }
  .custom-build-promo .content-grid .info h1 span {
    display: block;
    padding-left: 0px;
  }
  .custom-build-promo .content-grid .slideshow {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    position: static;
  }
  .custom-build-promo .content-grid .color-picker {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .custom-build-promo .content-grid .color-picker .colors {
    text-align: center;
  }
  .custom-build-promo .content-grid .action {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
  .custom-build-promo .content-grid .action .button {
    width: 100%;
  }
}
/******************************
 *
 *  M29. Quick links
 *
 ******************************/
.quick-links article {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}
.quick-links article time {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
  line-height: 1;
}
.quick-links article a {
  text-decoration: none;
  border-bottom: 1px #ddd solid;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.quick-links article a:hover {
  border-bottom-color: #1a1a1a;
}
.quick-links article p {
  margin: 0;
  padding: 0;
}
.-forBwc .share-block .at-share-btn {
  border-radius: 100%;
  background-clip: padding-box;
  overflow: hidden;
}
.share-block {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
/* Tablet version */
/* Phone version */
}
.share-block .goback {
  margin: 13px 0 50px;
  font-size: 12px;
}
.share-block .goback a {
  text-decoration: none;
  color: #777;
}
.share-block .goback a:hover {
  text-decoration: underline;
}
.share-block .metadata {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-top: 13px;
  margin-bottom: 22px;
  word-wrap: break-word;
  color: #777;
}
.share-block .metadata>* {
  margin-bottom: 8px;
}
.share-block .metadata a {
  text-decoration: underline;
  color: #777;
}
.share-block .metadata a:hover {
  text-decoration: none;
}
.share-block .social h4 {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 10px;
}
.share-block .social a {
  display: block;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .share-block {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .share-block {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 10px;
  }
  .share-block .social a {
    float: left;
    margin-right: 10px;
  }
}
.article-header-container {
  background-color: #ddd;
  padding: 40px 0;
  color: #1a1a1a;
  position: relative;
/* Tablet version */
/* Phone version */
}
.article-header-container.black,
.article-header-container.branding-black,
.branding-black .article-header-container {
  background-color: #1a1a1a;
  color: #fff;
}
.article-header-container.black a,
.article-header-container.branding-black a,
.branding-black .article-header-container a {
  color: inherit;
}
.article-header-container.black .triptych-icon,
.article-header-container.branding-black .triptych-icon,
.branding-black .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.article-header-container.racing-green,
.article-header-container.branding-racing-green,
.branding-racing-green .article-header-container {
  background-color: #265238;
  color: #fff;
}
.article-header-container.racing-green a,
.article-header-container.branding-racing-green a,
.branding-racing-green .article-header-container a {
  color: inherit;
}
.article-header-container.racing-green .triptych-icon,
.article-header-container.branding-racing-green .triptych-icon,
.branding-racing-green .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.article-header-container.tempest-blue,
.article-header-container.branding-tempest-blue,
.branding-tempest-blue .article-header-container {
  background-color: #242142;
  color: #fff;
}
.article-header-container.tempest-blue a,
.article-header-container.branding-tempest-blue a,
.branding-tempest-blue .article-header-container a {
  color: inherit;
}
.article-header-container.tempest-blue .triptych-icon,
.article-header-container.branding-tempest-blue .triptych-icon,
.branding-tempest-blue .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.article-header-container.lagoon-blue,
.article-header-container.branding-lagoon-blue,
.branding-lagoon-blue .article-header-container {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.article-header-container.lagoon-blue a,
.article-header-container.branding-lagoon-blue a,
.branding-lagoon-blue .article-header-container a {
  color: inherit;
}
.article-header-container.lagoon-blue a.button,
.article-header-container.branding-lagoon-blue a.button,
.branding-lagoon-blue .article-header-container a.button {
  color: #fff;
}
.article-header-container.lagoon-blue a.button.secondary,
.article-header-container.branding-lagoon-blue a.button.secondary,
.branding-lagoon-blue .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.lagoon-blue .triptych-icon,
.article-header-container.branding-lagoon-blue .triptych-icon,
.branding-lagoon-blue .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.raw-lacquer,
.article-header-container.branding-raw-lacquer,
.branding-raw-lacquer .article-header-container {
  background-color: #959773;
  color: #1a1a1a;
}
.article-header-container.raw-lacquer a,
.article-header-container.branding-raw-lacquer a,
.branding-raw-lacquer .article-header-container a {
  color: inherit;
}
.article-header-container.raw-lacquer a.button,
.article-header-container.branding-raw-lacquer a.button,
.branding-raw-lacquer .article-header-container a.button {
  color: #fff;
}
.article-header-container.raw-lacquer a.button.secondary,
.article-header-container.branding-raw-lacquer a.button.secondary,
.branding-raw-lacquer .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.raw-lacquer .triptych-icon,
.article-header-container.branding-raw-lacquer .triptych-icon,
.branding-raw-lacquer .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.turkish-green,
.article-header-container.branding-turkish-green,
.branding-turkish-green .article-header-container {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.article-header-container.turkish-green a,
.article-header-container.branding-turkish-green a,
.branding-turkish-green .article-header-container a {
  color: inherit;
}
.article-header-container.turkish-green a.button,
.article-header-container.branding-turkish-green a.button,
.branding-turkish-green .article-header-container a.button {
  color: #fff;
}
.article-header-container.turkish-green a.button.secondary,
.article-header-container.branding-turkish-green a.button.secondary,
.branding-turkish-green .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.turkish-green .triptych-icon,
.article-header-container.branding-turkish-green .triptych-icon,
.branding-turkish-green .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.cherry-blossom,
.article-header-container.branding-cherry-blossom,
.branding-cherry-blossom .article-header-container {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.article-header-container.cherry-blossom a,
.article-header-container.branding-cherry-blossom a,
.branding-cherry-blossom .article-header-container a {
  color: inherit;
}
.article-header-container.cherry-blossom a.button,
.article-header-container.branding-cherry-blossom a.button,
.branding-cherry-blossom .article-header-container a.button {
  color: #fff;
}
.article-header-container.cherry-blossom a.button.secondary,
.article-header-container.branding-cherry-blossom a.button.secondary,
.branding-cherry-blossom .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.cherry-blossom .triptych-icon,
.article-header-container.branding-cherry-blossom .triptych-icon,
.branding-cherry-blossom .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.berry-crush,
.article-header-container.branding-berry-crush,
.branding-berry-crush .article-header-container {
  background-color: #8d267c;
  color: #fff;
}
.article-header-container.berry-crush a,
.article-header-container.branding-berry-crush a,
.branding-berry-crush .article-header-container a {
  color: inherit;
}
.article-header-container.berry-crush .triptych-icon,
.article-header-container.branding-berry-crush .triptych-icon,
.branding-berry-crush .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.article-header-container.red,
.article-header-container.branding-red,
.branding-red .article-header-container {
  background-color: #ec2427;
  color: #fff;
}
.article-header-container.red a,
.article-header-container.branding-red a,
.branding-red .article-header-container a {
  color: inherit;
}
.article-header-container.red .triptych-icon,
.article-header-container.branding-red .triptych-icon,
.branding-red .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.article-header-container.orange,
.article-header-container.branding-orange,
.branding-orange .article-header-container {
  background-color: #f47523;
  color: #1a1a1a;
}
.article-header-container.orange a,
.article-header-container.branding-orange a,
.branding-orange .article-header-container a {
  color: inherit;
}
.article-header-container.orange a.button,
.article-header-container.branding-orange a.button,
.branding-orange .article-header-container a.button {
  color: #fff;
}
.article-header-container.orange a.button.secondary,
.article-header-container.branding-orange a.button.secondary,
.branding-orange .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.orange .triptych-icon,
.article-header-container.branding-orange .triptych-icon,
.branding-orange .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.lime-green,
.article-header-container.branding-lime-green,
.branding-lime-green .article-header-container {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.article-header-container.lime-green a,
.article-header-container.branding-lime-green a,
.branding-lime-green .article-header-container a {
  color: inherit;
}
.article-header-container.lime-green a.button,
.article-header-container.branding-lime-green a.button,
.branding-lime-green .article-header-container a.button {
  color: #fff;
}
.article-header-container.lime-green a.button.secondary,
.article-header-container.branding-lime-green a.button.secondary,
.branding-lime-green .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.lime-green .triptych-icon,
.article-header-container.branding-lime-green .triptych-icon,
.branding-lime-green .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.ivory,
.article-header-container.branding-ivory,
.branding-ivory .article-header-container {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.article-header-container.ivory a,
.article-header-container.branding-ivory a,
.branding-ivory .article-header-container a {
  color: inherit;
}
.article-header-container.ivory a.button,
.article-header-container.branding-ivory a.button,
.branding-ivory .article-header-container a.button {
  color: #fff;
}
.article-header-container.ivory a.button.secondary,
.article-header-container.branding-ivory a.button.secondary,
.branding-ivory .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.ivory .triptych-icon,
.article-header-container.branding-ivory .triptych-icon,
.branding-ivory .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.white,
.article-header-container.branding-white,
.branding-white .article-header-container {
  background-color: #fff;
  color: #1a1a1a;
}
.article-header-container.white a,
.article-header-container.branding-white a,
.branding-white .article-header-container a {
  color: inherit;
}
.article-header-container.white a.button,
.article-header-container.branding-white a.button,
.branding-white .article-header-container a.button {
  color: #fff;
}
.article-header-container.white a.button.secondary,
.article-header-container.branding-white a.button.secondary,
.branding-white .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.white .triptych-icon,
.article-header-container.branding-white .triptych-icon,
.branding-white .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.grey,
.article-header-container.branding-grey,
.branding-grey .article-header-container {
  background-color: #ddd;
  color: #1a1a1a;
}
.article-header-container.grey a,
.article-header-container.branding-grey a,
.branding-grey .article-header-container a {
  color: inherit;
}
.article-header-container.grey a.button,
.article-header-container.branding-grey a.button,
.branding-grey .article-header-container a.button {
  color: #fff;
}
.article-header-container.grey a.button.secondary,
.article-header-container.branding-grey a.button.secondary,
.branding-grey .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.grey .triptych-icon,
.article-header-container.branding-grey .triptych-icon,
.branding-grey .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.pink,
.article-header-container.branding-pink,
.branding-pink .article-header-container {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.article-header-container.pink a,
.article-header-container.branding-pink a,
.branding-pink .article-header-container a {
  color: inherit;
}
.article-header-container.pink a.button,
.article-header-container.branding-pink a.button,
.branding-pink .article-header-container a.button {
  color: #fff;
}
.article-header-container.pink a.button.secondary,
.article-header-container.branding-pink a.button.secondary,
.branding-pink .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.pink .triptych-icon,
.article-header-container.branding-pink .triptych-icon,
.branding-pink .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container.raw,
.article-header-container.branding-raw,
.branding-raw .article-header-container {
  background-color: #ddd;
  color: #1a1a1a;
}
.article-header-container.raw a,
.article-header-container.branding-raw a,
.branding-raw .article-header-container a {
  color: inherit;
}
.article-header-container.raw a.button,
.article-header-container.branding-raw a.button,
.branding-raw .article-header-container a.button {
  color: #fff;
}
.article-header-container.raw a.button.secondary,
.article-header-container.branding-raw a.button.secondary,
.branding-raw .article-header-container a.button.secondary {
  color: #1a1a1a;
}
.article-header-container.raw .triptych-icon,
.article-header-container.branding-raw .triptych-icon,
.branding-raw .article-header-container .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.article-header-container .media {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.article-header-container .media .image {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.article-header-container .media + .article-header {
  height: 100%;
  min-height: 300px;
}
.article-header-container .media + .article-header .left-side {
  display: none;
}
.article-header-container .media + .article-header .main-side {
  background: #fff;
  padding: 14px;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
  max-height: 100%;
}
.article-header-container .media + .article-header .main-side .meta-data {
  display: block;
}
.article-header-container .media + .article-header .main-side .meta-data > * {
  display: inline;
}
.article-header-container .media + .article-header .main-side .calendar {
  display: inline-block;
  width: 30%;
  padding: 6px;
}
.article-header-container .media + .article-header .main-side .calendar .dateEvent {
  max-width: 150px;
}
.article-header-container .media + .article-header .main-side .calendar .dateEvent .day:before,
.article-header-container .media + .article-header .main-side .calendar .dateEvent .day:after {
  content: "";
  margin-top: -8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.article-header-container .media + .article-header .main-side .calendar .dateEvent .day:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
}
.article-header-container .media + .article-header .main-side .calendar .dateEvent .day:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #fff transparent transparent;
}
@media only screen and (max-width: 800px) {
  .article-header-container .media + .article-header .main-side .calendar {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .article-header-container .media + .article-header .main-side .calendar .dateEvent {
    margin: 0 auto;
  }
}
.article-header-container .media + .article-header .main-side .header {
  display: inline-block;
  max-width: 62%;
  margin: 0 0 0 2%;
}
@media only screen and (max-width: 800px) {
  .article-header-container .media + .article-header .main-side .header {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .article-header-container .media + .article-header .main-side .header h2,
  .article-header-container .media + .article-header .main-side .header h4 {
    text-align: center;
  }
}
.article-header-container .media + .article-header .main-side .header h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-weight: 500;
  line-height: 38px;
  margin: 0 0 10px;
}
@media only screen and (max-width: 600px) {
  .article-header-container .media + .article-header .main-side .header h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.article-header-container .media + .article-header .main-side .header h4 {
  font: 17px/21px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin: 0;
}
.article-header-container .article-header {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  position: relative;
  z-index: 1;
}
.article-header-container .article-header .left-side {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-top: 8px;
}
.article-header-container .article-header .main-side {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.article-header-container .article-header .main-side .meta-data {
  display: none;
}
.article-header-container .article-header .main-side h2 {
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .article-header-container .article-header .main-side h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.article-header-container .article-header .aricle-header-mobile {
  display: none;
}
.article-header-container.photo-header {
  min-height: 300px;
}
@media only screen and (max-width: 800px) {
  .article-header-container .article-header .left-side {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .article-header-container .article-header .main-side {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .article-header-container .article-header .main-side h2 {
/* Cost calculator result, site search overlay, stats */
    font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .article-header-container {
    padding: 15px 0;
  }
  .article-header-container .media + .article-header {
    height: 100%;
    min-height: 300px;
  }
  .article-header-container .media + .article-header .main-side {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .article-header-container .media + .article-header .article-header-mobile {
    display: none;
  }
  .article-header-container .article-header {
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    max-width: 1140px;
  }
  .article-header-container .article-header .left-side {
    display: none;
  }
  .article-header-container .article-header .main-side {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
  .article-header-container .article-header .main-side h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .article-header-container .article-header .article-header-mobile {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
    padding-top: 8px;
    font-size: 14px;
  }
  .article-header-container .article-header .article-header-mobile div {
    display: inline-block;
  }
  .article-header-container .article-header .article-header-mobile div.tags {
    display: block;
  }
}
.article-header-container.-forBwc {
  margin-bottom: 36px;
}
.article-header-container.-forBwc.-withTwitter {
  margin-bottom: 72px;
}
.article-header-container.-forBwc .twitter-feed {
  background: #eee;
  position: absolute;
  right: 0;
  bottom: -48px;
  left: 0;
  padding: 12px;
  color: #181818;
}
.article-header-container.-forBwc .twitter-feed .inside {
  margin: 0 auto;
  max-width: 1140px;
}
.article-header-container.-forBwc .twitter-feed .inside a {
  text-decoration: none;
  color: #181818;
  margin-right: 8px;
}
.article-header-container.-forBwc .twitter-feed .inside a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .article-header-container h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .article-header-container h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.pullout-quote {
  width: 48.92%;
  max-width: 48.92%;
  padding: 16px 17px;
  margin: 15px 0 15px 25px;
  float: right;
  background: #96cdc5;
  box-sizing: border-box;
/* Tablet version */
/* Phone version */
}
.pullout-quote.black,
.pullout-quote.branding-black,
.branding-black .pullout-quote {
  background-color: #1a1a1a;
  color: #fff;
}
.pullout-quote.black a,
.pullout-quote.branding-black a,
.branding-black .pullout-quote a {
  color: inherit;
}
.pullout-quote.black .triptych-icon,
.pullout-quote.branding-black .triptych-icon,
.branding-black .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.pullout-quote.racing-green,
.pullout-quote.branding-racing-green,
.branding-racing-green .pullout-quote {
  background-color: #265238;
  color: #fff;
}
.pullout-quote.racing-green a,
.pullout-quote.branding-racing-green a,
.branding-racing-green .pullout-quote a {
  color: inherit;
}
.pullout-quote.racing-green .triptych-icon,
.pullout-quote.branding-racing-green .triptych-icon,
.branding-racing-green .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.pullout-quote.tempest-blue,
.pullout-quote.branding-tempest-blue,
.branding-tempest-blue .pullout-quote {
  background-color: #242142;
  color: #fff;
}
.pullout-quote.tempest-blue a,
.pullout-quote.branding-tempest-blue a,
.branding-tempest-blue .pullout-quote a {
  color: inherit;
}
.pullout-quote.tempest-blue .triptych-icon,
.pullout-quote.branding-tempest-blue .triptych-icon,
.branding-tempest-blue .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.pullout-quote.lagoon-blue,
.pullout-quote.branding-lagoon-blue,
.branding-lagoon-blue .pullout-quote {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.pullout-quote.lagoon-blue a,
.pullout-quote.branding-lagoon-blue a,
.branding-lagoon-blue .pullout-quote a {
  color: inherit;
}
.pullout-quote.lagoon-blue a.button,
.pullout-quote.branding-lagoon-blue a.button,
.branding-lagoon-blue .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.lagoon-blue a.button.secondary,
.pullout-quote.branding-lagoon-blue a.button.secondary,
.branding-lagoon-blue .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.lagoon-blue .triptych-icon,
.pullout-quote.branding-lagoon-blue .triptych-icon,
.branding-lagoon-blue .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.raw-lacquer,
.pullout-quote.branding-raw-lacquer,
.branding-raw-lacquer .pullout-quote {
  background-color: #959773;
  color: #1a1a1a;
}
.pullout-quote.raw-lacquer a,
.pullout-quote.branding-raw-lacquer a,
.branding-raw-lacquer .pullout-quote a {
  color: inherit;
}
.pullout-quote.raw-lacquer a.button,
.pullout-quote.branding-raw-lacquer a.button,
.branding-raw-lacquer .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.raw-lacquer a.button.secondary,
.pullout-quote.branding-raw-lacquer a.button.secondary,
.branding-raw-lacquer .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.raw-lacquer .triptych-icon,
.pullout-quote.branding-raw-lacquer .triptych-icon,
.branding-raw-lacquer .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.turkish-green,
.pullout-quote.branding-turkish-green,
.branding-turkish-green .pullout-quote {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.pullout-quote.turkish-green a,
.pullout-quote.branding-turkish-green a,
.branding-turkish-green .pullout-quote a {
  color: inherit;
}
.pullout-quote.turkish-green a.button,
.pullout-quote.branding-turkish-green a.button,
.branding-turkish-green .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.turkish-green a.button.secondary,
.pullout-quote.branding-turkish-green a.button.secondary,
.branding-turkish-green .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.turkish-green .triptych-icon,
.pullout-quote.branding-turkish-green .triptych-icon,
.branding-turkish-green .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.cherry-blossom,
.pullout-quote.branding-cherry-blossom,
.branding-cherry-blossom .pullout-quote {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.pullout-quote.cherry-blossom a,
.pullout-quote.branding-cherry-blossom a,
.branding-cherry-blossom .pullout-quote a {
  color: inherit;
}
.pullout-quote.cherry-blossom a.button,
.pullout-quote.branding-cherry-blossom a.button,
.branding-cherry-blossom .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.cherry-blossom a.button.secondary,
.pullout-quote.branding-cherry-blossom a.button.secondary,
.branding-cherry-blossom .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.cherry-blossom .triptych-icon,
.pullout-quote.branding-cherry-blossom .triptych-icon,
.branding-cherry-blossom .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.berry-crush,
.pullout-quote.branding-berry-crush,
.branding-berry-crush .pullout-quote {
  background-color: #8d267c;
  color: #fff;
}
.pullout-quote.berry-crush a,
.pullout-quote.branding-berry-crush a,
.branding-berry-crush .pullout-quote a {
  color: inherit;
}
.pullout-quote.berry-crush .triptych-icon,
.pullout-quote.branding-berry-crush .triptych-icon,
.branding-berry-crush .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.pullout-quote.red,
.pullout-quote.branding-red,
.branding-red .pullout-quote {
  background-color: #ec2427;
  color: #fff;
}
.pullout-quote.red a,
.pullout-quote.branding-red a,
.branding-red .pullout-quote a {
  color: inherit;
}
.pullout-quote.red .triptych-icon,
.pullout-quote.branding-red .triptych-icon,
.branding-red .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.pullout-quote.orange,
.pullout-quote.branding-orange,
.branding-orange .pullout-quote {
  background-color: #f47523;
  color: #1a1a1a;
}
.pullout-quote.orange a,
.pullout-quote.branding-orange a,
.branding-orange .pullout-quote a {
  color: inherit;
}
.pullout-quote.orange a.button,
.pullout-quote.branding-orange a.button,
.branding-orange .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.orange a.button.secondary,
.pullout-quote.branding-orange a.button.secondary,
.branding-orange .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.orange .triptych-icon,
.pullout-quote.branding-orange .triptych-icon,
.branding-orange .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.lime-green,
.pullout-quote.branding-lime-green,
.branding-lime-green .pullout-quote {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.pullout-quote.lime-green a,
.pullout-quote.branding-lime-green a,
.branding-lime-green .pullout-quote a {
  color: inherit;
}
.pullout-quote.lime-green a.button,
.pullout-quote.branding-lime-green a.button,
.branding-lime-green .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.lime-green a.button.secondary,
.pullout-quote.branding-lime-green a.button.secondary,
.branding-lime-green .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.lime-green .triptych-icon,
.pullout-quote.branding-lime-green .triptych-icon,
.branding-lime-green .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.ivory,
.pullout-quote.branding-ivory,
.branding-ivory .pullout-quote {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.pullout-quote.ivory a,
.pullout-quote.branding-ivory a,
.branding-ivory .pullout-quote a {
  color: inherit;
}
.pullout-quote.ivory a.button,
.pullout-quote.branding-ivory a.button,
.branding-ivory .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.ivory a.button.secondary,
.pullout-quote.branding-ivory a.button.secondary,
.branding-ivory .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.ivory .triptych-icon,
.pullout-quote.branding-ivory .triptych-icon,
.branding-ivory .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.white,
.pullout-quote.branding-white,
.branding-white .pullout-quote {
  background-color: #fff;
  color: #1a1a1a;
}
.pullout-quote.white a,
.pullout-quote.branding-white a,
.branding-white .pullout-quote a {
  color: inherit;
}
.pullout-quote.white a.button,
.pullout-quote.branding-white a.button,
.branding-white .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.white a.button.secondary,
.pullout-quote.branding-white a.button.secondary,
.branding-white .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.white .triptych-icon,
.pullout-quote.branding-white .triptych-icon,
.branding-white .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.grey,
.pullout-quote.branding-grey,
.branding-grey .pullout-quote {
  background-color: #ddd;
  color: #1a1a1a;
}
.pullout-quote.grey a,
.pullout-quote.branding-grey a,
.branding-grey .pullout-quote a {
  color: inherit;
}
.pullout-quote.grey a.button,
.pullout-quote.branding-grey a.button,
.branding-grey .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.grey a.button.secondary,
.pullout-quote.branding-grey a.button.secondary,
.branding-grey .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.grey .triptych-icon,
.pullout-quote.branding-grey .triptych-icon,
.branding-grey .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.pink,
.pullout-quote.branding-pink,
.branding-pink .pullout-quote {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.pullout-quote.pink a,
.pullout-quote.branding-pink a,
.branding-pink .pullout-quote a {
  color: inherit;
}
.pullout-quote.pink a.button,
.pullout-quote.branding-pink a.button,
.branding-pink .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.pink a.button.secondary,
.pullout-quote.branding-pink a.button.secondary,
.branding-pink .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.pink .triptych-icon,
.pullout-quote.branding-pink .triptych-icon,
.branding-pink .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote.raw,
.pullout-quote.branding-raw,
.branding-raw .pullout-quote {
  background-color: #ddd;
  color: #1a1a1a;
}
.pullout-quote.raw a,
.pullout-quote.branding-raw a,
.branding-raw .pullout-quote a {
  color: inherit;
}
.pullout-quote.raw a.button,
.pullout-quote.branding-raw a.button,
.branding-raw .pullout-quote a.button {
  color: #fff;
}
.pullout-quote.raw a.button.secondary,
.pullout-quote.branding-raw a.button.secondary,
.branding-raw .pullout-quote a.button.secondary {
  color: #1a1a1a;
}
.pullout-quote.raw .triptych-icon,
.pullout-quote.branding-raw .triptych-icon,
.branding-raw .pullout-quote .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.pullout-quote .inside {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 24px;
}
@media only screen and (max-width: 600px) {
  .pullout-quote .inside {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.pullout-quote .inside:before {
  content: '“';
}
.pullout-quote .inside:after {
  content: '”';
}
.pullout-quote .author {
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 800px) {
  .pullout-quote {
    width: 42%;
    max-width: 42%;
    padding: 10px;
    margin-bottom: 15px;
  }
  .pullout-quote .inside {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .pullout-quote {
    max-width: 100%;
    width: 100%;
    margin: 10px 0 15px 0;
  }
  .pullout-quote .inside {
/* Cost calculator result, site search overlay, stats */
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .pullout-quote .inside {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .pullout-quote .inside {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
/******************************
 * 
 *  M33. Comments area
 * 
 ******************************/
.comments-area .content {
  margin: 0 auto;
  max-width: 740px;
  margin-bottom: 50px;
}
.comments-area .content > h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .comments-area .content > h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.comments-area .content section > article:nth-child(1) {
  border-top: 0;
  padding: 0 0 30px;
}
.comments-area .content section article {
  padding: 30px 0;
  border-top: 1px solid #b4b4b4;
}
.comments-area .content section article article {
  border-top: 1px solid #b4b4b4;
  padding: 30px 0 0 0;
  margin-top: 30px;
  position: relative;
}
.comments-area .content section article article p {
  margin: 0 0 10px;
}
.comments-area .content section article article p:nth-last-child(1) {
  margin: 0;
}
.comments-area .content section article article .box.two {
  padding-left: 95px;
}
.comments-area .content section article article:after {
  content: "";
  position: absolute;
  left: 35px;
  top: 0;
  height: 60%;
  width: 40px;
  border-left: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}
.comments-area .content section article .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.comments-area .content section article .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  position: relative;
}
.comments-area .content section article .content-grid .box .name {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .comments-area .content section article .content-grid .box .name {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.comments-area .content section article .content-grid .box time {
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
.comments-area .content section article .content-grid .box.two {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-left: 0;
}
.comments-area .comments-form-wrapper {
  width: 75%;
}
.comments-area .comments-form-wrapper h2 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .comments-area .comments-form-wrapper h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.comments-area .comments-form-wrapper .input-wrapper {
  width: 100%;
}
.comments-area .comments-form-wrapper .input-wrapper label {
  width: 15%;
}
.comments-area .comments-form-wrapper .input-wrapper input,
.comments-area .comments-form-wrapper .input-wrapper textarea {
  width: 84%;
}
@media only screen and (max-width: 600px) {
  .comments-area .content > h2 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
/* Cost calculator result, site search overlay, stats */
    font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .comments-area .content section article .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .comments-area .content section article .content-grid .box.two {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    padding-left: 0;
  }
  .comments-area .content section article .content-grid .box .name {
    font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
  }
  .comments-area .content section article .content-grid .box time {
/* Cost calculator result, site search overlay, stats */
    font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
  .comments-area .content section article article:after {
    content: "";
    display: none;
  }
  .comments-area .comments-form-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .comments-area .comments-form-wrapper .input-wrapper {
    padding: 0;
  }
  .comments-area .comments-form-wrapper .input-wrapper label {
    display: none;
  }
  .comments-area .comments-form-wrapper .input-wrapper input,
  .comments-area .comments-form-wrapper .input-wrapper textarea {
    width: 100%;
  }
  .comments-area .comments-form-wrapper .input-wrapper .right-text {
    float: none;
    max-width: 100%;
    margin: 10px 0 0;
    text-align: left;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .comments-area > h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.fb-comments,
.fb-comments span[style],
.fb-comments iframe[style] {
  width: 100% !important;
}
/******************************
 *
 *  M34. Bike builder
 *
 ******************************/
#wrap_for_sticky_footer .body_div {
  max-width: 1120px;
}
#wrap_for_sticky_footer #cphBody_upConfigurator {
  margin: 18px 5px 0 5px;
}
#wrap_for_sticky_footer .infoAndButtons {
  position: relative;
  top: -920px;
  right: 0;
  bottom: auto;
  left: auto;
  float: right;
  width: 25%;
  z-index: 5000;
  z-index: 5500;
}
@media only screen and (max-width: 970px) {
  #wrap_for_sticky_footer .infoAndButtons {
    top: -900px;
  }
}
@media only screen and (max-width: 820px) {
  #wrap_for_sticky_footer .infoAndButtons {
    position: relative;
    top: -20px;
    right: auto;
    bottom: auto;
    left: auto;
    float: none;
    width: 90%;
    margin: 0 auto;
    z-index: 5000;
  }
}
#wrap_for_sticky_footer .informationHolder.next-steps {
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #ddd;
  font: 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  width: 100%;
}
#wrap_for_sticky_footer .informationHolder.next-steps > b {
  font: 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 5px 0;
}
#wrap_for_sticky_footer .informationHolder.next-steps p {
  margin: 1em 0;
}
html.tablet #wrap_for_sticky_footer .informationHolder.next-steps p {
  margin: 0.7em 0;
  font-size: 14px;
}
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.reset-build {
  background: #eee url("images/refresh.svg") 11px center no-repeat;
  color: #1a1a1a;
  border: 1px solid #7f7f7f;
  font-size: 11px;
  min-height: 10px;
  padding: 5px 10px 5px 32px;
  text-transform: none;
}
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.reset-build:hover {
  background-color: #c7c4c4;
}
#wrap_for_sticky_footer .informationHolder.help-me-choose {
  box-sizing: border-box;
  padding: 15px;
  font: 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin-top: 5px;
  border: 0;
  width: 100%;
}
#wrap_for_sticky_footer .informationHolder.help-me-choose > b {
  font: 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 5px 0;
}
#wrap_for_sticky_footer .informationHolder.help-me-choose p {
  margin: 1em 0;
}
html.tablet #wrap_for_sticky_footer .informationHolder.help-me-choose p {
  margin: 0.7em 0;
  font-size: 14px;
}
#wrap_for_sticky_footer .informationHolder.help-me-choose a.white-button {
  border-radius: 20px;
  background-clip: padding-box;
}
/******************************
 * 
 *  M35. Search
 * 
 ******************************/
.search-container {
  background-color: #eee;
  padding: 22px 0 28px 0;
  color: #1a1a1a;
/* Mobile version */
}
.search-container h2 {
  margin-top: 0;
  margin-bottom: 15px;
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .search-container h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.search-container .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: auto;
}
.search-container .content .box.title {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.search-container .content .box.box-question {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.search-container .content .box.box-select {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.search-container .content .box.box-select .box-inner .input-wrapper {
  width: 55%;
}
.search-container .content .box.submit {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.search-container .content .box-inner {
  width: 100%;
  box-sizing: border-box;
  display: table;
}
.search-container .content .box-inner > label {
  display: table-cell;
  text-align: left;
  width: 12%;
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: top;
  padding: 8px 5px 0 0;
}
.search-container .content .box-inner .input-wrapper {
  display: table-cell;
  vertical-align: top;
  width: 66%;
  padding: 0;
  margin: 0;
}
.search-container .content .box-inner .input-wrapper .checkbox-wrapper {
  padding: 10px 0 0 0;
}
.search-container .content .box-inner .input-wrapper .checkbox-wrapper label {
  width: auto;
  padding: 0;
}
.search-container .content .box-inner .input-wrapper .checkbox-wrapper label span {
  margin-top: -2px;
}
.search-container .content .box-inner .input-wrapper input[type=text],
.search-container .content .box-inner .input-wrapper select {
  box-sizing: border-box;
  width: 100%;
  border-color: #eee;
}
.search-container .content .box-inner .left-text {
  display: inline-block;
}
.search-container .content .box-inner label.css-label span {
  border-color: #eee;
}
.search-container .content .button {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .search-container .content .box.box-question {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .search-container .content .box.title {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .search-container .content .box.title h2 {
/* Cost calculator result, site search overlay, stats */
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
  }
  .search-container .content .box.title p {
    margin: 5px 0;
  }
  .search-container .content .box.box-select {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .search-container .content .box.box-select .box-inner .input-wrapper {
    width: 100%;
  }
  .search-container .content .box.submit {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-top: 20px;
  }
  .search-container .content .box .box-inner {
    display: block;
  }
  .search-container .content .box .box-inner > label {
    display: block;
    width: 100%;
    line-height: 2.2;
  }
  .search-container .content .box .box-inner .input-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .search-container .content .box .box-inner input[type=text],
  .search-container .content .box .box-inner select {
    box-sizing: border-box;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .search-container h2 {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
/******************************
 * 
 *  M36 Filter/search
 * 
 ******************************/
.filter-search {
  background-color: #eee;
  padding: 14px 0 0;
  color: #1a1a1a;
/* Desktop version */
}
.filter-search .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: auto;
}
.filter-search .content .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.filter-search .content .box .input-wrapper {
  *zoom: 1;
  width: 100%;
  padding-right: 0;
  margin-bottom: 10px;
}
.filter-search .content .box .input-wrapper:before,
.filter-search .content .box .input-wrapper:after {
  content: " ";
  display: table;
}
.filter-search .content .box .input-wrapper:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.filter-search .content .box .input-wrapper label {
  width: 22%;
  height: 45px;
  float: left;
  text-align: left;
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  line-height: 30px;
  height: auto;
}
.filter-search .content .box .input-wrapper .tags {
  width: 78%;
  float: left;
  min-height: 45px;
}
.filter-search .content .box .input-wrapper .tags select[multiple] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple {
  background: transparent;
  border: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  padding: 0 1px;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic.select2-container--open .select2-selection--multiple,
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple:focus {
  border: 0;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-search--inline input.select2-search__field {
  background-color: transparent;
  height: 45px;
  padding: 0;
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-search--inline input.select2-search__field {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-search--inline input.select2-search__field {
    height: 25px;
  }
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-search--inline .select2-search__field:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  border-radius: 0;
  background-clip: padding-box;
  height: 45px;
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 45px;
  padding-right: 50px;
  padding-left: 21px;
  position: relative;
  margin-right: 4px;
  margin-bottom: 0px;
  text-transform: none;
  border: 0;
  background: #1a1a1a;
  color: #fff;
  white-space: nowrap;
}
@media only screen and (max-width: 600px) {
  .filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  bottom: auto;
  left: auto;
  width: 25px;
  height: 25px;
  background-image: url("images/close.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 1px;
  overflow: hidden;
  text-indent: 600px;
}
@media only screen and (max-width: 600px) {
  .filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    height: 25px;
    line-height: 25px;
    padding-left: 8px;
    padding-right: 26px;
  }
  .filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: auto;
    left: auto;
    width: 15px;
    height: 15px;
    background-size: 100%;
  }
}
.filter-search .content .box .input-wrapper .tags .tag {
  border-radius: 0px;
  background-clip: padding-box;
  height: 45px;
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 45px;
  padding-right: 55px;
  position: relative;
  margin-right: 4px;
  margin-bottom: 4px;
  text-transform: none;
}
@media only screen and (max-width: 600px) {
  .filter-search .content .box .input-wrapper .tags .tag {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
.filter-search .content .box .input-wrapper .tags .tag:before {
  content: "";
  position: absolute;
  right: 9px;
  top: 9px;
  width: 25px;
  height: 25px;
  background-image: url("images/close.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.filter-search .content .box.box-search {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.filter-search .content .box.box-search:first-child .input-wrapper label {
  text-align: left;
  height: auto;
}
.filter-search .content .box.box-search .input-wrapper {
  *zoom: 1;
}
.filter-search .content .box.box-search .input-wrapper:before,
.filter-search .content .box.box-search .input-wrapper:after {
  content: " ";
  display: table;
}
.filter-search .content .box.box-search .input-wrapper:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.filter-search .content .box.box-search .input-wrapper label {
  width: 40%;
  text-align: right;
}
.filter-search .content .box.box-search .input-wrapper input[type=text] {
  width: 60%;
  border-color: #eee;
  margin-top: 5px;
}
@media only screen and (max-width: 970px) {
  .filter-search .content .box,
  .filter-search .content .box.box-search {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .filter-search .content .box .input-wrapper label,
  .filter-search .content .box.box-search .input-wrapper label,
  .filter-search .content .box .input-wrapper .tags,
  .filter-search .content .box.box-search .input-wrapper .tags,
  .filter-search .content .box .input-wrapper input[type=text],
  .filter-search .content .box.box-search .input-wrapper input[type=text] {
    width: 100%;
    text-align: left;
  }
}
.filter-search .letter-anchors {
  line-height: 30px;
  padding: 8px 0;
}
.filter-search .letter-anchors a {
  margin-left: 6px;
}
#wrapper ~ .select2-container--classic.select2-container--open,
form ~ .select2-container--classic.select2-container--open {
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  #wrapper ~ .select2-container--classic.select2-container--open,
  form ~ .select2-container--classic.select2-container--open {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
#wrapper ~ .select2-container--classic.select2-container--open .select2-dropdown,
form ~ .select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #ddd;
  border-radius: 0;
  background-clip: padding-box;
  border-top: 1px #ddd solid;
}
#wrapper ~ .select2-container--classic .select2-results__option,
form ~ .select2-container--classic .select2-results__option {
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  background-color: #eee;
  color: #1a1a1a;
}
@media only screen and (max-width: 600px) {
  #wrapper ~ .select2-container--classic .select2-results__option,
  form ~ .select2-container--classic .select2-results__option {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
#wrapper ~ .select2-container--classic .select2-results__option[aria-selected="true"],
form ~ .select2-container--classic .select2-results__option[aria-selected="true"] {
  color: #777;
}
.select2-hidden,
.select2-no-results {
  display: none !important;
}
/******************************
 *
 *  M37. Lightbox
 *
 ******************************/
.mfp-content > * {
  position: relative;
  background: #fff;
  padding: 40px 70px 40px 40px;
  box-sizing: border-box;
  width: auto;
  max-width: 930px;
  margin: 20px auto;
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
/* rounded version */
/* Phone version */
}
.mfp-content > * img {
  max-width: 100%;
}
.mfp-content > * .lightbox-image-container {
  margin: -40px -70px -40px -40px;
}
.mfp-content > * .lightbox-image-container img.mfp-img {
  padding: 0;
}
.mfp-content > * .video-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: relative;
  z-index: 4;
  margin: -40px -70px -40px -40px;
}
.mfp-content > * .video-box .media-wrapper {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: relative;
}
.mfp-content > * .video-box .media-wrapper video,
.mfp-content > * .video-box .media-wrapper iframe {
  width: 100%;
  height: auto;
  max-height: 90vh;
  display: block;
}
.mfp-content > * .video-box .media-wrapper iframe[src*='youtube'] {
  min-height: 500px;
  max-height: 90vh;
}
.mfp-content > * .close-popup {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  z-index: 5;
}
.rounded .mfp-content > * {
  border-radius: 20px;
  background-clip: padding-box;
  padding: 25px 36px 25px 39px;
  max-width: 548px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
@media only screen and (max-width: 600px) {
  .mfp-content > * {
    padding: 15px 30px 15px 15px;
    margin: 10px auto;
  }
  .mfp-content > * .lightbox-image-container,
  .mfp-content > * .video-box {
    margin: -15px -30px -15px -15px;
  }
  .mfp-content > * .close-popup,
  .mfp-content > * .mfp-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: auto;
    left: auto;
  }
}
.mfp-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  z-index: 5;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: 500px;
}
.mfp-close:hover {
  background: url("images/search-close.svg") center center no-repeat;
  background-size: 100%;
}
.mfp-bottom-bar {
  margin-top: 3px;
}
.dialog-modal {
  max-width: 500px;
  text-align: center;
  background: #fff;
  padding: 40px;
}
.dialog-modal h2 {
  font-weight: normal;
}
.dialog-modal .buttons .button {
  margin: 5px;
  min-width: 100px;
}
/*-------- Animation classes --------------*/
/******************************
 * 
 *  M38 Third tier navigation
 * 
 ******************************/
.third-tier-navigation {
  padding: 0 0;
}
.third-tier-navigation ul {
  padding: 0 0;
  margin: 0;
  list-style: none;
}
.third-tier-navigation ul li {
  padding: 0;
  margin: 0;
/* Cost calculator result, site search overlay, stats */
  font: 18px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.third-tier-navigation ul li a {
  padding: 6px 0;
  display: block;
  text-decoration: none;
}
.third-tier-navigation ul li a:hover {
  text-decoration: underline;
}
.third-tier-navigation ul li a.selected,
.third-tier-navigation ul li a.selected:hover {
  text-decoration: none;
/* Cost calculator result, site search overlay, stats */
  font: 18px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  padding: 6px 0;
  display: block;
}
.-for-bwc.third-tier-navigation ul li a {
  padding: 12px 16px;
  margin-right: 16px;
}
.-for-bwc.third-tier-navigation ul li a.selected {
  border: #eee 1px solid;
  position: relative;
  padding: 12px 16px;
}
.-for-bwc.third-tier-navigation ul li a.selected:after {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -12px;
  margin-top: -10px;
  background: url("images/nav-corner.png") center center no-repeat;
}
@media only screen and (max-width: 800px) {
  .-for-bwc.third-tier-navigation ul {
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    padding: 6px 0;
    margin-bottom: 18px;
  }
  .-for-bwc.third-tier-navigation ul li {
    display: inline-block;
  }
  .-for-bwc.third-tier-navigation ul li a {
    padding: 6px 16px;
  }
  .-for-bwc.third-tier-navigation ul li a.selected {
    border: none;
    padding: 6px 16px;
  }
  .-for-bwc.third-tier-navigation ul li a.selected:after {
    display: none;
  }
}
/******************************
 * 
 *  M39. Event details
 * 
 ******************************/
.event-details {
  padding-bottom: 8px;
  margin-top: 13px;
/* Tablet version */
/* Phone version */
}
.event-details .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  max-width: 700px;
}
.event-details .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.event-details .content-grid .box .box {
  margin: 0;
}
.event-details .content-grid .box .box.one {
  width: 20%;
  margin-right: 5%;
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}
.event-details .content-grid .box .box.two {
  width: 70%;
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .event-details .content-grid > .box {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .event-details .content-grid > .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/******************************
 * 
 *  M40 Search
 * 
 ******************************/
.m-search-container {
  background-color: #eee;
  padding: 22px 0 28px 0;
  color: #1a1a1a;
/* Mobile version */
}
.m-search-container h2 {
  margin-top: 0;
  margin-bottom: 15px;
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .m-search-container h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.m-search-container .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: auto;
}
.m-search-container .content .box.title {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.m-search-container .content .box.box-search {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.m-search-container .content .box.submit {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.m-search-container .content .box-inner {
  width: 100%;
  box-sizing: border-box;
  display: table;
}
.m-search-container .content .box-inner .input-wrapper {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding: 0;
  margin: 0;
}
.m-search-container .content .box-inner .input-wrapper input[type=text],
.m-search-container .content .box-inner .input-wrapper select {
  box-sizing: border-box;
  width: 100%;
  border-color: #eee;
}
.m-search-container .content .button {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .m-search-container .content .box.title {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .m-search-container .content .box.title h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .m-search-container .content .box.box-search {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .m-search-container .content .box.submit {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-top: 20px;
  }
  .m-search-container .content .box .box-inner {
    display: block;
  }
  .m-search-container .content .box .box-inner .input-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .m-search-container .content .box .box-inner input[type=text],
  .m-search-container .content .box .box-inner select {
    box-sizing: border-box;
    width: 100%;
  }
}
/******************************
 * 
 *  M41. Stats
 * 
 ******************************/
.stats-wrapper {
  background: #96cdc5;
  padding: 10px 0;
/* Tablet version */
/* Phone version */
}
.stats-wrapper.black,
.stats-wrapper.branding-black,
.branding-black .stats-wrapper {
  background-color: #1a1a1a;
  color: #fff;
}
.stats-wrapper.black a,
.stats-wrapper.branding-black a,
.branding-black .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.black .triptych-icon,
.stats-wrapper.branding-black .triptych-icon,
.branding-black .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.stats-wrapper.racing-green,
.stats-wrapper.branding-racing-green,
.branding-racing-green .stats-wrapper {
  background-color: #265238;
  color: #fff;
}
.stats-wrapper.racing-green a,
.stats-wrapper.branding-racing-green a,
.branding-racing-green .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.racing-green .triptych-icon,
.stats-wrapper.branding-racing-green .triptych-icon,
.branding-racing-green .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.stats-wrapper.tempest-blue,
.stats-wrapper.branding-tempest-blue,
.branding-tempest-blue .stats-wrapper {
  background-color: #242142;
  color: #fff;
}
.stats-wrapper.tempest-blue a,
.stats-wrapper.branding-tempest-blue a,
.branding-tempest-blue .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.tempest-blue .triptych-icon,
.stats-wrapper.branding-tempest-blue .triptych-icon,
.branding-tempest-blue .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.stats-wrapper.lagoon-blue,
.stats-wrapper.branding-lagoon-blue,
.branding-lagoon-blue .stats-wrapper {
  background-color: #00a8cb;
  color: #1a1a1a;
}
.stats-wrapper.lagoon-blue a,
.stats-wrapper.branding-lagoon-blue a,
.branding-lagoon-blue .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.lagoon-blue a.button,
.stats-wrapper.branding-lagoon-blue a.button,
.branding-lagoon-blue .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.lagoon-blue a.button.secondary,
.stats-wrapper.branding-lagoon-blue a.button.secondary,
.branding-lagoon-blue .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.lagoon-blue .triptych-icon,
.stats-wrapper.branding-lagoon-blue .triptych-icon,
.branding-lagoon-blue .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.raw-lacquer,
.stats-wrapper.branding-raw-lacquer,
.branding-raw-lacquer .stats-wrapper {
  background-color: #959773;
  color: #1a1a1a;
}
.stats-wrapper.raw-lacquer a,
.stats-wrapper.branding-raw-lacquer a,
.branding-raw-lacquer .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.raw-lacquer a.button,
.stats-wrapper.branding-raw-lacquer a.button,
.branding-raw-lacquer .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.raw-lacquer a.button.secondary,
.stats-wrapper.branding-raw-lacquer a.button.secondary,
.branding-raw-lacquer .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.raw-lacquer .triptych-icon,
.stats-wrapper.branding-raw-lacquer .triptych-icon,
.branding-raw-lacquer .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.turkish-green,
.stats-wrapper.branding-turkish-green,
.branding-turkish-green .stats-wrapper {
  background-color: #96cdc5;
  color: #1a1a1a;
}
.stats-wrapper.turkish-green a,
.stats-wrapper.branding-turkish-green a,
.branding-turkish-green .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.turkish-green a.button,
.stats-wrapper.branding-turkish-green a.button,
.branding-turkish-green .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.turkish-green a.button.secondary,
.stats-wrapper.branding-turkish-green a.button.secondary,
.branding-turkish-green .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.turkish-green .triptych-icon,
.stats-wrapper.branding-turkish-green .triptych-icon,
.branding-turkish-green .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.cherry-blossom,
.stats-wrapper.branding-cherry-blossom,
.branding-cherry-blossom .stats-wrapper {
  background-color: #e9d0c8;
  color: #1a1a1a;
}
.stats-wrapper.cherry-blossom a,
.stats-wrapper.branding-cherry-blossom a,
.branding-cherry-blossom .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.cherry-blossom a.button,
.stats-wrapper.branding-cherry-blossom a.button,
.branding-cherry-blossom .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.cherry-blossom a.button.secondary,
.stats-wrapper.branding-cherry-blossom a.button.secondary,
.branding-cherry-blossom .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.cherry-blossom .triptych-icon,
.stats-wrapper.branding-cherry-blossom .triptych-icon,
.branding-cherry-blossom .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.berry-crush,
.stats-wrapper.branding-berry-crush,
.branding-berry-crush .stats-wrapper {
  background-color: #8d267c;
  color: #fff;
}
.stats-wrapper.berry-crush a,
.stats-wrapper.branding-berry-crush a,
.branding-berry-crush .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.berry-crush .triptych-icon,
.stats-wrapper.branding-berry-crush .triptych-icon,
.branding-berry-crush .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.stats-wrapper.red,
.stats-wrapper.branding-red,
.branding-red .stats-wrapper {
  background-color: #ec2427;
  color: #fff;
}
.stats-wrapper.red a,
.stats-wrapper.branding-red a,
.branding-red .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.red .triptych-icon,
.stats-wrapper.branding-red .triptych-icon,
.branding-red .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-white.svg");
}
.stats-wrapper.orange,
.stats-wrapper.branding-orange,
.branding-orange .stats-wrapper {
  background-color: #f47523;
  color: #1a1a1a;
}
.stats-wrapper.orange a,
.stats-wrapper.branding-orange a,
.branding-orange .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.orange a.button,
.stats-wrapper.branding-orange a.button,
.branding-orange .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.orange a.button.secondary,
.stats-wrapper.branding-orange a.button.secondary,
.branding-orange .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.orange .triptych-icon,
.stats-wrapper.branding-orange .triptych-icon,
.branding-orange .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.lime-green,
.stats-wrapper.branding-lime-green,
.branding-lime-green .stats-wrapper {
  background-color: #cbdd61;
  color: #1a1a1a;
}
.stats-wrapper.lime-green a,
.stats-wrapper.branding-lime-green a,
.branding-lime-green .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.lime-green a.button,
.stats-wrapper.branding-lime-green a.button,
.branding-lime-green .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.lime-green a.button.secondary,
.stats-wrapper.branding-lime-green a.button.secondary,
.branding-lime-green .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.lime-green .triptych-icon,
.stats-wrapper.branding-lime-green .triptych-icon,
.branding-lime-green .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.ivory,
.stats-wrapper.branding-ivory,
.branding-ivory .stats-wrapper {
  background-color: #f1dfb8;
  color: #1a1a1a;
}
.stats-wrapper.ivory a,
.stats-wrapper.branding-ivory a,
.branding-ivory .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.ivory a.button,
.stats-wrapper.branding-ivory a.button,
.branding-ivory .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.ivory a.button.secondary,
.stats-wrapper.branding-ivory a.button.secondary,
.branding-ivory .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.ivory .triptych-icon,
.stats-wrapper.branding-ivory .triptych-icon,
.branding-ivory .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.white,
.stats-wrapper.branding-white,
.branding-white .stats-wrapper {
  background-color: #fff;
  color: #1a1a1a;
}
.stats-wrapper.white a,
.stats-wrapper.branding-white a,
.branding-white .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.white a.button,
.stats-wrapper.branding-white a.button,
.branding-white .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.white a.button.secondary,
.stats-wrapper.branding-white a.button.secondary,
.branding-white .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.white .triptych-icon,
.stats-wrapper.branding-white .triptych-icon,
.branding-white .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.grey,
.stats-wrapper.branding-grey,
.branding-grey .stats-wrapper {
  background-color: #ddd;
  color: #1a1a1a;
}
.stats-wrapper.grey a,
.stats-wrapper.branding-grey a,
.branding-grey .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.grey a.button,
.stats-wrapper.branding-grey a.button,
.branding-grey .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.grey a.button.secondary,
.stats-wrapper.branding-grey a.button.secondary,
.branding-grey .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.grey .triptych-icon,
.stats-wrapper.branding-grey .triptych-icon,
.branding-grey .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.pink,
.stats-wrapper.branding-pink,
.branding-pink .stats-wrapper {
  background-color: #e9cdd0;
  color: #1a1a1a;
}
.stats-wrapper.pink a,
.stats-wrapper.branding-pink a,
.branding-pink .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.pink a.button,
.stats-wrapper.branding-pink a.button,
.branding-pink .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.pink a.button.secondary,
.stats-wrapper.branding-pink a.button.secondary,
.branding-pink .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.pink .triptych-icon,
.stats-wrapper.branding-pink .triptych-icon,
.branding-pink .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper.raw,
.stats-wrapper.branding-raw,
.branding-raw .stats-wrapper {
  background-color: #ddd;
  color: #1a1a1a;
}
.stats-wrapper.raw a,
.stats-wrapper.branding-raw a,
.branding-raw .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.raw a.button,
.stats-wrapper.branding-raw a.button,
.branding-raw .stats-wrapper a.button {
  color: #fff;
}
.stats-wrapper.raw a.button.secondary,
.stats-wrapper.branding-raw a.button.secondary,
.branding-raw .stats-wrapper a.button.secondary {
  color: #1a1a1a;
}
.stats-wrapper.raw .triptych-icon,
.stats-wrapper.branding-raw .triptych-icon,
.branding-raw .stats-wrapper .triptych-icon {
  width: 147px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("images/triptych-black.svg");
}
.stats-wrapper .navigation {
  display: none;
}
.stats-wrapper .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  *zoom: 1;
}
.stats-wrapper .content-grid:before,
.stats-wrapper .content-grid:after {
  content: " ";
  display: table;
}
.stats-wrapper .content-grid:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.stats-wrapper .content-grid .box {
  box-sizing: border-box;
  float: left;
  width: 25%;
  text-align: center;
  border-left: 1px solid #1a1a1a;
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  padding: 20px 8px;
}
@media only screen and (max-width: 600px) {
  .stats-wrapper .content-grid .box {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.stats-wrapper .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
  font: 60px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .stats-wrapper .content-grid .box h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.stats-wrapper .content-grid .box:first-child {
  border-left: 0px;
}
.stats-wrapper .content-grid .box:last-child h2 {
  font-size: 54px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 800px) {
  .stats-wrapper .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
    font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .stats-wrapper .content-grid .box div {
/* Cost calculator result, site search overlay, stats */
    font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
}
@media only screen and (max-width: 600px) {
  .stats-wrapper {
    padding: 0;
    height: 90px;
    position: relative;
  }
  .stats-wrapper .navigation {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
  }
  .stats-wrapper .navigation .cycle-next {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    height: 90px;
  }
  .stats-wrapper .navigation .cycle-prev {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 90px;
  }
  .stats-wrapper .content-grid {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    height: 90px;
    overflow: hidden;
    z-index: 1;
    position: relative;
  }
  .stats-wrapper .content-grid .box {
    margin: 0;
    width: 100%;
    height: 90px;
    border-left: 0;
  }
  .stats-wrapper .content-grid .box:last-child h2 {
    font-size: inherit;
  }
  .stats-wrapper .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .stats-wrapper h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .stats-wrapper h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 * 
 *  M42 History blocks
 * 
 ******************************/
.history-blocks {
  magrin: 50px 0;
/* Phone version */
}
.history-blocks .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  position: relative;
  max-width: 930px;
}
.history-blocks .content-grid:after {
  content: "";
  width: 1px;
  height: 99%;
  background: #1a1a1a;
  position: absolute;
  top: 0;
  left: 50%;
}
.history-blocks .content-grid .article {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  position: relative;
  margin-bottom: 110px;
  padding-top: 40px;
}
.history-blocks .content-grid .article .wrapper {
  width: 65.45%;
  margin: 0 auto;
}
.history-blocks .content-grid .article img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: -40px;
}
.history-blocks .content-grid .article h2 {
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 10px 0;
}
@media only screen and (max-width: 600px) {
  .history-blocks .content-grid .article h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.history-blocks .content-grid .article p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 0;
}
.history-blocks .content-grid .article .date {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  background: #1a1a1a;
  color: #fff;
  padding: 0 20px;
  width: 32.91%;
  height: 40px;
  line-height: 40px;
}
.history-blocks .content-grid .article:nth-child(2) {
  margin-top: 256px;
}
.history-blocks .content-grid .article:nth-child(even) .date {
  right: auto;
  left: 0;
  text-align: right;
}
.history-blocks .content-grid .article:last-child:nth-child(odd),
.history-blocks .content-grid .article:last-child:nth-child(even) {
  margin-bottom: 50px;
}
.history-blocks .content-grid .article:last-child:nth-child(odd):after,
.history-blocks .content-grid .article:last-child:nth-child(even):after {
  content: "";
  background: #fff;
  width: 3px;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .history-blocks .content-grid .article:last-child:nth-child(odd):after,
  .history-blocks .content-grid .article:last-child:nth-child(even):after {
    display: none;
  }
}
.history-blocks .content-grid .article:last-child:nth-child(odd):after {
  position: absolute;
  top: 40px;
  right: -1px;
  bottom: -70px;
  left: auto;
}
.history-blocks .content-grid .article:last-child:nth-child(even):after {
  position: absolute;
  top: 40px;
  right: auto;
  bottom: -70px;
  left: -1px;
}
@media only screen and (max-width: 600px) {
  .history-blocks .content-grid:after {
    left: 3.13%;
  }
  .history-blocks .content-grid .article {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 20px;
  }
  .history-blocks .content-grid .article .date {
    left: 0;
    right: auto;
    width: 25%;
    text-align: right;
  }
  .history-blocks .content-grid .article .wrapper {
    margin: 0 0 0 20px;
    width: auto;
  }
  .history-blocks .content-grid .article:nth-child(2) {
    margin-top: 0;
  }
  .history-blocks .content-grid .article:nth-child(even) {
    margin-top: 0;
  }
}
/******************************
 *
 *  M43 Interactive multi-block
 *
 ******************************/
.interactive-multi-block {
  position: relative;
/* Tablet version */
/* Phone version */
}
.interactive-multi-block .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding: 40px 0;
  max-width: 970px;
}
.interactive-multi-block .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.interactive-multi-block .content-grid .box.two {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.interactive-multi-block .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.interactive-multi-block .media img {
  max-width: 100%;
}
.interactive-multi-block .content {
  min-height: 520px;
  position: relative;
  z-index: 3;
}
.interactive-multi-block ul.nav {
  padding: 0;
  margin: 0;
  list-style: none;
}
.interactive-multi-block ul.nav li {
  padding: 0;
  margin: 0;
}
.interactive-multi-block ul.nav li a {
  display: block;
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  padding: 20px;
  text-decoration: none;
  background: rgba(255,255,255,0.6);
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  .interactive-multi-block ul.nav li a {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.interactive-multi-block ul.nav li.selected a,
.interactive-multi-block ul.nav li:hover a {
  background: #fff;
}
.interactive-multi-block .wrapper-content {
  background: #fff;
  padding: 20px;
}
.interactive-multi-block .wrapper-content h2 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .interactive-multi-block .wrapper-content h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.interactive-multi-block .wrapper-content ul {
  padding-left: 18px;
}
.interactive-multi-block .wrapper-content ul li {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
  .interactive-multi-block .content-grid .box {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .interactive-multi-block .content-grid .box.two {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 65.03601440576232%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .interactive-multi-block ul.nav li a {
    padding: 10px;
/* Cost calculator result, site search overlay, stats */
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
}
@media only screen and (max-width: 600px) {
  .interactive-multi-block .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .interactive-multi-block .content-grid .box.two {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .interactive-multi-block a {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
/******************************
 * 
 *  M44. Image + text
 * 
 ******************************/
.image-text {
  padding: 30px 0;
/* Tablet version */
/* Phone version */
}
.image-text .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.image-text .image {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 9.148659463785513%;
}
.image-text .image img {
  width: 100%;
  height: auto;
}
.image-text .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.image-text h2 {
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0;
}
@media only screen and (max-width: 600px) {
  .image-text h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.image-text p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 10px 0;
}
.search-results .image-text .image {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 0px;
}
.search-results .image-text .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .image-text .image {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .image-text .box {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 600px) {
  .image-text {
    paddign: 15px 0;
  }
  .image-text .box,
  .image-text .image {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .search-results .image-text .image {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-left: 0px;
  }
  .search-results .image-text .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-left: 0px;
  }
  .search-results .image-text .box h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .image-text h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.block-links {
  background: #eee;
  padding: 20px 0 5px;
/* Phone version */
}
.block-links .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.block-links .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 18px;
  text-align: center;
  border: 1px solid #777;
  background: #fff;
}
.block-links .content-grid .box .wrapper {
  border: 4px solid transparent;
  height: 265px;
  display: block;
  text-decoration: none;
}
.block-links .content-grid .box .wrapper .title {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 600px) {
  .block-links .content-grid .box .wrapper .title {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.block-links .content-grid .box.selected {
  border-color: #1a1a1a;
}
.block-links .content-grid .box.selected .wrapper {
  border-color: #1a1a1a;
}
.block-links .content-grid .box .icon {
  width: 75px;
  height: 75px;
  margin: 55px auto 45px;
  background-image: url("images/gear.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 75px 75px;
}
.block-links .content-grid .box .icon.icon-1 {
  background-position: 0 0;
}
.block-links .content-grid .box .icon.icon-2,
.block-links .content-grid .box .icon.icon-3,
.block-links .content-grid .box .icon.icon-4 {
  background-image: none;
}
.block-links .content-grid .box .icon.icon-2::after,
.block-links .content-grid .box .icon.icon-3::after,
.block-links .content-grid .box .icon.icon-4::after {
  content: "";
  width: 75px;
  height: 75px;
  display: block;
  background-color: #ddd;
  border-radius: 100%;
  background-clip: padding-box;
}
.block-links .content-grid .box.one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.block-links .content-grid .box.one .form-wrapper {
  padding: 28px 0px 16px 100px;
  display: none;
}
.block-links .content-grid .box.one .form-wrapper .input-wrapper {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  width: 73%;
  padding-right: 0;
}
.block-links .content-grid .box.one .form-wrapper .input-wrapper label {
  width: 37%;
  float: left;
}
.block-links .content-grid .box.one .form-wrapper .input-wrapper.required label::after {
  content: "*";
}
.block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action label {
  width: 38.5%;
}
.block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action .button,
.block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action button,
.block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action input[type=submit] {
  float: left;
  min-width: 150px;
}
.block-links .content-grid .box.one .form-wrapper.wide .input-wrapper {
  width: auto;
  text-align: left;
}
.block-links .content-grid .box.one .form-wrapper.wide .input-wrapper label {
  width: 100%;
  float: none;
  display: block;
  text-align: left;
}
.block-links .content-grid .box.one .form-wrapper.wide .input-wrapper.form-action label {
  display: none;
}
@media only screen and (max-width: 800px) {
  .block-links .content-grid {
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    max-width: 1140px;
  }
  .block-links .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .block-links .content-grid .box .wrapper {
    height: auto;
    padding: 15px 0;
  }
  .block-links .content-grid .box .wrapper .icon {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .block-links .content-grid .box .wrapper .title {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 56.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    text-align: left;
  }
  .block-links .content-grid .box .wrapper .title span {
    height: 75px;
    display: table-cell;
    vertical-align: middle;
  }
  .block-links .content-grid .box.one {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .block-links .content-grid .box.one .form-wrapper {
    padding: 15px;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper {
    width: 100%;
    padding-right: 0;
    display: none;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper label {
    width: 100%;
    text-align: left;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper textarea,
  .block-links .content-grid .box.one .form-wrapper .input-wrapper input {
    width: 100%;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action {
    display: block;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action label {
    display: none;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action .button,
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action button,
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action input[type=submit] {
    float: none;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.form-action .right-text {
    display: none;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.required {
    display: block;
  }
  .block-links .content-grid .box.one .form-wrapper .input-wrapper.required label::after {
    display: none;
  }
}
/******************************
 * 
 *  M46. Sign-in block
 * 
 ******************************/
.sign-in-block {
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  max-width: 560px;
/* Phone version */
}
.sign-in-block .tabs-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.sign-in-block .tabs-wrapper .tabs {
  display: block;
}
.sign-in-block .tabs-wrapper .tabs-content .tab {
  display: none;
}
.sign-in-block .tabs-wrapper .tabs-content .tab:first-child {
  display: block;
}
.sign-in-block h1 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 15px 0;
}
@media only screen and (max-width: 600px) {
  .sign-in-block h1 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.sign-in-block h1,
.sign-in-block h2 {
  text-align: center;
}
.sign-in-block .form-wrapper .input-wrapper {
  width: 100%;
  margin-bottom: 14px;
  padding-right: 0;
  font-size: 17px;
}
.sign-in-block .form-wrapper .input-wrapper label {
  width: auto;
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.sign-in-block .form-wrapper .input-wrapper > label {
  width: 17%;
}
.sign-in-block .form-wrapper .input-wrapper button,
.sign-in-block .form-wrapper .input-wrapper input[type=submit] {
  min-width: 170px;
}
.sign-in-block .form-wrapper .input-wrapper .form-control,
.sign-in-block .form-wrapper .input-wrapper .text-control {
  width: 83%;
}
.sign-in-block .form-wrapper .checkbox-wrapper {
  padding-left: 17%;
  margin: -5px 0 15px;
}
.sign-in-block .form-wrapper .checkbox-wrapper label {
  width: auto;
}
.sign-in-block .form-wrapper.new label {
  width: 30%;
}
.sign-in-block .form-wrapper.new .form-control,
.sign-in-block .form-wrapper.new .text-control {
  width: 68%;
}
.sign-in-block .form-wrapper.new .checkbox-wrapper {
  padding-left: 30.8%;
}
.sign-in-block .form-wrapper.new .checkbox-wrapper label {
  width: auto;
}
.sign-in-block .divider {
  display: /*block*/ none;
  border-bottom: 1px solid #b4b4b4;
  text-align: center;
  margin-bottom: 31px;
  margin-top: 31px;
  height: 1px;
}
.sign-in-block .divider span {
  background: #fff;
  padding: 5px 8px;
  display: inline-block;
  bottom: 28px;
  position: relative;
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .sign-in-block .divider span {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.sign-in-block .social-signin-buttons {
  display: /*block*/ none;
  *zoom: 1;
}
.sign-in-block .social-signin-buttons:before,
.sign-in-block .social-signin-buttons:after {
  content: " ";
  display: table;
}
.sign-in-block .social-signin-buttons:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.sign-in-block .social-signin-buttons .sign-button {
  float: left;
  width: 48%;
}
.sign-in-block .social-signin-buttons .sign-button:last-child {
  float: right;
}
.sign-in-block .description-list {
  padding-left: 20px;
}
@media only screen and (max-width: 600px) {
  .sign-in-block .tabs-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .sign-in-block .tabs-wrapper .button-group .button {
    padding: 4px 6px;
  }
  .sign-in-block .form-wrapper {
    padding-top: 10px;
  }
  .sign-in-block .form-wrapper h1 {
    display: none;
  }
  .sign-in-block .form-wrapper .input-wrapper {
    padding: 0;
  }
  .sign-in-block .form-wrapper .input-wrapper label {
    display: none;
  }
  .sign-in-block .form-wrapper .input-wrapper .form-control {
    width: 100%;
  }
  .sign-in-block .form-wrapper .input-wrapper .right-text {
    float: none;
    max-width: 100%;
  }
  .sign-in-block .form-wrapper .checkbox-wrapper {
    padding-left: 0;
  }
  .sign-in-block .form-wrapper .form-action .button {
    width: 100%;
  }
  .sign-in-block .form-wrapper.new {
    padding-top: 0;
  }
  .sign-in-block .form-wrapper.new h1 {
    display: block;
    text-align: left;
    font-size: 24px;
  }
  .sign-in-block .form-wrapper.new h2 {
    font-size: 19px;
    text-align: left;
  }
  .sign-in-block .form-wrapper.new .checkbox-wrapper {
    padding-left: 0;
  }
  .sign-in-block .divider span {
    font-size: 17px;
    bottom: 27px;
  }
  .sign-in-block .social-signin-buttons .sign-button {
    padding: 10px 7px;
    font-size: 15px;
  }
}
/*******************************
 *
 *  M47. Search overlay
 *
 ******************************/
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #fff;
  overflow: auto;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #39f;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  background: #f0f0f0;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
#search-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: fixed;
  top: 100px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: rgba(255,255,255,0.93);
  box-sizing: border-box;
  padding: 45px 50px;
}
#search-overlay .dropdown-inner {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  max-height: 100%;
  overflow: auto;
}
#search-overlay .close {
  position: absolute;
  top: 14px;
  right: 0;
  bottom: auto;
  left: auto;
  width: 61px;
  height: 61px;
  background: url("images/search-close.svg");
  background-size: 100% 100%;
}
#search-overlay .search-input {
  margin-right: 75px;
  margin-top: 0;
}
#search-overlay .search-input form {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
}
#search-overlay .search-input input[type='submit'],
#search-overlay .search-input button[type='submit'] {
  display: none;
}
#search-overlay .search-input input[type='text'] {
  display: block;
  width: 100%;
  font-size: 60px;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  border: 0;
  background: transparent;
  color: #1a1a1a;
  height: 90px;
  line-height: 98px;
  padding: 0px 0 0;
}
@media only screen and (max-width: 800px) {
  #search-overlay .search-input input[type='text'] {
    font-size: 38px;
  }
}
#search-overlay .search-input input[type='text']::-webkit-input-placeholder {
  color: #555;
}
#search-overlay .search-input input[type='text']:-moz-placeholder {
  color: #555;
}
#search-overlay .search-input input[type='text']::-moz-placeholder {
  color: #555;
}
#search-overlay .search-input input[type='text']:-ms-input-placeholder {
  color: #555;
}
#search-overlay .search-input input[type='text']:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
#search-overlay.open {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  visibility: visible;
  top: 90px;
}
/******************************
 *
 *  M48. Primary CTA
 *
 ******************************/
.primary-cta {
  margin: 20px 0 60px;
/* Tablet version */
/* Phone version */
}
.primary-cta .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  font-size: 0;
}
.primary-cta .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  vertical-align: top;
}
.primary-cta .content-grid .box h2 {
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 25px 0 5px;
}
@media only screen and (max-width: 600px) {
  .primary-cta .content-grid .box h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.primary-cta .content-grid .box .box-media-wrapper {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
.primary-cta .content-grid .box .box-media-wrapper img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.primary-cta .content-grid .box .box-media-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
}
.primary-cta .content-grid .box .box-content {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.35;
  margin: 8px 0 7px;
}
.primary-cta .content-grid .box .box-content p {
  margin: 0;
  padding: 0;
}
.primary-cta .content-grid .box.double {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .primary-cta .content-grid .box,
  .primary-cta .content-grid .box.double {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .primary-cta .content-grid .box h2,
  .primary-cta .content-grid .box.double h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .primary-cta .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .primary-cta .content-grid .box .box-content {
    margin: 12px 0px;
  }
  .primary-cta .content-grid .box .button {
    width: 100%;
  }
  .primary-cta .content-grid .box.double {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .primary-cta .content-grid .box.def .button {
    color: #1a1a1a;
    background: transparent;
    border: #1a1a1a 2px solid;
  }
  .primary-cta .content-grid .box.def .button:hover {
    color: #fff;
    background: #1a1a1a;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .primary-cta h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 * 
 *  M49 Cookie panel
 * 
 ******************************/
.cookie-panel {
  position: fixed;
  top: auto;
  right: auto;
  bottom: -100%;
  left: 20px;
  z-index: 900;
  border: 1px #fff solid;
  border-bottom: 0;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  will-change: transform, opacity;
/* Phone version */
}
.cookie-panel .wrapper {
  background: #eee;
  padding: 18px 20px;
  position: relative;
}
.cookie-panel .wrapper .title {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  padding-right: 20px;
}
.cookie-panel .wrapper p,
.cookie-panel .wrapper .more {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  display: block;
}
.cookie-panel .wrapper p {
  margin: 15px 0;
}
.cookie-panel .wrapper .more {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}
.cookie-panel .wrapper .close {
  background-image: url("images/search-close.svg");
  background-size: 25px 25px;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: auto;
  left: auto;
}
html.loaded .cookie-panel {
  bottom: 0;
}
.cookie-panel.removed {
  -webkit-transform: rotate(-45deg) translate(-40%, 60%);
  -ms-transform: rotate(-45deg) translate(-40%, 60%);
  transform: rotate(-45deg) translate(-40%, 60%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  .cookie-panel {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
}
/******************************
 * 
 *  M50 Back to top
 * 
 ******************************/
.back-to-top {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: rgba(255,255,255,0.85);
  border-radius: 100%;
  background-clip: padding-box;
  width: 95px;
  padding: 64px 0 14px;
  text-align: center;
  text-decoration: none;
  position: fixed;
  top: auto;
  right: 20px;
  bottom: -100px;
  left: auto;
/* Cost calculator result, site search overlay, stats */
  font: 14px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  background-image: url("images/top-arrow.svg");
  background-repeat: no-repeat;
  background-position: center 20px;
  z-index: 900;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: opacity, bottom;
/* Tablet version */
}
.back-to-top.shown {
  bottom: 20px;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
@media only screen and (max-width: 800px) {
  .back-to-top {
    display: none;
  }
}
/*******************************
 *
 *   M51-bwc-content
 *
 ******************************/
.bwc-content {
  padding: 40px 0;
}
@media only screen and (max-width: 800px) {
  .bwc-content {
    padding: 28px 0;
  }
}
@media only screen and (max-width: 600px) {
  .bwc-content {
    padding: 18px 0;
  }
}
.bwc-content .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.bwc-content .content-grid .column {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .bwc-content .content-grid .column {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.bwc-content .content-grid .column header {
  font-size: 48px;
  line-height: 55px;
}
@media only screen and (max-width: 800px) {
  .bwc-content .content-grid .column header {
    font-size: 36px;
    line-height: 42px;
  }
}
.bwc-content .content-grid .column header span {
  font-size: 18px;
  font-style: italic;
}
.bwc-content .content-grid .column header span:before {
  content: "   ";
}
.bwc-content .content-grid .column .images {
  text-align: right;
  margin-bottom: 14px;
  font-size: 0;
/*+below( $maxTablet )
          text-align center
          default-grid()
          a
            &:nth-child(1)
            &:nth-child(2)
              mobile-column(1)
              overflow hidden*/
}
.bwc-content .content-grid .column .images a {
  display: none;
}
.bwc-content .content-grid .column .images a:nth-child(1),
.bwc-content .content-grid .column .images a:nth-child(2) {
  display: inline-block;
  width: 49.5%;
  overflow: hidden;
}
.bwc-content .content-grid .column .images a:nth-child(1) img,
.bwc-content .content-grid .column .images a:nth-child(2) img {
  min-width: 100%;
}
.bwc-content .content-grid .column .images a:nth-child(2) {
  margin-left: 1%;
}
.bwc-content .content-grid .column .images a,
.bwc-content .content-grid .column .images img {
  height: 270px;
}
@media only screen and (max-width: 600px) {
  .bwc-content .content-grid .column .images a,
  .bwc-content .content-grid .column .images img {
    height: 150px;
  }
}
.bwc-content .content-grid .column .images img {
  display: inline-block;
}
.bwc-content .content-grid .column .buttons {
  text-align: right;
}
/*******************************
 *
 *   M52-Previous-seasons
 *
 ******************************/
.previous-seasons {
  margin-bottom: 80px;
}
.previous-seasons h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  width: 100%;
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 600px) {
  .previous-seasons h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) {
  .previous-seasons h2 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    font-size: 24px;
  }
}
.previous-seasons .seasons .season {
  background: #eee;
  margin-bottom: 8px;
  padding: 20px 0;
}
.previous-seasons .seasons .season.open .year:after {
  content: "-";
}
.previous-seasons .seasons .season.open .content-grid .season-event {
  display: inline-block;
}
.previous-seasons .seasons .season .year {
  display: inline-block;
  color: #fff;
  background: #1a1a1a;
  border: 2px solid #000;
  font-size: 17px;
  line-height: 36px;
  height: 36px;
  padding: 0 61px 0 19px;
  cursor: pointer;
  border-radius: 20px;
  background-clip: padding-box;
  margin-left: -14px;
  position: relative;
}
.previous-seasons .seasons .season .year:after {
  position: absolute;
  top: 4px;
  right: 5px;
  display: block;
  content: "+";
  width: 28px;
  height: 28px;
  background: #bddc04;
  border-radius: 50%;
  background-clip: padding-box;
  color: #1a1a1a;
  text-align: center;
  line-height: 27px;
  font-size: 24px;
}
@media only screen and (max-width: 800px) {
  .previous-seasons .seasons .season .year {
    margin-left: 0;
  }
}
.previous-seasons .seasons .season .content-grid .year-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 1220px) {
  .previous-seasons .seasons .season .content-grid .year-wrapper {
    margin-left: 2%;
  }
}
@media only screen and (max-width: 600px) {
  .previous-seasons .seasons .season .content-grid .year-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 0px;
  }
}
.previous-seasons .seasons .season .content-grid .season-event {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-top: 30px;
  font-weight: 200;
  display: none;
}
.previous-seasons .seasons .season .content-grid .season-event .title {
  font-weight: 400;
  display: block;
  text-decoration: none;
}
.previous-seasons .seasons .season .content-grid .season-event .title:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 800px) {
  .previous-seasons .seasons .season .content-grid .season-event {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .previous-seasons .seasons .season .content-grid .season-event {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    display: none;
  }
}
/*******************************
 *
 *   M53-Promo-multiple
 *
 ******************************/
.promo-multiple {
  margin-top: 50px;
  margin-bottom: 40px;
}
.promo-multiple .cell {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.promo-multiple .cell .full-width-image {
  height: 290px;
}
.promo-multiple .cell .full-width-image .content {
  height: 290px;
  max-width: 100%;
  position: relative;
}
.promo-multiple .cell .full-width-image .content .body {
  position: absolute;
  left: 3.8%;
  padding: 12px;
  width: 266px;
  margin: 0;
  overflow: hidden;
}
.promo-multiple .cell .full-width-image .content .body h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  display: inline;
}
@media only screen and (max-width: 600px) {
  .promo-multiple {
    margin-top: 30px;
    marin-bottom: 30px;
  }
  .promo-multiple .cell {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .promo-multiple .cell + .cell {
    margin-top: 30px;
  }
  .promo-multiple .cell .full-width-image {
    height: auto;
  }
  .promo-multiple .cell .full-width-image .content-media {
    height: 200px;
  }
  .promo-multiple .cell .full-width-image .content {
    height: auto;
    margin-top: 4px;
  }
  .promo-multiple .cell .full-width-image .content .body {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    border: 0;
    padding: 0;
  }
  .promo-multiple .cell .full-width-image .content .body h2 {
    display: block;
    margin: 5px 0;
    line-height: 1;
  }
}
/*******************************
 *
 *   M54-upcoming-events
 *
 ******************************/
.upcoming-events {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upcoming-events > .content-grid > h2 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .upcoming-events > .content-grid > h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.upcoming-events > .content-grid > .actions {
  margin-bottom: 23px;
}
.upcoming-events > .content-grid > .actions > .regions {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.upcoming-events > .content-grid > .actions > .regions select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  dispaly: block;
  background-color: #eee;
  background-image: url("images/dropdown-mac.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  color: #1a1a1a;
  border-radius: 3px;
  background-clip: padding-box;
  border: 0;
  font-size: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.upcoming-events > .content-grid > .actions > .categories {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.upcoming-events > .content-grid > .actions > .right {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.upcoming-events > .content-grid > .actions > .right > .switcher {
  float: right;
  font-size: 0;
  text-align: right;
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .list,
.upcoming-events > .content-grid > .actions > .right > .switcher > .calendar {
  display: inline-block;
  background-color: #eee;
  background-position: 17px center;
  background-repeat: no-repeat;
  height: 40px;
  color: #1a1a1a;
  font-weight: 300;
  font-size: 15px;
  line-height: 40px;
  padding: 0 20px 0 54px;
  cursor: pointer;
  position: relative;
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .list.-selected,
.upcoming-events > .content-grid > .actions > .right > .switcher > .calendar.-selected {
  cursor: default;
  background-color: #1a1a1a;
  color: #eee;
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .list.-selected:after,
.upcoming-events > .content-grid > .actions > .right > .switcher > .calendar.-selected:after {
  content: "";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #1a1a1a transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -4.5px;
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .list {
  margin-right: 1px;
  background-image: url("images/icon-list-black.png");
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .list.-selected {
  background-image: url("images/icon-list-white.png");
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .calendar {
  background-image: url("images/icon-calendar-black.png");
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
}
.upcoming-events > .content-grid > .actions > .right > .switcher > .calendar.-selected {
  background-image: url("images/icon-calendar-white.png");
}
.upcoming-events > .results {
  background-image: -webkit-linear-gradient(top,#eee 0%,rgba(0,0,0,0) 100%);
  background-image: -moz-linear-gradient(top,#eee 0%,rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient(top,#eee 0%,rgba(0,0,0,0) 100%);
  background-image: -o-linear-gradient(top,#eee 0%,rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to bottom,#eee 0%,rgba(0,0,0,0) 100%);
  padding: 23px 0;
}
.upcoming-events > .results > .content-grid > .views {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 81.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.upcoming-events > .results > .content-grid > .twitterfeed {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.upcoming-events > .results > .content-grid > .twitterfeed > .twheader {
  color: #000;
  padding-left: 67px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background-clip: padding-box;
  background: #fff url("images/icon-social-twitter-black.svg") 30px center no-repeat;
  background-size: auto 24px;
  position: relative;
  margin-bottom: 20px;
}
.upcoming-events > .results > .content-grid > .twitterfeed > .twheader:after {
  content: "";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 9px 5.5px 0 5.5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -5.5px;
}
.upcoming-events > .results > .content-grid > .twitterfeed > .feed {
  font-size: 12px;
  line-height: 14px;
  padding: 5px 11px;
}
.upcoming-events > .results > .content-grid > .twitterfeed > .feed > .seed {
  padding-bottom: 14px;
  text-decoration: none;
  display: block;
}
.upcoming-events > .results > .content-grid > .twitterfeed > .feed > .seed p {
  padding: 0;
  margin: 0;
}
.upcoming-events > .results > .content-grid > .twitterfeed > .feed > .seed p strong {
  font-size: 11px;
}
@media only screen and (max-width: 1220px) {
  .upcoming-events > .content-grid > .actions {
    margin-bottom: 20px;
  }
  .upcoming-events > .content-grid > .actions > .regions {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .content-grid > .actions > .categories {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .content-grid > .actions > .right {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .results > .content-grid > .views {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-top: 30px;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed > .twheader {
    max-width: 200px;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed > .feed {
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    max-width: 1140px;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed > .feed > .seed {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 23.369347739095637%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 970px) {
  .upcoming-events > .content-grid > .actions > .regions {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 48.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .content-grid > .actions > .categories {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 48.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .content-grid > .actions > .right {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .content-grid > .actions > .right > .switcher {
    margin-top: 12px;
    float: none;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .upcoming-events > .content-grid > h2 {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
/* Cost calculator result, site search overlay, stats */
    font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .upcoming-events > .content-grid > .actions > .regions {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .upcoming-events > .content-grid > .actions > .categories {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-top: 12px;
  }
  .upcoming-events > .content-grid > .actions > .right {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .upcoming-events > .results > .content-grid > .views {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-top: 30px;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed > .twheader {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    max-width: 100%;
  }
  .upcoming-events > .results > .content-grid > .twitterfeed > .feed > .seed {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .upcoming-events > h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 *
 *   M55-BWC-Event-header
 *
 ******************************/
.event-header-wrapper {
  padding: 20px 0;
  background: #eee;
}
.event-header-wrapper .event-header {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.event-header-wrapper .event-header .calendar {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.event-header-wrapper .event-header .calendar .dateEvent {
  max-width: 140px;
}
.event-header-wrapper .event-header .calendar .dateEvent .day:before,
.event-header-wrapper .event-header .calendar .dateEvent .day:after {
  content: "";
  margin-top: -8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.event-header-wrapper .event-header .calendar .dateEvent .day:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #eee;
}
.event-header-wrapper .event-header .calendar .dateEvent .day:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #eee transparent transparent;
}
@media only screen and (max-width: 800px) {
  .event-header-wrapper .event-header .calendar {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .event-header-wrapper .event-header .calendar .dateEvent {
    margin: 0 auto;
  }
}
.event-header-wrapper .event-header .header {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 0;
}
@media only screen and (max-width: 800px) {
  .event-header-wrapper .event-header .header {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .event-header-wrapper .event-header .header h2,
  .event-header-wrapper .event-header .header h4 {
    text-align: center;
  }
}
.event-header-wrapper .event-header .header h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-weight: 500;
  margin: 12px 0 0;
}
@media only screen and (max-width: 600px) {
  .event-header-wrapper .event-header .header h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.event-header-wrapper .event-header .header h4 {
  font: 17px/21px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin: 0 0 12px;
}
.event-header-wrapper .event-header .buttons {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .event-header-wrapper .event-header .buttons {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.event-header-wrapper .event-header .buttons .button {
  display: block;
  margin-bottom: 12px;
}
/*******************************
 *
 *   M56-events-list-view
 *
 ******************************/
.events-list-view {
  margin-left: -20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .events-list-view {
    margin-left: -10px;
  }
}
.events-list-view .eventcard {
  width: -webkit-calc(100% / 5 - 21px);
  width: calc(100% / 5 - 21px);
  margin-left: 20px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 970px) {
  .events-list-view .eventcard {
    width: -webkit-calc(100% / 4 - 21px);
    width: calc(100% / 4 - 21px);
  }
}
@media only screen and (max-width: 800px) {
  .events-list-view .eventcard {
    width: -webkit-calc(100% / 3 - 21px);
    width: calc(100% / 3 - 21px);
  }
}
@media only screen and (max-width: 600px) {
  .events-list-view .eventcard {
    width: -webkit-calc(100% / 2 - 11px);
    width: calc(100% / 2 - 11px);
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .events-list-view .eventcard > .dateEvent {
    height: 100px;
    padding-top: 15px;
  }
  .events-list-view .eventcard > .info > .location > .city {
    display: none;
  }
}
.loaderWrapper {
  text-align: center;
  margin-top: 20px;
}
.loaderWrapper .button {
  margin: 0 auto;
  min-width: 190px;
}
/*******************************
 *
 *   M57-events-calendar-view
 *
 ******************************/
.events-calendar-view {
  background: #fff;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  position: relative;
}
.events-calendar-view > .ecvHeader {
  border: 1px solid #e9e9e9;
  height: 78px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.events-calendar-view > .ecvHeader > .navLeft,
.events-calendar-view > .ecvHeader > .navRight {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23px;
  background: url("images/arrow-left.svg") center center no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  cursor: pointer;
}
.events-calendar-view > .ecvHeader > .navLeft.-disabled,
.events-calendar-view > .ecvHeader > .navRight.-disabled {
  cursor: default;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  opacity: 0.45;
}
.events-calendar-view > .ecvHeader > .navLeft {
  left: 68px;
}
.events-calendar-view > .ecvHeader > .navRight {
  right: 68px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.events-calendar-view > .ecvHeader > .month {
  position: absolute;
  top: 28px;
  right: 100px;
  left: 100px;
  font-weight: bold;
  font-size: 16px;
}
.events-calendar-view > .ecvDays {
  border: 1px solid #ededed;
  box-sizing: border-box;
  font-size: 0;
}
.events-calendar-view > .ecvDays > .weekDay {
  display: inline-block;
  box-sizing: border-box;
  height: 23px;
  width: 14.285714285714286%;
  text-align: center;
  text-transform: uppercase;
  color: #a0a0a0;
  line-height: 23px;
  font-size: 11px;
  font-weight: bold;
}
.events-calendar-view > .ecvBody {
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-top: 1px solid #e1e1e1;
  border-bottom: 0;
  font-size: 0;
}
.events-calendar-view > .ecvBody > .day {
  width: 14.285714285714286%;
  height: 110px;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-size: 12px;
  position: relative;
  box-sizing: border-box;
}
.events-calendar-view > .ecvBody > .day:hover {
  z-index: 3;
}
.events-calendar-view > .ecvBody > .day.-another {
  background-color: #f5f5f5;
}
.events-calendar-view > .ecvBody > .day.-another > .dayEvents > .dayEvent {
  background-color: transparent !important;
  color: #a9a9a9;
}
.events-calendar-view > .ecvBody > .day.-weekday-7 {
  border-right: 0;
}
.events-calendar-view > .ecvBody > .day.-some-events.-current:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 27px;
  background: rgba(0,0,0,0.23);
  z-index: 1;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.events-calendar-view > .ecvBody > .day.-some-events.-current:hover {
  z-index: 2;
}
.events-calendar-view > .ecvBody > .day.-some-events.-current > .dayDate {
  color: #fff;
  font-size: 16px;
  top: 3px;
  font-weight: normal;
}
@media only screen and (min-width: 600px) {
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent,
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent {
    padding-top: 28px;
    overflow: hidden;
  }
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent:hover,
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent:hover {
    overflow: visible;
  }
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent > .holder,
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent > .holder {
    padding: 4px 0 6px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    max-height: -webkit-calc(100% - 28px);
    max-height: calc(100% - 28px);
  }
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent > .holder > .title,
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent > .holder > .title,
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent > .holder > .location,
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent > .holder > .location {
    padding-left: 5px;
    padding-right: 4px;
  }
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent > .holder > .title,
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent > .holder > .title {
    display: block;
    display: -webkit-box;
    max-height: 36px;
    font-size: 12px;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .events-calendar-view > .ecvBody > .day.-events-1 > .dayEvents > .dayEvent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent:nth-child(1) {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
  }
  .events-calendar-view > .ecvBody > .day.-events-2 > .dayEvents > .dayEvent:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
  }
  .events-calendar-view > .ecvBody > .day.-events-3 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents {
    top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents > .dayEvent {
    padding-top: 0;
    height: 33.333333333333336%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    width: auto;
    min-width: 100%;
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents > .dayEvent > .holder {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents > .dayEvent > .holder > .title {
    display: inline;
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents > .dayEvent > .holder > .title:after {
    content: " ";
  }
  .events-calendar-view > .ecvBody > .day.-events-3 > .dayEvents > .dayEvent > .holder > .location {
    display: inline;
  }
  .events-calendar-view > .ecvBody > .day.-events-4 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents {
    top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents > .dayEvent {
    padding-top: 0;
    height: 25%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    width: auto;
    min-width: 100%;
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents > .dayEvent > .holder {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents > .dayEvent > .holder > .title {
    display: inline;
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents > .dayEvent > .holder > .title:after {
    content: " ";
  }
  .events-calendar-view > .ecvBody > .day.-events-4 > .dayEvents > .dayEvent > .holder > .location {
    display: inline;
  }
  .events-calendar-view > .ecvBody > .day.-events-5 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents {
    top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents > .dayEvent {
    padding-top: 0;
    height: 20%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    width: auto;
    min-width: 100%;
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents > .dayEvent > .holder {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents > .dayEvent > .holder > .title {
    display: inline;
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents > .dayEvent > .holder > .title:after {
    content: " ";
  }
  .events-calendar-view > .ecvBody > .day.-events-5 > .dayEvents > .dayEvent > .holder > .location {
    display: inline;
  }
  .events-calendar-view > .ecvBody > .day.-events-6 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-6 > .dayEvents {
    top: 27px;
    padding: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-6 > .dayEvents > .dayEvent {
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-6 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    z-index: 2;
  }
  .events-calendar-view > .ecvBody > .day.-events-6 > .dayEvents > .dayEvent:hover > .holder {
    position: absolute;
    display: block;
    padding: 4px;
    width: 600%;
  }
  .events-calendar-view > .ecvBody > .day.-events-6 > .dayEvents > .dayEvent > .holder {
    display: none;
  }
  .events-calendar-view > .ecvBody > .day.-events-7 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-7 > .dayEvents {
    top: 27px;
    padding: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-7 > .dayEvents > .dayEvent {
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-7 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    z-index: 2;
  }
  .events-calendar-view > .ecvBody > .day.-events-7 > .dayEvents > .dayEvent:hover > .holder {
    position: absolute;
    display: block;
    padding: 4px;
    width: 600%;
  }
  .events-calendar-view > .ecvBody > .day.-events-7 > .dayEvents > .dayEvent > .holder {
    display: none;
  }
  .events-calendar-view > .ecvBody > .day.-events-8 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-8 > .dayEvents {
    top: 27px;
    padding: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-8 > .dayEvents > .dayEvent {
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-8 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    z-index: 2;
  }
  .events-calendar-view > .ecvBody > .day.-events-8 > .dayEvents > .dayEvent:hover > .holder {
    position: absolute;
    display: block;
    padding: 4px;
    width: 600%;
  }
  .events-calendar-view > .ecvBody > .day.-events-8 > .dayEvents > .dayEvent > .holder {
    display: none;
  }
  .events-calendar-view > .ecvBody > .day.-events-9 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-9 > .dayEvents {
    top: 27px;
    padding: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-9 > .dayEvents > .dayEvent {
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-9 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    z-index: 2;
  }
  .events-calendar-view > .ecvBody > .day.-events-9 > .dayEvents > .dayEvent:hover > .holder {
    position: absolute;
    display: block;
    padding: 4px;
    width: 600%;
  }
  .events-calendar-view > .ecvBody > .day.-events-9 > .dayEvents > .dayEvent > .holder {
    display: none;
  }
  .events-calendar-view > .ecvBody > .day.-events-10 {
    padding-top: 27px;
  }
  .events-calendar-view > .ecvBody > .day.-events-10 > .dayEvents {
    top: 27px;
    padding: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-10 > .dayEvents > .dayEvent {
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 3px;
  }
  .events-calendar-view > .ecvBody > .day.-events-10 > .dayEvents > .dayEvent:hover {
    overflow: visible;
    z-index: 2;
  }
  .events-calendar-view > .ecvBody > .day.-events-10 > .dayEvents > .dayEvent:hover > .holder {
    position: absolute;
    display: block;
    padding: 4px;
    width: 600%;
  }
  .events-calendar-view > .ecvBody > .day.-events-10 > .dayEvents > .dayEvent > .holder {
    display: none;
  }
}
.events-calendar-view > .ecvBody > .day > .dayDate {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: 7px;
  z-index: 2;
}
.events-calendar-view > .ecvBody > .day > .dayDate.-mobile {
  display: none;
}
.events-calendar-view > .ecvBody > .day > .dayEvents {
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent {
  text-decoration: none;
  display: block;
  font-size: 11px;
  line-height: 1;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent.ng-enter {
  -webkit-animation: fadeIn 0.6s;
  animation: fadeIn 0.6s;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder {
  display: inline-block;
  vertical-align: bottom;
  word-break: break-word;
  background-color: inherit;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder > .title {
  display: block;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 3px;
  background-color: inherit;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder > .location {
  display: block;
  background-color: inherit;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder > .location > .city {
  display: none;
}
.events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder > .location > .city:after {
  content: ", ";
}
@media only screen and (max-width: 600px) {
  .events-calendar-view {
    border: 0;
  }
  .events-calendar-view > .ecvHeader {
    border: 1px solid #e9e9e9;
    height: 58px;
  }
  .events-calendar-view > .ecvHeader > .navLeft,
  .events-calendar-view > .ecvHeader > .navRight {
    position: absolute;
    top: 13px;
  }
  .events-calendar-view > .ecvHeader > .navLeft {
    left: 18px;
  }
  .events-calendar-view > .ecvHeader > .navRight {
    right: 18px;
  }
  .events-calendar-view > .ecvHeader > .month {
    position: absolute;
    top: 18px;
    right: 50px;
    left: 50px;
    font-size: 15px;
  }
  .events-calendar-view > .ecvDays {
    display: none;
  }
  .events-calendar-view > .ecvBody {
    border: 0;
  }
  .events-calendar-view > .ecvBody > .day {
    border: 0;
    width: 100%;
    height: auto;
    padding-top: 28px;
    margin-bottom: 6px;
  }
  .events-calendar-view > .ecvBody > .day.-another,
  .events-calendar-view > .ecvBody > .day.-events-0 {
    display: none;
  }
  .events-calendar-view > .ecvBody > .day.-some-events.-current:before {
    background-color: rgba(0,0,0,0.4);
  }
  .events-calendar-view > .ecvBody > .day > .dayDate {
    display: none;
  }
  .events-calendar-view > .ecvBody > .day > .dayDate.-mobile {
    display: block;
  }
  .events-calendar-view > .ecvBody > .day > .dayEvents {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent + .dayEvent {
    margin-top: 1px;
  }
  .events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 6px;
    background: transparent;
  }
  .events-calendar-view > .ecvBody > .day > .dayEvents > .dayEvent > .holder > .location > .city {
    display: inline;
  }
}
/*******************************
 *
 *   M58-similar-events
 *
 ******************************/
.similar-events {
  margin-left: -20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .similar-events {
    margin-left: -10px;
  }
}
.similar-events .eventcard {
  width: -webkit-calc(33% - 21px);
  width: calc(33% - 21px);
  margin-left: 19px;
  margin-bottom: 25px;
}
.similar-events .eventcard > .info > .location > .city:after {
  content: "";
}
@media only screen and (max-width: 800px) {
  .similar-events .eventcard {
    width: -webkit-calc(100% / 3 - 21px);
    width: calc(100% / 3 - 21px);
  }
}
@media only screen and (max-width: 600px) {
  .similar-events .eventcard {
    width: -webkit-calc(100% / 2 - 12px);
    width: calc(100% / 2 - 12px);
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .similar-events .eventcard > .dateEvent {
    height: 100px;
    padding-top: 15px;
  }
  .similar-events .eventcard > .info > .location > .city {
    display: none;
  }
}
/******************************
 *
 *   M59-post-tiles
 *
 ******************************/
.post-tiles {
  margin-right: -20px;
}
.post-tiles .-text-tab {
  margin-right: 40px;
}
.post-tiles .tile {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  width: -webkit-calc(33% - 21px);
  width: calc(33% - 21px);
  margin: 0 19px 19px 0;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .post-tiles .tile {
    width: 45%;
    width: -webkit-calc(49% - 21px);
    width: calc(49% - 21px);
  }
}
@media only screen and (max-width: 600px) {
  .post-tiles .tile {
    width: 80%;
    width: -webkit-calc(88% - 21px);
    width: calc(88% - 21px);
  }
}
.post-tiles .tile.-text {
  padding: 8px 12px;
  background: #eee;
}
.post-tiles .tile.-text .smallHeader {
  font-size: 11px;
  color: #666;
  margin-bottom: 4px;
}
.post-tiles .tile.-text .mainHeader {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 4px;
}
.post-tiles .tile.-image img,
.post-tiles .tile.-video img {
  width: 100%;
}
/******************************
 *
 *   M60-BWC-event
 *
 ******************************/
.bwc-text-block.generic-text-block > * {
  max-width: 80%;
}
.bwc-text-block.generic-text-block p {
  font-size: 16px;
}
.bwc-text-block.generic-text-block p:first-of-type {
  font-size: 20px;
}
.bwc-text-block.generic-text-block p img {
  max-width: 100%;
}
.bwc-text-block.generic-text-block h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 14px;
}
@media only screen and (max-width: 600px) {
  .bwc-text-block.generic-text-block h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/******************************
 *
 *   M61-BWC-article
 *
 ******************************/
.bwc-tab {
  display: none;
}
.bwc-tab.selected {
  display: block;
}
/******************************
 *
 *  M88-Bike-edit-photo
 *
 ******************************/
.bike-edit-photo {
  position: relative;
}
.bike-edit-photo .image {
  margin-top: 22px;
  border: 1px solid #ddd;
}
.bike-edit-photo .image img {
  dispaly: block;
  width: 100%;
  height: auto;
}
.bike-edit-photo .actions {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
  margin-top: -18px;
}
.bike-edit-photo .actions a {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-clip: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  text-decoration: none;
  background-color: #444;
}
.bike-edit-photo .actions a.edit {
  background-image: url("images/pen.svg");
}
.bike-edit-photo .actions a.edit:hover {
  background-color: #00a8cb;
}
.bike-edit-photo .actions a.delete {
  background-image: url("images/junk.svg");
}
.bike-edit-photo .actions a.delete:hover {
  background-color: #ec2427;
}
/******************************
 *
 *  M89. Check stolen
 *
 ******************************/
.stolen-result {
  color: #f00;
}
.stolen-form {
  padding: 124px 120px 5px 120px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 800px) {
  .stolen-form {
    padding: 70px 60px 0 60px;
  }
}
@media only screen and (max-width: 600px) {
  .stolen-form {
    padding: 25px 20px 10px 20px;
  }
}
.stolen-form .input input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #b4b4b4;
}
.stolen-form .or {
  text-align: center;
  margin: 17px auto;
}
.stolen-form .or span {
  display: inline-block;
  background: #fff;
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 7px 16px;
  border-radius: 15px;
  background-clip: padding-box;
}
.stolen-form .button-wrapper {
  padding-top: 50px;
  text-align: center;
}
.stolen-form .button-wrapper .button {
  zoom: 1;
}
/******************************
 *
 *  M90. My Builds button panel
 *
 ******************************/
.my-builds-cta {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 40px;
}
.my-builds-cta .left {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.my-builds-cta .left .button {
  margin-right: 8px;
  vertical-align: middle;
}
.my-builds-cta .right {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
  line-height: 30px;
  padding-top: 2px;
}
.my-builds-cta .right .button {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
@media only screen and (max-width: 800px) {
  .my-builds-cta .left .button,
  .my-builds-cta .right .button {
    padding: 5px 7px;
    font-size: 12px;
    min-height: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .my-builds-cta {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .my-builds-cta .left,
  .my-builds-cta .right {
    width: auto;
    text-align: left;
    margin-top: 0;
  }
  .my-builds-cta .left .copy,
  .my-builds-cta .right .copy {
    display: none;
  }
  .my-builds-cta .left .button,
  .my-builds-cta .right .button {
    margin: 0;
    vertical-align: top;
    dispaly: inline-block;
    height: 24px;
    border: 2px #1a1a1a solid;
    line-height: 20px;
  }
}
.informationHolder.configurator_buttons.help-me-choose {
  box-sizing: border-box;
  padding: 18px;
  border: 1px #ddd solid;
  margin-top: 16px;
}
.informationHolder.configurator_buttons.help-me-choose b {
  font: 500 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin: 0;
}
.bike-next a.hidden {
  display: none;
}
.bike-next .panel {
  box-sizing: border-box;
  padding: 18px;
  border: 1px #ddd solid;
}
.bike-next .panel h2 {
  font: 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0;
}
.bike-next .panel p:first-child {
  margin-top: 0;
  padding-top: 0;
}
.bike-next .panel p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.bike-next .panel input[type="checkbox"] + label {
  padding-left: 5px;
}
.bike-next .panel center {
  font-weight: bold;
  display: block;
  padding: 10px 0 20px;
  text-align: left;
}
.bike-next .panel .code {
  background: #1a1a1a;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 21px;
  padding: 10px 5px;
}
.bike-next .panel .actions .button {
  width: 100%;
  margin-bottom: 5px;
}
.bike-next .panel .action .button {
  margin-bottom: 5px;
  margin-right: 5px;
}
.bike-next .panel .action .button:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  .bike-next .panel .action .button {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 800px) {
  .bike-next .panel {
    padding: 0;
    border: 0;
  }
  .bike-next .panel .action {
    display: none;
  }
  .bike-next .panel .actions {
    margin: 10px 0;
  }
  .bike-next .panel .actions .button {
    width: 49%;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 8px;
    min-height: 23px;
  }
  .bike-next .panel .actions .button:first-child {
    margin-right: 2%;
  }
}
#enterBuildInCompetitionPopup h2.title {
  font-weight: normal;
  min-height: 63px;
  margin: 0 0 0 -39px;
  padding: 19px 0 0 240px;
  text-align: left;
  background: url("images/steps123.svg") left top no-repeat;
  background-size: 226px 63px;
  font-size: 20px;
  position: relative;
  letter-spacing: -2px;
}
#enterBuildInCompetitionPopup h2.title:after {
  content: "Select Bike - Create Account - Share & Win!";
  font-size: 9px;
  position: absolute;
  top: 58px;
  left: 10px;
  letter-spacing: 0;
}
@media only screen and (max-width: 800px) {
  #enterBuildInCompetitionPopup {
    min-height: 10px;
  }
  #enterBuildInCompetitionPopup h2.title {
    padding: 93px 0 0 30px;
  }
}
@media only screen and (max-width: 600px) {
  #enterBuildInCompetitionPopup {
    margin: -10px -20px -5px -22px;
  }
  #enterBuildInCompetitionPopup h2.title {
    margin-left: -16px;
    padding-left: 16px;
    min-height: 10px;
  }
}
#enterBuildInCompetitionPopup .scfIntroBorder {
  font-size: 15px;
  padding: 20px 0;
}
#enterBuildInCompetitionPopup fieldset,
#enterBuildInCompetitionPopup .scfSectionBorderAsFieldSet {
  border: 0 !important;
}
@media only screen and (max-width: 600px) {
  #enterBuildInCompetitionPopup fieldset,
  #enterBuildInCompetitionPopup .scfSectionBorderAsFieldSet {
    padding: 0;
  }
}
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListBorder,
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineTextBorder {
  *zoom: 1;
  margin-bottom: 25px;
}
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListBorder:before,
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineTextBorder:before,
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListBorder:after,
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineTextBorder:after {
  content: " ";
  display: table;
}
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListBorder:after,
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineTextBorder:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
#enterBuildInCompetitionPopup .scfSectionContent label {
  display: block;
  float: left;
  width: 42%;
  padding-top: 5px;
  line-height: 1em;
  font-size: 14px;
}
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineGeneralPanel,
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListGeneralPanel {
  float: right;
  width: 55%;
}
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineGeneralPanel input,
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListGeneralPanel input,
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineGeneralPanel select,
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListGeneralPanel select {
  margin: 0;
  width: 100%;
  height: 31px;
}
#enterBuildInCompetitionPopup .scfSectionContent .scfSingleLineGeneralPanel select,
#enterBuildInCompetitionPopup .scfSectionContent .scfDropListGeneralPanel select {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
#enterBuildInCompetitionPopup .scfSectionContent .scfRequired {
  display: none;
}
#enterBuildInCompetitionPopup .scfCheckboxBorder {
  text-align: center;
  margin: 0 auto 22px auto;
  width: 100%;
}
#enterBuildInCompetitionPopup .scfCheckboxUsefulInfo {
  display: inline-block;
  widh: auto;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel {
  width: auto;
  float: none;
  display: inline-block;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel ~ .scfValidatorRequired {
  display: inline-block;
  float: none;
  vertical-align: top;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox {
  *zoom: 1;
  text-align: center;
  display: block;
  width: 100%;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox:before,
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox:after {
  content: " ";
  display: table;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox label {
  display: inline-block;
  width: auto;
  float: none;
  font-size: 12px;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox input {
  display: none;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox input + label:before {
  content: "";
  width: 24px;
  height: 22px;
  background: url("images/checkbox.svg") center center no-repeat;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-bottom;
  background-size: auto 22px;
}
#enterBuildInCompetitionPopup .scfCheckBoxListGeneralPanel .scfCheckbox input:checked + label:before {
  background-image: url("images/checkbox_checked.svg");
}
#enterBuildInCompetitionPopup .scfValidationSummary {
  display: none !important;
}
#enterBuildInCompetitionPopup .scfValidatorRequired {
  font-size: 14px;
}
#enterBuildInCompetitionPopup .scfSubmitButtonBorder {
  text-align: center;
}
#enterBuildInCompetitionPopup .scfSubmitButtonBorder input {
  display: inline-block;
  padding: 0 30px;
}
#enterBuildInCompetitionPopup .social h4 {
  display: none;
}
#enterBuildInCompetitionPopup .social-links {
  position: absolute;
  right: 30px;
  bottom: 23px;
}
#enterBuildInCompetitionPopup .social-links .at-svc-google_plusone_share,
#enterBuildInCompetitionPopup .social-links .at-svc-email {
  display: none !important;
}
@media only screen and (max-width: 600px) {
  #enterBuildInCompetitionPopup .social-links {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 25px;
    text-align: center;
  }
}
.header {
  *zoom: 1;
  margin-bottom: 20px;
}
.header:before,
.header:after {
  content: " ";
  display: table;
}
.header:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.header .share-buttons {
  float: left;
  margin-right: 20px;
}
.header .share-buttons .at-share-tbx-element:last-child {
  display: none;
}
.header .title {
  float: left;
  font-size: 24px;
  padding-top: 4px;
}
.content .qestions .question {
  *zoom: 1;
  margin-bottom: 5px;
}
.content .qestions .question:before,
.content .qestions .question:after {
  content: " ";
  display: table;
}
.content .qestions .question:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.content .qestions .question label {
  display: block;
  float: left;
  width: 45%;
}
.content .qestions .question input {
  float: right;
  width: 50%;
}
.footer {
  *zoom: 1;
  margin-top: 20px;
}
.footer:before,
.footer:after {
  content: " ";
  display: table;
}
.footer:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.footer .terms {
  float: left;
  padding-top: 8px;
}
.footer .terms label input[type="checkbox"] {
  margin-right: 8px;
}
.footer .terms label span a {
  text-decoration: underline;
}
.footer .sumbit-button-wrapper {
  float: right;
  text-align: right;
}
.tricky-container,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container {
  display: block;
  margin: 0 -32px 12px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background: #1a1a1a url("images/tricky.jpg") center center;
  background-size: cover;
  padding: 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
/* small desktop version */
/* Tablet version */
}
.tricky-container:before,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container:before {
  content: "";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #1d1918 transparent transparent transparent;
  position: absolute;
  right: 1px;
  bottom: -12px;
}
.tricky-container:after,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container:after {
  content: "";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 12px 12px 0;
  border-color: transparent #1d1918 transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 1px;
}
.tricky-container .inline-button,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container .inline-button {
  background-color: #fff;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: normal;
  padding: 0 2px;
}
.tricky-container label input[type="checkbox"],
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container label input[type="checkbox"] {
  display: none;
}
.tricky-container label input[type="checkbox"] + span,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container label input[type="checkbox"] + span {
  position: relative;
  cursor: pointer;
  color: #fff;
}
.tricky-container label input[type="checkbox"] + span:before,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container label input[type="checkbox"] + span:before {
  content: "";
  width: 24px;
  height: 22px;
  background: url("images/checkbox2.svg") center center no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: text-bottom;
}
.tricky-container label input[type="checkbox"]:checked + span:before,
#wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container label input[type="checkbox"]:checked + span:before {
  background-image: url("images/checkbox2_checked.svg");
}
@media only screen and (max-width: 1150px) {
  .tricky-container,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container {
    margin: 0 -27px 12px;
    padding: 10px;
  }
  .tricky-container label,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container label {
    font-size: 13px;
  }
  .tricky-container label input[type=checkbox]+span:before,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container label input[type=checkbox]+span:before {
    margin-right: 3px;
  }
  .tricky-container:before,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container:before {
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #1d1918 transparent transparent transparent;
    position: absolute;
    right: 1px;
    bottom: -7px;
  }
  .tricky-container:after,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container:after {
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #1d1918 transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 1px;
  }
}
@media only screen and (max-width: 800px) {
  .tricky-container,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container {
    margin: 0;
    padding: 18px;
    font-size: 14px;
  }
  .tricky-container:before,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container:before,
  .tricky-container:after,
  #wrap_for_sticky_footer .informationHolder.next-steps p.tricky-container:after {
    display: none;
  }
}
.build-n-win {
  box-sizing: border-box;
  height: 100px;
  margin: 0 -19px;
  position: relative;
  background: #1a1a1a url("images/build-n-win.jpg") center center no-repeat;
  background-size: cover;
/* Tablet version */
}
.build-n-win:before {
  content: "";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 12px 19px 0 0;
  border-color: #1d1918 transparent transparent transparent;
  position: absolute;
  right: 1px;
  bottom: -12px;
}
.build-n-win:after {
  content: "";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 19px 12px 0;
  border-color: transparent #1d1918 transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 1px;
}
@media only screen and (max-width: 1200px) {
  .build-n-win {
    margin: 0 -7px;
    height: 80px;
  }
  .build-n-win:before {
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #1d1918 transparent transparent transparent;
    position: absolute;
    right: 1px;
    bottom: -7px;
  }
  .build-n-win:after {
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #1d1918 transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 1px;
  }
}
@media only screen and (max-width: 800px) {
  .build-n-win {
    margin: 0 0 12px 0;
    background-size: contain;
  }
  .build-n-win:before,
  .build-n-win:after {
    display: none;
  }
}
.bike-preview {
  position: relative;
/* Tablet version */
/* Tablet version */
}
.bike-preview .bike-preview-title {
  position: absolute;
  top: 10px;
  right: 60px;
  left: 10px;
  font-weight: 600;
  font-size: 16px;
}
.bike-preview .circle-button.zoom {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: auto;
  left: auto;
}
.bike-preview .bike-preview-photo .image {
  margin-top: 30px;
}
.bike-preview .bike-preview-photo .image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 800px) {
  .bike-preview {
    margin: 10px 0;
  }
  .bike-preview .bike-preview-title {
    right: 0;
    left: 60px;
  }
  .bike-preview .circle-button.zoom {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .bike-preview .bike-preview-photo .image {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .bike-preview .bike-preview-title {
    display: none;
  }
}
/*-------- Bike data panel --------*/
.bike-data .panel {
  box-sizing: border-box;
  padding: 18px;
  border: 1px #ddd solid;
}
.bike-data .heading h2 {
  font: 16px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0;
}
.bike-data .heading h1 {
/* Cost calculator result, site search overlay, stats */
  margin: 0;
}
.bike-data .data {
  font-size: 0;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  margin: 18px -18px 0 -18px;
}
.bike-data .data .price,
.bike-data .data .weight {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 50%;
}
.bike-data .data .price {
  padding: 9px 9px 9px 18px;
  border-right: 1px #ddd solid;
}
.bike-data .data .weight {
  padding: 9px 18px 9px 9px;
}
.bike-data .data .data-heading {
  font: 15px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
}
.bike-data .data .data-value {
  font: 25px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
.bike-data ul.accessories {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 18px;
  font-size: 0;
}
.bike-data ul.accessories > li {
  padding: 0;
  margin: 0;
}
.bike-data ul.accessories li {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 50%;
  font-size: 13px;
}
.bike-data ul.accessories li::before {
  content: "\25CF";
  position: relative;
  top: -2px;
  padding-right: 4px;
  font-size: 9px;
}
.bike-data ul.accessories li:nth-child(even) {
  padding-left: 9px;
}
.bike-data ul.accessories li:nth-child(odd) {
  padding-right: 9px;
}
.bike-data .actions {
  padding-top: 18px;
}
.bike-data .actions .button,
.bike-data .actions input {
  margin: 0 0 5px 0;
  width: 100%;
}
.bike-data .share-pannel {
  padding-top: 18px;
}
.bike-data .share-pannel .label {
  display: inline-block;
  vertical-align: top;
  padding-right: 8px;
  line-height: 30px;
}
.bike-data .share-pannel .share-buttons {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 970px) {
  .bike-data .panel .heading h1 {
    font-size: 1.35em;
  }
  .bike-data .panel .data .data-heading {
    font-size: 13px;
  }
  .bike-data .panel .data .data-value {
    font-size: 17px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .bike-data .panel {
    padding: 0;
    border: 0;
  }
  .bike-data .heading {
    padding-right: 100px;
  }
  .bike-data .data {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .bike-data .data .price {
    padding: 0;
    border: 0;
  }
  .bike-data .data .weight {
    display: none;
  }
  .bike-data .data .data-heading {
    display: none;
  }
  .bike-data .data .data-value {
    font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
  }
  .bike-data ul.accessories {
    display: none;
  }
  .bike-data .actions {
    display: none;
  }
}
/*-------- Specifications popup --------*/
.full-specification-popup .full-specs-heading {
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  display: table;
  width: 100%;
}
.full-specification-popup .full-specs-heading > * {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  display: table-cell;
  width: 20%;
}
.full-specification-popup .full-specs-heading .heading {
  border-right: 1px #ddd solid;
  padding: 9px 9px 9px 0;
}
.full-specification-popup .full-specs-heading h2 {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.full-specification-popup .full-specs-heading .data .price,
.full-specification-popup .full-specs-heading .data .weight {
  padding: 9px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.full-specification-popup .full-specs-heading .data .price {
  border-right: 1px #ddd solid;
}
.full-specification-popup .full-specs-heading .data .data-heading {
  font: 15px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
}
.full-specification-popup .full-specs-heading .data .data-value {
  font: 20px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
.full-specification-popup .full-specs-heading .share-pannel {
  padding: 9px 0;
  width: 60%;
  text-align: right;
}
.full-specification-popup .full-specs-heading .share-pannel .label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.full-specification-popup .full-specs-heading .share-pannel .share-buttons {
  display: inline-block;
  vertical-align: middle;
}
.full-specification-popup .table-data {
  padding: 20px 0;
}
.full-specification-popup .table-data table {
  font-size: 16px;
  min-width: 60%;
}
.full-specification-popup .table-data table th,
.full-specification-popup .table-data table td {
  vertical-align: top;
  text-align: left;
  padding: 5px 7px;
}
.full-specification-popup .table-data table th:nth-child(n+3),
.full-specification-popup .table-data table td:nth-child(n+3) {
  white-space: nowrap;
}
.full-specification-popup .table-data table th {
  padding-left: 0;
}
@media only screen and (max-width: 800px) {
  .full-specification-popup .full-specs-heading {
    display: block;
    border: 0;
  }
  .full-specification-popup .full-specs-heading > * {
    display: block;
    width: auto;
  }
  .full-specification-popup .full-specs-heading .heading {
    border-right: 0;
    padding: 0 10px 0 0;
  }
  .full-specification-popup .full-specs-heading h2 {
    margin: 10px 0;
  }
  .full-specification-popup .full-specs-heading .data .price,
  .full-specification-popup .full-specs-heading .data .weight {
    padding: 0 10px 0 0;
  }
  .full-specification-popup .full-specs-heading .data .price {
    border-right: 0;
  }
  .full-specification-popup .full-specs-heading .share-pannel {
    padding: 0;
    margin-top: 10px;
    width: auto;
    text-align: left;
  }
  .full-specification-popup .table-data {
    padding: 10px 0;
  }
  .full-specification-popup .table-data table th,
  .full-specification-popup .table-data table td {
    padding: 3px 5px;
    font-size: 13px;
    line-height: 1.1em;
    border-bottom: 1px #eee solid;
    vertical-align: middle;
  }
}
.notification .geoloc {
  display: none;
}
.notification .geoloc .geoloc-country {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
}
.notification .no-geoloc {
  display: block;
}
/******************************
 * 
 *  M94 Technical specification
 * 
 ******************************/
.technical-specification {
  padding: 35px 0;
/* Mobile version */
}
.technical-specification .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.technical-specification .content-grid .box.label {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}
.technical-specification .content-grid .box.one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
  text-align: left;
}
.technical-specification .content-grid .box.value {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .technical-specification .content-grid {
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    max-width: 1140px;
  }
  .technical-specification .content-grid .box.one {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: left;
  }
  .technical-specification .content-grid .box.label {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-bottom: 0;
  }
  .technical-specification .content-grid .box.value {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/******************************
 * 
 *  M95 Breadcrumbs
 * 
 ******************************/
.breadcrumbs.grey {
  background: #eee;
}
.breadcrumbs.grey + .signup {
  border-top: 1px solid #b4b4b4;
}
.breadcrumbs .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding: 34px 0 20px 0;
}
.breadcrumbs .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  *zoom: 1;
  box-sizing: border-box;
  text-align: left;
}
.breadcrumbs .content-grid .box:before,
.breadcrumbs .content-grid .box:after {
  content: " ";
  display: table;
}
.breadcrumbs .content-grid .box:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.breadcrumbs .content-grid .box.ride {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 25.815326130452178%;
}
.breadcrumbs .content-grid .triptych-icon {
  width: 164px;
  height: 40px;
  background-size: 164px 40px;
  margin: -11px auto 0;
  position: relative;
  left: -2px;
}
.breadcrumbs .content-grid .description {
  text-align: center;
}
.breadcrumbs .content-grid .description h2 {
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 12px 0 0px;
}
@media only screen and (max-width: 600px) {
  .breadcrumbs .content-grid .description h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.breadcrumbs .content-grid .description p {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin: 8px 0 12px 0;
}
.breadcrumbs .content-grid ul {
  padding: 13px 0 6px;
  margin: 0;
  list-style: none;
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.breadcrumbs .content-grid ul li {
  display: inline;
  padding-right: 2px;
}
.breadcrumbs .content-grid ul li a {
  text-decoration: none;
}
.breadcrumbs .content-grid ul li a span {
  text-decoration: underline;
  padding-right: 3px;
}
@media only screen and (max-width: 800px) {
  .breadcrumbs .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
  .breadcrumbs .content-grid .box:first-child {
    padding-bottom: 10px;
  }
  .breadcrumbs .content-grid ul {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .breadcrumbs {
    padding: 15px 0px;
  }
  .breadcrumbs .content-grid.ride {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 48.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    margin-left: 25.815326130452178%;
  }
  .breadcrumbs .content-grid ul {
    display: none;
    margin-bottom: 20px;
  }
}
/******************************
 *
 *  M96. Bike decision tree
 *
 ******************************/
.decision-tree {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.decision-tree .tree-navigation {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: auto;
  left: auto;
  margin-top: 20px;
  z-index: 3;
}
@media only screen and (max-width: 800px) {
  .decision-tree .tree-navigation {
    right: 10px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .decision-tree .tree-navigation {
    display: none;
  }
}
.decision-tree .tree-navigation .nav-point {
  width: 75px;
  height: 75px;
  margin-bottom: 5px;
  position: relative;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  display: table;
}
@media only screen and (max-width: 800px) {
  .decision-tree .tree-navigation .nav-point {
    width: 58px;
    height: 58px;
  }
}
.decision-tree .tree-navigation .nav-point .value {
  display: table-cell;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 5px;
  text-align: center;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  background: #fff;
  font-size: /*14*/ 12px;
  word-break: break-all;
  word-break: break-word;
}
@media only screen and (max-width: 800px) {
  .decision-tree .tree-navigation .nav-point .value {
    padding: 2px;
    font-size: 10px;
    font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.decision-tree .tree-navigation .nav-point[data-question='color'] .value,
.decision-tree .tree-navigation .nav-point[data-question='secondary_color'] .value {
  position: relative;
  font-size: 1px;
}
.decision-tree .tree-navigation .nav-point[data-question='color'] .value::before,
.decision-tree .tree-navigation .nav-point[data-question='secondary_color'] .value::before {
  border-radius: 100%;
  background-clip: padding-box;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  margin: -30px 0 0 -30px;
  content: "";
  width: 60px;
  height: 60px;
  font-size: 1px;
  color: #fff;
}
@media only screen and (max-width: 800px) {
  .decision-tree .tree-navigation .nav-point[data-question='color'] .value::before,
  .decision-tree .tree-navigation .nav-point[data-question='secondary_color'] .value::before {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
  }
}
.decision-tree .tree-navigation .nav-point[data-value=BK] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=black] .value::before {
  background-color: #1a1a1a;
}
.decision-tree .tree-navigation .nav-point[data-value=RG] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=racing-green] .value::before {
  background-color: #265238;
}
.decision-tree .tree-navigation .nav-point[data-value=TM] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=tempest-blue] .value::before {
  background-color: #242142;
}
.decision-tree .tree-navigation .nav-point[data-value=LB] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=lagoon-blue] .value::before {
  background-color: #00a8cb;
}
.decision-tree .tree-navigation .nav-point[data-value=RL] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=raw-lacquer] .value::before {
  background-color: #959773;
}
.decision-tree .tree-navigation .nav-point[data-value=TG] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=turkish-green] .value::before {
  background-color: #96cdc5;
}
.decision-tree .tree-navigation .nav-point[data-value=CY] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=cherry-blossom] .value::before {
  background-color: #e9d0c8;
}
.decision-tree .tree-navigation .nav-point[data-value=BC] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=berry-crush] .value::before {
  background-color: #8d267c;
}
.decision-tree .tree-navigation .nav-point[data-value=RD] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=red] .value::before {
  background-color: #ec2427;
}
.decision-tree .tree-navigation .nav-point[data-value=OR] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=orange] .value::before {
  background-color: #f47523;
}
.decision-tree .tree-navigation .nav-point[data-value=LG] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=lime-green] .value::before {
  background-color: #cbdd61;
}
.decision-tree .tree-navigation .nav-point[data-value=IV] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=ivory] .value::before {
  background-color: #f1dfb8;
}
.decision-tree .tree-navigation .nav-point[data-value=WH] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=white] .value::before {
  background-color: #fff;
  border: #666 1px solid;
}
.decision-tree .tree-navigation .nav-point[data-value=GR] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=grey] .value::before {
  background-color: #ddd;
}
.decision-tree .tree-navigation .nav-point[data-value=PN] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=pink] .value::before {
  background-color: #e9cdd0;
}
.decision-tree .tree-navigation .nav-point[data-value=XX] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=raw] .value::before {
  background-color: #ddd;
  z-index: -1;
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'] .value {
  position: relative;
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'] .value:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=A] .value::before {
  background: url("images/hills-A.jpg");
  height: 75px;
}
@media only screen and (max-width: 58px) {
  .decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=A] .value::before {
    height: 58px;
  }
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=B] .value::before {
  background: url("images/hills-B.jpg");
  height: 75px;
}
@media only screen and (max-width: 58px) {
  .decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=B] .value::before {
    height: 58px;
  }
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=C] .value::before {
  background: url("images/hills-C.jpg");
  height: 75px;
}
@media only screen and (max-width: 58px) {
  .decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=C] .value::before {
    height: 58px;
  }
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=D] .value::before {
  background: url("images/hills-D.jpg");
  height: 75px;
}
@media only screen and (max-width: 58px) {
  .decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=D] .value::before {
    height: 58px;
  }
}
.decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=E] .value::before {
  background: url("images/hills-E.jpg");
  height: 75px;
}
@media only screen and (max-width: 58px) {
  .decision-tree .tree-navigation .nav-point[data-question='hilly'][data-value=E] .value::before {
    height: 58px;
  }
}
.question-container {
  position: relative;
  height: 100%;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: table;
}
.question-container.black,
.question-container.branding-black,
.branding-black .question-container {
  background-color: #1a1a1a;
}
.question-container.racing-green,
.question-container.branding-racing-green,
.branding-racing-green .question-container {
  background-color: #265238;
}
.question-container.tempest-blue,
.question-container.branding-tempest-blue,
.branding-tempest-blue .question-container {
  background-color: #242142;
}
.question-container.lagoon-blue,
.question-container.branding-lagoon-blue,
.branding-lagoon-blue .question-container {
  background-color: #00a8cb;
}
.question-container.raw-lacquer,
.question-container.branding-raw-lacquer,
.branding-raw-lacquer .question-container {
  background-color: #959773;
}
.question-container.turkish-green,
.question-container.branding-turkish-green,
.branding-turkish-green .question-container {
  background-color: #96cdc5;
}
.question-container.cherry-blossom,
.question-container.branding-cherry-blossom,
.branding-cherry-blossom .question-container {
  background-color: #e9d0c8;
}
.question-container.berry-crush,
.question-container.branding-berry-crush,
.branding-berry-crush .question-container {
  background-color: #8d267c;
}
.question-container.red,
.question-container.branding-red,
.branding-red .question-container {
  background-color: #ec2427;
}
.question-container.orange,
.question-container.branding-orange,
.branding-orange .question-container {
  background-color: #f47523;
}
.question-container.lime-green,
.question-container.branding-lime-green,
.branding-lime-green .question-container {
  background-color: #cbdd61;
}
.question-container.ivory,
.question-container.branding-ivory,
.branding-ivory .question-container {
  background-color: #f1dfb8;
}
.question-container.white,
.question-container.branding-white,
.branding-white .question-container {
  background-color: #fff;
}
.question-container.grey,
.question-container.branding-grey,
.branding-grey .question-container {
  background-color: #ddd;
}
.question-container.pink,
.question-container.branding-pink,
.branding-pink .question-container {
  background-color: #e9cdd0;
}
.question-container.raw,
.question-container.branding-raw,
.branding-raw .question-container {
  background-color: #ddd;
}
@media only screen and (max-width: 800px) {
  .question-container {
    width: 100%;
    height: 160vh;
  }
}
@media only screen and (max-width: 600px) {
  .question-container {
    width: 100%;
    height: auto;
    min-height: 30vh;
  }
}
.question-container .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.question-container .media img {
  width: 100%;
  height: auto;
  min-height: 100%;
}
.question-container .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  position: relative;
  height: 100%;
  z-index: 2;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.question-container .question-box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  width: 780px;
  box-sizing: border-box;
  background: rgba(255,255,255,0.85);
  padding: 16px 20px 20px;
}
.question-container .question-box.question-box-sm {
  max-width: 590px;
}
@media only screen and (max-width: 800px) {
  .question-container .question-box {
    width: 350px;
  }
}
@media only screen and (max-width: 600px) {
  .question-container .question-box {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    margin-top: 3.13%;
    margin-bottom: 3.13%;
    padding: 10px;
  }
  .question-container .question-box .question-text {
    text-align: center;
    margin-top: 10px;
  }
}
.question-container .question-box .question-text {
/* Cost calculator result, site search overlay, stats */
  font: 30px/40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 14px;
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .question-text {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .question-text {
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .question-text {
    font: 18px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .question-container .question-box .question-text {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.question-container .question-box .hilly-illustration {
  height: 130px;
  margin: 0 -23px;
  background-image: url("images/hills-B.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .hilly-illustration {
    height: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .hilly-illustration {
    margin: 0 -15px;
  }
}
.question-container .question-box .hilly-illustration.hilly-A {
  background-image: url("images/hills-A.svg");
}
.question-container .question-box .hilly-illustration.hilly-B {
  background-image: url("images/hills-B.svg");
}
.question-container .question-box .hilly-illustration.hilly-C {
  background-image: url("images/hills-C.svg");
}
.question-container .question-box .hilly-illustration.hilly-D {
  background-image: url("images/hills-D.svg");
}
.question-container .question-box .hilly-illustration.hilly-E {
  background-image: url("images/hills-E.svg");
}
.question-container .question-box .hilly-slider {
  height: 70px;
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .hilly-slider {
    position: relative;
  }
}
.question-container .question-box .hilly-slider label {
  position: relative;
  display: inline-block;
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  padding: 0 4px;
  top: -3px;
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .hilly-slider label {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .hilly-slider label {
    font-size: 16px;
  }
  .question-container .question-box .hilly-slider label:first-child {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 20px;
    left: 50%;
    margin-left: -50%;
  }
  .question-container .question-box .hilly-slider label:last-child {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 20px;
    left: auto;
    margin-right: -50%;
  }
}
.question-container .question-box .hilly-slider .range-wrapper {
  display: inline-block;
  width: 374px;
  height: 20px;
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .hilly-slider .range-wrapper {
    width: 279px;
  }
}
.question-container .question-box .answers {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  max-width: 100%;
}
.question-container .question-box .answers.text-left {
  text-align: left;
}
.question-container .question-box .answers .button.block {
  min-height: 70px;
  margin-right: 13px;
}
.question-container .question-box .answers .answer {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 17px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  display: inline-table;
  min-width: 0;
  width: 23%;
  margin-right: 13px;
}
.question-container .question-box .answers .answer.answer-two {
  width: 48%;
  margin-right: 17px;
}
.question-container .question-box .answers .answer:first-child {
  margin-left: 0;
}
.question-container .question-box .answers .answer:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .answers .answer {
    font-size: 15px;
    width: 44%;
    margin: 5px;
    padding: 5px 10px;
  }
  .question-container .question-box .answers .answer:first-child {
    margin-left: 5px;
  }
  .question-container .question-box .answers .answer:last-child {
    margin-right: 5px;
  }
  .question-container .question-box .answers .answer.answer-two {
    width: 100%;
    margin: 3px 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .answers .answer {
    font-size: 14px;
    text-align: left;
    width: 100%;
    margin: 3px 0 !important;
  }
}
.question-container .question-box .color-pickers {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 35px;
  margin-bottom: 3px;
  margin-left: -0.815%;
  margin-right: -0.815%;
}
.question-container .question-box .color-pickers .color-picker {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .color-pickers .color-picker {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    text-align: center;
  }
}
.question-container .question-box .color-pickers .color-picker .color {
  margin: 0 12px 15px 0;
}
@media only screen and (max-width: 800px) {
  .question-container .question-box .color-pickers .color-picker .color {
    margin: 0 6px 6px 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .question-container .question-box .color-pickers .color-picker .color {
    margin: 0 5px 10px 5px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
  }
  .question-container .question-box .color-pickers .color-picker .color.selected {
    -webkit-box-shadow: 0 0 0 2px #1a1a1a;
    box-shadow: 0 0 0 2px #1a1a1a;
    border: 3px solid #1a1a1a;
  }
}
.question-container .question-box .find-my-bike {
  text-align: center;
  padding-top: 22px;
}
.question-container .question-box .error-message {
  color: #ec2427;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  max-height: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.question-container .question-box .error-message.show {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  max-height: 25px;
  padding-top: 10px;
}
.question-container[data-param='sex'] .question-box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  width: 590px;
}
.question-container[data-param='sex'] .question-box .answers .answer {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font: 17px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  display: inline-table;
}
.question-container[data-param='sex'] .question-box .answers .answer:first-child {
  margin-left: 0;
}
.question-container[data-param='sex'] .question-box .answers .answer:last-child {
  margin-right: 0;
}
.question-container[data-param='position'] .question-box .answers .answer {
  display: inline-block;
}
.question-container[data-param='position'] .question-box .answers .answer span.image {
  display: block;
  width: 100%;
  height: 120px;
  text-align: center;
  background: #fff;
}
.question-container[data-param='position'] .question-box .answers .answer span.image img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 800px) {
  .question-container[data-param='position'] .question-box .answers .answer span.image {
    height: 100px;
  }
  .question-container[data-param='position'] .question-box .answers .answer .button.block {
    min-width: 100%;
    padding: 5px 10px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .question-container[data-param='position'] .question-box .answers .answer {
    position: relative;
    margin: 3px 0 !important;
    padding: 0;
  }
  .question-container[data-param='position'] .question-box .answers .answer span.image {
    width: 65px;
    height: auto;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: 1px;
    left: 1px;
    z-index: 1;
    border: 3px #fff solid;
    outline: 1px #1a1a1a solid;
    box-sizing: border-box;
    background-size: contain;
  }
  .question-container[data-param='position'] .question-box .answers .answer .button.block {
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding-left: 75px;
  }
}
.chessboard .split-image-text:nth-child(2n) .content {
  float: right;
}
.chessboard .split-image-text:nth-child(2n) .content::after {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: -60px;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-right-color: #fff;
}
.chessboard .split-image-text:nth-child(2n) .media {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .chessboard .split-image-text:nth-child(2n) .content {
    float: none;
  }
  .chessboard .split-image-text:nth-child(2n) .content::after {
    display: none;
  }
  .chessboard .split-image-text:nth-child(2n) .media {
    position: relative;
  }
}
/******************************
 *
 *  M98. Two columns news
 *
 ******************************/
.two-columns-news .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding-top: 45px;
  padding-bottom: 42px;
}
.two-columns-news .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  position: relative;
  height: auto;
}
.two-columns-news .content-grid .box .header {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 0;
  margin-bottom: 30px;
}
.two-columns-news .content-grid .box .header h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0;
  line-height: 38px;
}
@media only screen and (max-width: 600px) {
  .two-columns-news .content-grid .box .header h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.two-columns-news .content-grid .box .view-all {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  text-align: right;
  float: right;
}
.two-columns-news .content-grid .box:last-child .view-all {
  margin-right: 0px;
}
@media only screen and (max-width: 800px) {
  .two-columns-news .content-grid .box .header h2 {
/* Cost calculator result, site search overlay, stats */
    font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
  }
}
@media only screen and (max-width: 600px) {
  .two-columns-news .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .two-columns-news .content-grid .box .view-all .button {
    font-size: 12px;
    line-height: 15px;
    padding: 5px 8px;
    min-height: 23px;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .two-columns-news h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.article-wrapper {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding: 18px 0 28px;
/* event page */
/* Tablet version */
/* Phone version */
}
.article-wrapper .generic-text-block {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 81.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.article-wrapper.event-wrapper {
  *zoom: 1;
}
.article-wrapper.event-wrapper:before,
.article-wrapper.event-wrapper:after {
  content: " ";
  display: table;
}
.article-wrapper.event-wrapper:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.article-wrapper.event-wrapper .generic-text-block {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.article-wrapper.event-wrapper .eventbrite-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  float: right;
  margin-top: 13px;
}
@media only screen and (max-width: 800px) {
  .article-wrapper .generic-text-block {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .article-wrapper.event-wrapper .generic-text-block {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 73.36934773909563%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .article-wrapper.event-wrapper .eventbrite-wrapper {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .article-wrapper .generic-text-block {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .article-wrapper.event-wrapper .generic-text-block,
  .article-wrapper.event-wrapper .eventbrite-wrapper {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/******************************
 *
 *  M?. Steps 
 *
 ******************************/
/******************************
 *
 *  M?. Two columns news
 *
 ******************************/
.two-columns-news .content-grid {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding-top: 30px;
}
.two-columns-news .content-grid .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  box-sizing: border-box;
  position: relative;
  height: auto;
}
.two-columns-news .content-grid .box .header {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 0;
  margin-bottom: 20px;
}
.two-columns-news .content-grid .box .header h2 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0;
  line-height: 38px;
}
@media only screen and (max-width: 600px) {
  .two-columns-news .content-grid .box .header h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.two-columns-news .content-grid .box .view-all {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  text-align: right;
  float: right;
}
.two-columns-news .content-grid .box:last-child .view-all {
  margin-right: 0px;
}
.two-columns-news .content-grid .box article {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}
.two-columns-news .content-grid .box article time {
/* Cost calculator result, site search overlay, stats */
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 6px;
}
.two-columns-news .content-grid .box article > a {
  display: block;
  text-decoration: none;
}
.two-columns-news .content-grid .box article p {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .two-columns-news .content-grid .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/****************************************

  P01. Home

****************************************/
/****************************************

  P08. Post

****************************************/
.article-wrapper ~ .scfForm,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 {
  padding-left: 17.48199279711885%;
  padding-right: 0.815326130452181%;
  font-size: 14px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  padding-top: 20px;
  max-width: 1000px;
  width: auto;
}
.article-wrapper ~ .scfForm .scfSubmitSummary,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSubmitSummary,
.article-wrapper ~ .scfForm .scfValidationSummary,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfValidationSummary {
  display: none;
}
.article-wrapper ~ .scfForm .scfTitleBorder,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfTitleBorder {
  color: #fff;
  margin-bottom: 30px;
}
.article-wrapper ~ .scfForm .scfDropListLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListLabel,
.article-wrapper ~ .scfForm .scfEmailLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailLabel,
.article-wrapper ~ .scfForm .scfMultipleLineTextLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfMultipleLineTextLabel,
.article-wrapper ~ .scfForm .scfSingleLineTextLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextLabel,
.article-wrapper ~ .scfForm .scfPasswordLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfPasswordLabel,
.article-wrapper ~ .scfForm .scfNumberLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfNumberLabel,
.article-wrapper ~ .scfForm .scfDatePickerLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDatePickerLabel,
.article-wrapper ~ .scfForm .scfDateLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDateLabel,
.article-wrapper ~ .scfForm .scfRadioButtonListLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfRadioButtonListLabel,
.article-wrapper ~ .scfForm .scfCheckBoxListLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckBoxListLabel,
.article-wrapper ~ .scfForm .scfListBoxLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfListBoxLabel,
.article-wrapper ~ .scfForm .scfFileUploadLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfFileUploadLabel,
.article-wrapper ~ .scfForm .scfDateSelectorLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDateSelectorLabel,
.article-wrapper ~ .scfForm .scfCreditCardLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCreditCardLabel,
.article-wrapper ~ .scfForm .scfConfirmPasswordLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfConfirmPasswordLabel,
.article-wrapper ~ .scfForm .scfCaptchaLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCaptchaLabel,
.article-wrapper ~ .scfForm .scfTelephoneLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfTelephoneLabel,
.article-wrapper ~ .scfForm .scfSmsTelephoneLabel,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSmsTelephoneLabel {
  width: 20%;
}
.article-wrapper ~ .scfForm .scfSingleLineTextBorder,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextBorder,
.article-wrapper ~ .scfForm .scfEmailBorder,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailBorder,
.article-wrapper ~ .scfForm .scfCheckboxBorder,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckboxBorder,
.article-wrapper ~ .scfForm .scfDropListBorder,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListBorder {
  position: relative;
  margin-bottom: 30px;
  *zoom: 1;
}
.article-wrapper ~ .scfForm .scfSingleLineTextBorder:before,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextBorder:before,
.article-wrapper ~ .scfForm .scfEmailBorder:before,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailBorder:before,
.article-wrapper ~ .scfForm .scfCheckboxBorder:before,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckboxBorder:before,
.article-wrapper ~ .scfForm .scfDropListBorder:before,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListBorder:before,
.article-wrapper ~ .scfForm .scfSingleLineTextBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextBorder:after,
.article-wrapper ~ .scfForm .scfEmailBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailBorder:after,
.article-wrapper ~ .scfForm .scfCheckboxBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckboxBorder:after,
.article-wrapper ~ .scfForm .scfDropListBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListBorder:after {
  content: " ";
  display: table;
}
.article-wrapper ~ .scfForm .scfSingleLineTextBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextBorder:after,
.article-wrapper ~ .scfForm .scfEmailBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailBorder:after,
.article-wrapper ~ .scfForm .scfCheckboxBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckboxBorder:after,
.article-wrapper ~ .scfForm .scfDropListBorder:after,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListBorder:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.article-wrapper ~ .scfForm .scfSingleLineTextBorder .scfRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextBorder .scfRequired,
.article-wrapper ~ .scfForm .scfEmailBorder .scfRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailBorder .scfRequired,
.article-wrapper ~ .scfForm .scfCheckboxBorder .scfRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckboxBorder .scfRequired,
.article-wrapper ~ .scfForm .scfDropListBorder .scfRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListBorder .scfRequired,
.article-wrapper ~ .scfForm .scfSingleLineTextBorder .scfValidatorRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextBorder .scfValidatorRequired,
.article-wrapper ~ .scfForm .scfEmailBorder .scfValidatorRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailBorder .scfValidatorRequired,
.article-wrapper ~ .scfForm .scfCheckboxBorder .scfValidatorRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckboxBorder .scfValidatorRequired,
.article-wrapper ~ .scfForm .scfDropListBorder .scfValidatorRequired,
.scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListBorder .scfValidatorRequired {
  position: absolute;
  top: 2px;
  left: -10px;
}
@media only screen and (max-width: 800px) {
  .article-wrapper ~ .scfForm,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 {
    padding-left: 3.13%;
    padding-right: 3.13%;
  }
  .article-wrapper ~ .scfForm .scfDropListLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDropListLabel,
  .article-wrapper ~ .scfForm .scfEmailLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailLabel,
  .article-wrapper ~ .scfForm .scfMultipleLineTextLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfMultipleLineTextLabel,
  .article-wrapper ~ .scfForm .scfSingleLineTextLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineTextLabel,
  .article-wrapper ~ .scfForm .scfPasswordLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfPasswordLabel,
  .article-wrapper ~ .scfForm .scfNumberLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfNumberLabel,
  .article-wrapper ~ .scfForm .scfDatePickerLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDatePickerLabel,
  .article-wrapper ~ .scfForm .scfDateLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDateLabel,
  .article-wrapper ~ .scfForm .scfRadioButtonListLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfRadioButtonListLabel,
  .article-wrapper ~ .scfForm .scfCheckBoxListLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckBoxListLabel,
  .article-wrapper ~ .scfForm .scfListBoxLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfListBoxLabel,
  .article-wrapper ~ .scfForm .scfFileUploadLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfFileUploadLabel,
  .article-wrapper ~ .scfForm .scfDateSelectorLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDateSelectorLabel,
  .article-wrapper ~ .scfForm .scfCreditCardLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCreditCardLabel,
  .article-wrapper ~ .scfForm .scfConfirmPasswordLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfConfirmPasswordLabel,
  .article-wrapper ~ .scfForm .scfCaptchaLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCaptchaLabel,
  .article-wrapper ~ .scfForm .scfTelephoneLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfTelephoneLabel,
  .article-wrapper ~ .scfForm .scfSmsTelephoneLabel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSmsTelephoneLabel {
    display: block;
    float: none;
    width: auto;
  }
  .article-wrapper ~ .scfForm .scfEmailGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfEmailGeneralPanel,
  .article-wrapper ~ .scfForm .scfMultipleLineGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfMultipleLineGeneralPanel,
  .article-wrapper ~ .scfForm .scfSingleLineGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSingleLineGeneralPanel,
  .article-wrapper ~ .scfForm .scfPasswordGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfPasswordGeneralPanel,
  .article-wrapper ~ .scfForm .scfNumberGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfNumberGeneralPanel,
  .article-wrapper ~ .scfForm .scfDatePickerGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDatePickerGeneralPanel,
  .article-wrapper ~ .scfForm .scfDateGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDateGeneralPanel,
  .article-wrapper ~ .scfForm .scfRadioButtonListGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfRadioButtonListGeneralPanel,
  .article-wrapper ~ .scfForm .scfCheckBoxListGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCheckBoxListGeneralPanel,
  .article-wrapper ~ .scfForm .scfFileUploadGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfFileUploadGeneralPanel,
  .article-wrapper ~ .scfForm .scfDateSelectorGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfDateSelectorGeneralPanel,
  .article-wrapper ~ .scfForm .scfCreditCardGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCreditCardGeneralPanel,
  .article-wrapper ~ .scfForm .scfConfirmPasswordGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfConfirmPasswordGeneralPanel,
  .article-wrapper ~ .scfForm .scfCaptchaGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfCaptchaGeneralPanel,
  .article-wrapper ~ .scfForm .scfTelephoneGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfTelephoneGeneralPanel,
  .article-wrapper ~ .scfForm .scfSmsTelephoneGeneralPanel,
  .scfForm#form_8F1E67671B4B464284EE4484DC2DAEE1 .scfSmsTelephoneGeneralPanel {
    display: block;
    float: none;
    width: auto;
  }
}
/****************************************

  P13. Recommended

****************************************/
.bike-page {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin: 35px auto;
/* Tablet version */
/* Mobile version */
}
.bike-page .bike-data {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-page .bike-preview {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-page .bike-next {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-page .bike-actions {
  display: none;
}
.bike-page .bike-actions .actions {
  margin: 10px 0;
}
.bike-page .bike-actions .actions .button {
  width: 49%;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 8px;
  min-height: 23px;
}
.bike-page .bike-actions .actions .button:first-child {
  margin-right: 2%;
}
.bike-page .bike-actions .action {
  margin: 10px 0;
}
.bike-page .bike-actions .action .button {
  font-size: 15px;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .bike-page {
    margin: 30px auto;
  }
  .bike-page .bike-data {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .bike-page .bike-preview {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .bike-page .bike-next {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .bike-page .bike-actions {
    display: block;
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
@media only screen and (max-width: 800px) {
  .bike-page {
    margin: 20px auto;
  }
  .bike-page .bike-data {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .bike-page .bike-preview {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .bike-page .bike-next {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .bike-page .bike-actions {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
@media print {
  .print-hide-ui #topline,
  .print-hide-ui #header,
  .print-hide-ui #sub-menu,
  .print-hide-ui #footer,
  .print-hide-ui .main-nav,
  .print-hide-ui .extas,
  .print-hide-ui .find-a-store,
  .print-hide-ui .actions,
  .print-hide-ui .button,
  .print-hide-ui .share-pannel,
  .print-hide-ui .zoom,
  .print-hide-ui .signup,
  .print-hide-ui .cookie-panel,
  .print-hide-ui .breadcrumbs ul,
  .print-hide-ui .back-to-top {
    display: none !important;
  }
  .print-hide-ui .table-data tr td:nth-child(3),
  .print-hide-ui .table-data tr td:nth-child(4) {
    display: none !important;
  }
  .print-hide-ui .popup-bike-data.mfp-hide {
    display: block !important;
  }
  .print-hide-ui .bike-page {
    position: relative;
    margin: 0;
  }
  .print-hide-ui .bike-data {
    width: 100% !important;
    margin: 500px 0 0;
  }
  .print-hide-ui .bike-preview {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 500px;
  }
  .print-hide-ui .bike-preview .image {
    margin-top: 0 !important;
  }
  .print-hide-ui .bike-preview .image img {
    max-height: 500px;
    width: auto;
  }
  .print-hide-ui .bike-next {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
/*******************************
 *
 *  P17. Compare
 *
 ******************************/
.comparator-wrapper {
  width: 100%;
  overflow-x: auto;
}
.comparator-wrapper .comparator {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  min-width: 768px;
  position: relative;
}
.comparator-wrapper .comparator .column-one {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.comparator-wrapper .comparator .column-one .bike-preview-photo {
  outline: none;
  text-decoration: none;
}
.comparator-wrapper .comparator .column-one .bike-preview-photo .image {
  width: 100%;
  height: 200px;
  text-align: center;
  display: block;
}
.comparator-wrapper .comparator .column-one .bike-preview-photo .image img {
  max-width: 100%;
  max-height: 100%;
}
.comparator-wrapper .comparator .column-one .data {
  margin: 6px 0;
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid;
}
.comparator-wrapper .comparator .column-one ul.configuration {
  padding: 0;
  margin: 0;
  list-style: none;
}
.comparator-wrapper .comparator .column-one ul.configuration > li {
  padding: 0;
  margin: 0;
}
.comparator-wrapper .comparator .column-one ul.configuration li {
  padding: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.comparator-wrapper .comparator .column-one ul.configuration li:first-child {
  font-weight: bold;
}
.comparator-wrapper .comparator .column-one ul.configuration li:nth-child(2n) {
  background: #ddd;
}
.comparator-wrapper .comparator .column-one ul.configuration li.different {
  color: #ec2427;
}
.comparator-wrapper .comparator .column-one ul.configuration li.selected {
  background: #f5d452;
}
.comparator-wrapper .comparator .column-one ul.configuration li.selected:before {
  content: "";
  display: block;
  position: absolute;
  height: 32px;
  left: 0;
  right: 0;
  z-index: -1;
  margin-top: -6px;
  background: #f5d452;
}
.comparator-wrapper .comparator .column-one .compare-select-wrapper {
  height: 232px;
}
.comparator-wrapper .comparator .column-one .compare-select-wrapper .compare-select {
  padding: 12px 0;
}
.comparator-wrapper .comparator .column-one .compare-select-wrapper .compare-select input[type='text'],
.comparator-wrapper .comparator .column-one .compare-select-wrapper .compare-select select {
  width: 75%;
}
@media only screen and (max-width: 800px) {
  .comparator-wrapper .comparator .column-one .compare-select-wrapper .compare-select input[type='text'],
  .comparator-wrapper .comparator .column-one .compare-select-wrapper .compare-select select {
    width: 65%;
  }
}
.comparator-wrapper .comparator .column-one .compare-select-wrapper .compare-select select {
  margin-top: 12px;
}
/******************************
 *
 *  P21. Category
 *
 ******************************/
.category-title {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 35px;
  margin-bottom: -10px;
}
.category-title h1 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .category-title h1 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.category-title .search-wrapper {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.category-title .search-wrapper input {
  width: 100%;
  margin-top: 10px;
}
/******************************
 *
 *  P24. Featured
 *
 ******************************/
.featured-wrapper {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 10px;
/* Phone version */
}
.featured-wrapper .aside {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .featured-wrapper .aside {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.featured-wrapper .aside .share-block {
  width: 100%;
  margin: 0 0;
}
.featured-wrapper .aside.right-aside {
  float: right;
}
@media only screen and (max-width: 800px) {
  .featured-wrapper .aside.right-aside {
    float: none;
  }
}
.featured-wrapper .content {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.featured-wrapper .content h1 {
  margin: 0 0;
}
.featured-wrapper .content img {
  max-width: 100%;
}
@media only screen and (max-width: 600px) {
  .featured-wrapper .aside {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .featured-wrapper .content {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.featured-wrapper.-forBwc .aside {
  box-sizing: border-box;
  position: relative;
}
.featured-wrapper.-forBwc .aside .share-block .social a.at-share-btn {
  overflow: hidden;
  border-radius: 100%;
  background-clip: padding-box;
}
@media only screen and (max-width: 800px) {
  .featured-wrapper.-forBwc .aside {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    height: auto !important;
    padding-bottom: 0 !important;
  }
  .featured-wrapper.-forBwc .aside .share-block .social a {
    display: inline-block;
  }
}
.featured-wrapper.-forBwc .aside.right-aside {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.featured-wrapper.-forBwc .aside.right-aside .share-block {
  margin-left: -18px;
}
.featured-wrapper.-forBwc .aside.right-aside .share-block select {
  width: 100%;
}
.featured-wrapper.-forBwc .content {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 800px) {
  .featured-wrapper.-forBwc .content {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .featured-wrapper.-forBwc .content .generic-text-block.bwc-text-block>* {
    max-width: none;
  }
}
/******************************
 *
 *  P26. A-Z
 *
 ******************************/
.a-z-wrapper .quick-links-list {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 55px;
/* Phone version */
}
.a-z-wrapper .quick-links-list .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 600px) {
  .a-z-wrapper .quick-links-list .box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.quick-links-list.country-shops {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.quick-links-list.country-shops h2 {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font-size: 30px;
}
.quick-links-list.country-shops .box {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.quick-links-list.country-shops .box div {
  margin-bottom: 8px;
}
/******************************
 *
 *  P28. Store
 *
 ******************************/
.dealer-sale-type {
  display: inline-block;
  padding: 3px 5px;
  color: #fff;
  margin: 2px 0;
  font-size: 0.8em;
  border-radius: 3px;
  background-clip: padding-box;
}
.mfp-content .gears {
  display: inline-block;
  vertical-align: baseline;
  height: 20px;
  white-space: nowrap;
  margin-top: -2px;
}
.mfp-content .gears .cog,
.mfp-content .gears .cog-outline {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.mfp-content .gears .cog {
  background: url("images/gear_black.svg") center center no-repeat;
  background-size: 100% 100%;
}
.mfp-content .gears .cog-outline {
  background: url("images/gear_white.svg") center center no-repeat;
  background-size: 100% 100%;
}
.split-image-text .content .classification {
  margin-bottom: 15px;
}
.split-image-text .content .classification .sales-acc-level,
.split-image-text .content .classification .workshop-acc-level {
  display: inline-block;
  vertical-align: middle;
}
.split-image-text .content .classification .icon {
  display: inline-block;
  width: 25px;
  background: url("images/newsletter-check.svg") left 7px no-repeat;
  background-size: auto 18px;
  height: 25px;
}
.split-image-text .content .classification .title {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 3px 5px;
  color: #fff;
  margin: 2px 4px;
  border-radius: 3px;
  background-clip: padding-box;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.split-image-text .content .classification .gear {
  display: inline-block;
  height: 28px;
  position: relative;
}
.split-image-text .content .classification .gear .cog {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 28px;
  height: 28px;
  background: url("images/gear_black.svg") center center no-repeat;
  background-size: 100% 100%;
}
.split-image-text .content .classification .gear .cog-outline {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background: url("images/gear_white.svg") center center no-repeat;
  background-size: 100% 100%;
}
.split-image-text .content .classification .title::after,
.split-image-text .content .classification .gear::after {
  content: attr(data-title);
  position: absolute;
  top: 38px;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #1a1a1a;
  white-space: nowrap;
  padding: 2px 7px;
  font-size: 13px;
  font-weight: normal;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.split-image-text .content .classification .title::before,
.split-image-text .content .classification .gear::before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #1a1a1a;
  position: absolute;
  top: 28px;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 5;
}
.split-image-text .content .classification .title:hover::after,
.split-image-text .content .classification .gear:hover::after,
.split-image-text .content .classification .title:hover::before,
.split-image-text .content .classification .gear:hover::before {
  display: block;
}
.split-image-text .content .classification small {
  display: inline-block;
  font-size: 13px;
}
.split-image-text .content .store-data {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.split-image-text .content .store-data .address {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font-size: 14px;
  word-break: break-all;
}
.split-image-text .content .store-data .address-icon {
  width: 15px;
  height: 15px;
  margin-right: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  bottom: -2px;
}
.split-image-text .content .store-data .address-icon.icon-phone {
  background-image: url("images/icon-phone.svg");
}
.split-image-text .content .store-data .working-hours {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  font-size: 14px;
}
.split-image-text .media a.label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  padding: 4px 8px;
  background: #1a1a1a;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2;
}
.split-image-text .media .google-map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.split-image-text.store .content {
  padding-right: 30px;
}
@media only screen and (max-width: 800px) {
  .split-image-text.store .content {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .split-image-text.store .media {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .split-image-text.store .content .store-data .address,
  .split-image-text.store .content .store-data .working-hours {
    width: 100%;
    margin: 4px 0;
  }
  .split-image-text.store .media {
    height: 200px;
  }
}
/******************************
 *
 *  P47. Register a bike
 *
 ******************************/
.register-a-bike h2,
.register-a-bike h3,
.register-a-bike h4,
.register-a-bike .other,
.register-a-bike .form-element {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 600px) {
  .register-a-bike h2,
  .register-a-bike h3,
  .register-a-bike h4,
  .register-a-bike .other,
  .register-a-bike .form-element {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.register-a-bike h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .register-a-bike h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.register-a-bike h3 {
/* Cost calculator result, site search overlay, stats */
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .register-a-bike h3 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.register-a-bike .form-element {
  margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .register-a-bike .form-element input,
  .register-a-bike .form-element textarea {
    width: 100%;
  }
}
.register-a-bike .form .input-wrapper .input-holder label {
  display: none;
}
.register-a-bike .form .input-wrapper .input-holder input ~ span,
.register-a-bike .form .input-wrapper .input-holder .scfSingleLineGeneralPanel ~ span {
  color: #ec2427;
  font-size: 12px;
}
.smart-radio-group {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-bottom: 25px;
}
.smart-radio-group ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.smart-radio-group ul > li {
  padding: 0;
  margin: 0;
}
.smart-radio-group > label,
.smart-radio-group ul > li {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-bottom: 14px;
  overflow: hidden;
  height: auto;
  cursor: pointer;
  border: 1px solid #1a1a1a;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .smart-radio-group > label,
  .smart-radio-group ul > li {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 43.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.smart-radio-group > label:hover,
.smart-radio-group ul > li:hover {
  outline: 1px solid #1a1a1a;
}
.smart-radio-group > label input[type='checkbox'],
.smart-radio-group ul > li input[type='checkbox'],
.smart-radio-group > label input[type='radio'],
.smart-radio-group ul > li input[type='radio'] {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.smart-radio-group > label img,
.smart-radio-group ul > li img {
  display: block;
  display: table-row;
  min-width: 100%;
  width: auto;
  height: 150px;
  border-bottom: 1px solid #1a1a1a;
}
@media only screen and (max-width: 600px) {
  .smart-radio-group > label img,
  .smart-radio-group ul > li img {
    height: 100px;
  }
}
.smart-radio-group > label > label,
.smart-radio-group ul > li > label {
  display: block;
  display: table;
  width: 101%;
  height: 65px;
  background: #fff;
  cursor: pointer;
}
.smart-radio-group > label > label span,
.smart-radio-group ul > li > label span {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 7px 8px;
  line-height: 1em;
  text-align: center;
  font-weight: 500;
  width: 100%;
}
.smart-radio-group > label input:checked ~ img,
.smart-radio-group ul > li input:checked ~ img {
  outline: 1px solid #1a1a1a;
}
.smart-radio-group > label input:checked ~ label,
.smart-radio-group ul > li input:checked ~ label {
  background: #1a1a1a;
  color: #fff;
}
.smart-radio-group .other {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  display: none;
}
@media only screen and (max-width: 600px) {
  .smart-radio-group .other {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    display: none;
  }
}
.smart-radio-group .other h4 {
  margin-left: 0;
  font-size: 17.55px;
}
.smart-radio-group .other textarea {
  height: 100px;
  max-width: 100%;
}
@media only screen and (max-width: 600px) {
  .smart-radio-group .other textarea {
    width: 100%;
  }
}
/****************************************

  P49. Profile

****************************************/
.user-data {
  padding: 25px 0;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 17.48199279711885%;
/* Mobile version */
}
.user-data table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.user-data table th,
.user-data table td {
  padding: 10px 18px;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .user-data table th input[type="text"],
  .user-data table td input[type="text"],
  .user-data table th input[type="email"],
  .user-data table td input[type="email"],
  .user-data table th input[type="password"],
  .user-data table td input[type="password"],
  .user-data table th select,
  .user-data table td select {
    width: 100%;
  }
}
tr:last-child .user-data table {
  border-bottom: 0;
}
.user-data table tr:nth-child(even) {
  background: #eee;
}
.user-data table th {
  font-weight: 500;
  width: 30%;
}
.user-data table tr.name td input {
  width: auto;
}
@media only screen and (max-width: 600px) {
  .user-data table tr.name td input {
    width: 100%;
  }
  .user-data table tr.name td input + input {
    margin-top: 10px;
  }
}
.user-data table tr.birthday td select {
  width: auto;
}
@media only screen and (max-width: 600px) {
  .user-data table tr.birthday td select {
    width: 100%;
  }
  .user-data table tr.birthday td select + select {
    margin-top: 10px;
  }
}
.user-data span.callback {
  display: inline-block;
  vertical-align: top;
  padding-left: 16px;
  padding-top: 10px;
}
.user-data span.callback.success {
  color: #227e48;
}
.user-data span.callback.error {
  color: #ec2427;
}
@media only screen and (max-width: 600px) {
  .user-data {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    padding: 0;
  }
}
/****************************************

  P00. Search Results

****************************************/
.search-results-wrapper .filter-by-category a {
  display: block;
}
.search-results-wrapper .filter-navigation-wrapper {
  display: none;
  padding: 10px 0;
}
.search-results-wrapper .filter-navigation-wrapper select {
  width: 100%;
}
.search-results-wrapper .more-button {
  text-align: left;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  margin-left: 25.815326130452178%;
}
.search-results-wrapper .select-by-category {
  display: none;
}
@media only screen and (max-width: 600px) {
  .search-results-wrapper .image-text {
    padding: 15px 0;
  }
  .search-results-wrapper .sidebar {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
  .search-results-wrapper .sidebar .filter-by-category {
    display: none;
  }
  .search-results-wrapper .sidebar .select-by-category {
    display: block;
  }
  .search-results-wrapper .sidebar .select-by-category select {
    width: 100%;
  }
  .search-results-wrapper .filter-navigation-wrapper {
    display: block;
  }
  .search-results-wrapper .more-button {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .search-results-wrapper .more-button .button {
    width: 100%;
  }
}
/******************************
 *
 *  P54. Bike details
 *
 ******************************/
.bike-details {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.bike-details .left-part {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding-top: 57px;
}
.bike-details .left-part a.back {
  text-decoration: none;
  font-size: 15px;
}
.bike-details .left-part a.back:hover {
  text-decoration: underline;
}
.bike-details .right-part {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 73.36934773909563%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-details .right-part .user-data {
  display: block;
  width: auto;
  margin: 0;
}
.bike-details .right-part table {
  width: 100%;
  margin-bottom: 40px;
}
.bike-details .right-part table tr:nth-child(even) {
  background: transparent;
}
.bike-details .right-part table tr:nth-child(odd) {
  background: #eee;
}
.bike-details .right-part table td .radioboxes {
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
}
.bike-details .right-part table td a.stolen {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  min-height: 40px;
  line-height: 40px;
}
.bike-details .right-part table td a.stolen:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  .bike-details .left-part,
  .bike-details .right-part {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px;}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}.select2-container .select2-search--inline{float:left;}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block;}.select2-results__options{list-style:none;margin:0;padding:0;}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-results__option[aria-selected]{cursor:pointer;}.select2-container--open .select2-dropdown{left:0;}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-search--dropdown.select2-search--hide{display:none;}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto;}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left;}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0;}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--default .select2-results__option[role=group]{padding:0;}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999;}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd;}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto;}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent;}.select2-container--classic .select2-dropdown--above{border-bottom:none;}.select2-container--classic .select2-dropdown--below{border-top:none;}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--classic .select2-results__option[role=group]{padding:0;}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white;}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb;}