.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside>.mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
  /*background-image: url(mCSB_buttons.png);*/
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/*--------------------------
    Custom theme here
----------------------------*/
.mCS-custome-theme.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-custome-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #888787;
  width: 12px;
  /*height: 80px;*/
}
.mCS-custome-theme .mCSB_container{
  //margin-right: 37px;
  margin-right: 18px;
}
.mCS-custome-theme.mCSB_scrollTools .mCSB_buttonUp {
  display: none;
}
.mCS-custome-theme.mCSB_scrollTools .mCSB_buttonDown {
  display: none;
}
.mCS-custome-theme.mCSB_scrollTools .mCSB_draggerContainer{
  margin: 0px;
}
/*-------------------------
    Custom end here
-------------------------*/

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
  box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
  box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0,0,0,.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0,0,0,.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255,255,255,.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0,0,0,.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
}

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

  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;
}
iframe {
  max-width: 100%;
}
a {
  color: #1a1a1a;
}
hr {
  max-width: 1220px;
  margin: 40px auto;
}
#wrapper {
  max-width: 100%;
  display: block;
}
#mmWrapper {
  font-size: 15px;
}
#content {
  position: relative;
  z-index: 0;
}
#content.-builder {
  overflow: hidden;
}
#content.-builder:after {
  display: none;
  content: '';
  background: #eee;
  position: absolute;
  right: 0;
  top: 121px;
  border: 1767px solid transparent;
  z-index: 0;
  -webkit-transform: rotate(-75deg);
  -ms-transform: rotate(-75deg);
  transform: rotate(-75deg);
}
@media only screen and (max-width: 970px) {
  #content.-builder:after {
    top: -90px;
  }
}
@media only screen and (max-width: 1003px) {
  #content.-builder:after {
    top: 380px;
  }
}
@media only screen and (max-width: 600px) {
  #content.-builder:after {
    top: 280px;
  }
}
@media only screen and (max-width: 800px) {
  .content img {
    max-width: 100%;
    height: auto;
  }
}
.hidden {
  display: none !important;
}
.-lowercase {
  text-transform: lowercase;
}
.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("~/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--content {
    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;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #google_translate_element select {
    width: inherit;
  }
}
/*******************************
 *
 *   M102-Bike-builder-progressbar
 *
 ******************************/
.bike-builder-progressbar {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  z-index: 30;
  background: #d3d3d3;
}
.bike-builder-progressbar .progress-wrapper {
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 24.9%;
}
.bike-builder-progressbar .progress-wrapper.-data {
  position: absolute;
  top: 0;
  right: 75%;
  bottom: 0;
  left: 0;
}
.bike-builder-progressbar .progress-wrapper .progress-total {
  width: 100%;
}
.bike-builder-progressbar .progress-wrapper .progress-total .progress-current {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #00a8cb;
}
.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 */
/* turkish-green */
/* 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.-turkish-green,
input[type=submit].-turkish-green,
button.-turkish-green,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.-turkish-green,
.informationHolder.configurator_buttons.help-me-choose a.white-button.-turkish-green {
  background: #89c7be;
  color: #020202;
  border: #1a1a1a 2px solid;
  padding: 8px 18px;
}
.button.-turkish-green.in-progress,
input[type=submit].-turkish-green.in-progress,
button.-turkish-green.in-progress,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.-turkish-green.in-progress,
.informationHolder.configurator_buttons.help-me-choose a.white-button.-turkish-green.in-progress {
  pointer-events: none !important;
  cursor: none;
  color: #808080;
  background-color: #dcdcdc;
  -moz-transition: background-color 0.3s, color 0.3s;
  -ms-transition: background-color 0.3s, color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.button.-hex-color,
input[type=submit].-hex-color,
button.-hex-color,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.-hex-color,
.informationHolder.configurator_buttons.help-me-choose a.white-button.-hex-color {
  background: #ddd;
  color: #020202;
}
.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 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  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,
.build-buttons-bike-builder .build-buttons .btn-group > .button:nth-child(3),
.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,
.build-buttons-bike-builder .build-buttons .btn-group > .button:nth-child(3):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 !important;
  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.linkedin,
input[type=submit].linkedin,
button.linkedin,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.linkedin,
.informationHolder.configurator_buttons.help-me-choose a.white-button.linkedin {
  background-color: #47719f;
  background-size: auto 21px;
}
a.button.linkedin:hover,
ainput[type=submit].linkedin:hover,
abutton.linkedin:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.linkedin:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.linkedin:hover {
  background-color: #3e638c;
}
.button.youtube,
input[type=submit].youtube,
button.youtube,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.youtube,
.informationHolder.configurator_buttons.help-me-choose a.white-button.youtube {
  background-color: #df4a32;
  background-size: auto 24px;
}
a.button.youtube:hover,
ainput[type=submit].youtube:hover,
abutton.youtube:hover,
a#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.youtube:hover,
a.informationHolder.configurator_buttons.help-me-choose a.white-button.youtube: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;
}
.button.-disabled,
input[type=submit].-disabled,
button.-disabled,
#wrap_for_sticky_footer .informationHolder.next-steps a.black-button.-disabled,
.informationHolder.configurator_buttons.help-me-choose a.white-button.-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: arrow;
  pointer-events: none;
}
/* 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.linkedin {
  background-color: #47719f;
  background-image: url("images/icon-social-linkedin.svg");
  background-size: auto 21px;
}
a.social-link.linkedin:hover {
  background-color: #3e638c;
}
.social-link.youtube {
  background-color: #df4a32;
  background-image: url("images/icon-social-youtube.svg");
  background-size: auto 24px;
}
a.social-link.youtube: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;
}
.mfp-content .button-group .button {
  max-width: 50%;
}
.mfp-content .button-group .button:not(:first-child) {
  margin-left: -4px;
}
/* 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;
}
.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=stardust-black] {
  background-color: #383838;
}
.color-picker .colors .color[data-value=stardust-black].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[data-value=hot-pink] {
  background-color: #d91d83;
}
.color-picker .colors .color[data-value=hot-pink].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=papyrus-white] {
  background-color: #e2e2e2;
}
.color-picker .colors .color[data-value=papyrus-white].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=flame-lacquer] {
  background-color: #f47523;
}
.color-picker .colors .color[data-value=flame-lacquer].selected {
  border: 3px solid #1a1a1a;
}
.color-picker .colors .color[data-value=purple-metallic] {
  background-color: #412c8d;
}
.color-picker .colors .color[data-value=purple-metallic].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;
}
.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;
  font-size: 15px;
}
#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;
}
#content .scfForm .scfValidationSummary + .scfSubmitSummary {
 padding-top: 0px !important;
}
#content .scfForm .scfValidator {
  float: none;
  display: block;
}
.input-wrapper {
  *
  zoom: 1;
  width: 70%;
}
.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=text]:-ms-input-placeholder,
.signup-wrapper input[type=email]:-ms-input-placeholder {
  color: #b1b1b1 !important;
}
.signup-wrapper input[type=text]::-webkit-input-placeholder,
.signup-wrapper input[type=email]::-webkit-input-placeholder {
  color: #b1b1b1 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.signup-wrapper input[type=text]::-moz-placeholder,
.signup-wrapper input[type=email]::-moz-placeholder {
  color: #b1b1b1 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.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;
  }
}
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=text],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=password],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=email],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=number],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=date],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=datetime],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=datetime-local],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=month],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=week],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=time],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=search],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=tel],
#form_BA0BC5BF030C46648DAAE30F43E608C1 input[type=url] {
  display: block;
}
/*******************************
 *
 *  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-content > * {
  *zoom: 1;
}
.mfp-content > *:before,
.mfp-content > *:after {
  content: " ";
  display: table;
}
.mfp-content > *:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.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 img.mfp-img {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out !important;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.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;
}
/*******************************
 *
 *   spinner-progress
 *
 ******************************/
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -55px 0 0 -55px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  background-clip: padding-box;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*******************************
 *
 *   spinner-progress
 *
 ******************************/
.spinner-progress {
  margin: 0 10px 0 0;
  width: 26px;
  height: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.spinner-progress > div {
  background-color: #efefef;
  height: 100%;
  width: 2px;
  margin-right: 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner-progress .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner-progress .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner-progress .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner-progress .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.progress-info-text {
  font-size: 12px;
  color: #555;
  text-align: center;
  padding: 10px 0;
  font-style: italic;
}
@-moz-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-o-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/* 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.-fon-builder .content .triptych-icon,
.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;
}
.yotpo-display-wrapper .yotpo-bottomline {
  margin: 10px 0;
  height: 17px;
  float: none !important;
}
.yotpo-display-wrapper .yotpo-bottomline .ask-question {
  margin-left: 10px;
}
.yotpo-display-wrapper .yotpo-bottomline .yotpo-stars {
  margin: 5px;
}
.yotpo-display-wrapper .write-question-button {
  z-index: 9;
}
@media only screen and (max-width: 800px) {
  .yotpo-display-wrapper .yotpo-bottomline {
    text-align: center !important;
    float: none !important;
  }
}
#yotpo-testimonials-custom-tab {
  max-width: 1140px;
  margin: 15px auto;
}
.yotpo-pictures-widget {
  max-width: 1140px;
  margin: 15px auto;
}
#footer #y-badges {
  width: auto;
  display: inline-block;
  margin: 5px 20px 5px 5px;
}
@media only screen and (max-width: 800px) {
  #footer #y-badges {
    width: 100%;
  }
}
/*******************************
*
*   dark-theme-form
*
******************************/
.dark-theme {
  text-shadow: 0px 0px 1px #000;
}
.dark-theme .scfSingleLineTextLabel,
.dark-theme .scfEmailLabel,
.dark-theme .scfRadioButtonListLabel,
.dark-theme .scfDropListLabel {
  display: inline-block;
  vertical-align: middle;
  width: 190px;
  font-size: 20px;
  margin-bottom: 12px;
  float: none;
  line-height: 21px;
}
.dark-theme .scfSingleLineGeneralPanel,
.dark-theme .scfDropListGeneralPanel,
.dark-theme .scfRadioButtonListGeneralPanel,
.dark-theme .scfEmailGeneralPanel {
  display: inline-block;
  vertical-align: middle;
  width: 460px;
  margin-left: 12px;
  margin-bottom: 12px;
  float: none;
}
@media only screen and (max-width: 800px) {
  .dark-theme .scfSingleLineGeneralPanel,
  .dark-theme .scfDropListGeneralPanel,
  .dark-theme .scfRadioButtonListGeneralPanel,
  .dark-theme .scfEmailGeneralPanel {
    width: auto;
  }
}
.dark-theme .scfSingleLineGeneralPanel table tr,
.dark-theme .scfDropListGeneralPanel table tr,
.dark-theme .scfRadioButtonListGeneralPanel table tr,
.dark-theme .scfEmailGeneralPanel table tr {
  display: inline-block;
}
.dark-theme .scfSingleLineGeneralPanel table tr td,
.dark-theme .scfDropListGeneralPanel table tr td,
.dark-theme .scfRadioButtonListGeneralPanel table tr td,
.dark-theme .scfEmailGeneralPanel table tr td {
  border: none;
}
.dark-theme .scfSingleLineGeneralPanel .scfSingleLineTextBox,
.dark-theme .scfDropListGeneralPanel .scfSingleLineTextBox,
.dark-theme .scfRadioButtonListGeneralPanel .scfSingleLineTextBox,
.dark-theme .scfEmailGeneralPanel .scfSingleLineTextBox,
.dark-theme .scfSingleLineGeneralPanel .scfDropList,
.dark-theme .scfDropListGeneralPanel .scfDropList,
.dark-theme .scfRadioButtonListGeneralPanel .scfDropList,
.dark-theme .scfEmailGeneralPanel .scfDropList,
.dark-theme .scfSingleLineGeneralPanel .scfEmailTextBox,
.dark-theme .scfDropListGeneralPanel .scfEmailTextBox,
.dark-theme .scfRadioButtonListGeneralPanel .scfEmailTextBox,
.dark-theme .scfEmailGeneralPanel .scfEmailTextBox {
  width: 100%;
}
.dark-theme .scfRequired {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  margin-bottom: 12px;
  font-size: 20px;
  float: none;
  color: #fff;
  line-height: 21px;
}
.dark-theme .scfForm .scfSubmitSummary {
  padding: 0 !important;
}
/*******************************
 *
 *  M01. Navigation
 *
 ******************************/
/*------ Topline ------*/
#topline {
  position: relative;
  z-index: 100;
  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#dvSelectLanguage {
  position: relative;
}
#topline ul li .select-region#dvSelectLanguage .region-list {
  right: 0 !important;
  min-width: 0 !important;
  width: auto !important;
}
#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: 172px;
}
#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;
  min-width: 100px;
  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,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.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,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .media {
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .media img,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.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,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info {
  display: block;
  *zoom: 1;
  line-height: 1em;
  margin-bottom: 4px;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info:before,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info:before,
#header .extas .ext.saved-bikes .dropdown .saved-bike .info:after,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info:after {
  content: " ";
  display: table;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info:after,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.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,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info .title {
  display: block;
  float: left;
  max-width: 67%;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .info .price,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info .price {
  display: block;
  float: right;
  max-width: 32%;
  text-align: right;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike .date,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .date {
  display: block;
  color: #555;
}
#header .extas .ext.saved-bikes .dropdown .saved-bike:hover .media img,
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.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;
  position: relative;
/*
    > 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: 65.03601440576232%;
  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: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: right;
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
#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;
    z-index: 99;
  }
  #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;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
  }
  #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;
  }
}
.ico-button {
  position: relative;
  margin-left: 10px;
  padding-left: 35px;
  height: 30px;
  top: -5px;
  display: inline-block;
}
.ico-button:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.ico-button span {
  font-size: 13px;
  display: inline-block;
  margin-top: 13px;
}
.ico-button.ico-button-cart {
  margin-left: 0;
}
.ico-button.ico-button-cart:before {
  background-image: url("images/basket.svg");
}
.ico-button.ico-button-wishlist:before {
  background-image: url("images/wishlist.svg");
}
#topline #dvSelectLanguage ul li .select-region .region-list .option-region {
  padding-right: 3px;
}
#header .extas .ico-button.ico-button-wishlist:before {
  background-image: url("images/wishlist-w.svg");
}
#header .extas .ico-button.ico-button-cart:before {
  background-image: url("images/basket-white.svg");
}
#header .extas #cartButtons,
#header .extas #wishlistButtons {
  display: inline-block;
  position: relative;
  top: -17px;
}
#header .extas #cartButtons > a > span.count,
#header .extas #wishlistButtons > a > span.count {
  color: #fff;
}
#header .extas #wishlistButtons {
  margin-left: -15px;
}
#header .extas #wishlistButtons > a > span.count {
  margin-left: 4px;
}
#header .extas .cart {
  top: 47px;
}
#header .extas .cart:after {
  right: 15px;
}
#header .extas .wishlist {
  top: 47px;
}
#header .extas .wishlist:after {
  right: 15px;
}
/******************************
 *
 *  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;
}
.media.hero-carousel .slide-left {
  background: url("images/arrow-left-slider.svg") no-repeat;
  background-size: 55px 65px;
  width: 55px;
  height: 65px;
  position: absolute;
  background-color: rgba(255,255,255,0.5);
  z-index: 101;
  top: -webkit-calc(50% - 65px);
  top: calc(50% - 65px);
  cursor: pointer;
}
.media.hero-carousel .slide-left:hover {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background-color: #fff;
}
@media only screen and (max-width: 1220px) {
  .media.hero-carousel .slide-left {
    display: none;
  }
}
.media.hero-carousel .slide-right {
  background: url("images/arrow-left-slider.svg") no-repeat;
  background-size: 55px 65px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  background-color: rgba(255,255,255,0.5);
  width: 55px;
  height: 65px;
  position: absolute;
  z-index: 101;
  cursor: pointer;
  right: 0;
  top: -webkit-calc(50% - 65px);
  top: calc(50% - 65px);
/*+below($maxTablet)
      display none*/
}
.media.hero-carousel .slide-right:hover {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background-color: #fff;
}
/* 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 .slide-content-over {
  position: absolute;
  max-width: 1220px;
  width: 100%;
  z-index: 10;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast {
  position: absolute;
  color: #fff;
  width: 29%;
  padding: 50px 60px;
}
.media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast > p {
  font-size: 18px !important;
}
@media only screen and (max-width: 1220px) {
  .media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast {
    width: 60%;
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 970px) {
  .media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast {
    width: 90%;
    padding: 0 15px;
  }
  .media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast h2 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1em;
  }
  .media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast p {
    font-size: 16px;
    line-height: 1.1em !important;
  }
}
.media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast h2 {
/* Cost calculator result, site search overlay, stats */
  font: 40px/50px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast p {
/* Cost calculator result, site search overlay, stats */
  font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow .slide .slide-content-over > .slide-content-contrast p {
    font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
.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;
}
.media.hero-carousel .slideshow .slide .two-col {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  margin: 0 auto;
}
.media.hero-carousel .slideshow .slide .two-col .slide-content {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 1220px) {
  .media.hero-carousel .slideshow .slide .two-col .slide-content {
    padding: 0 12px;
  }
}
.media.hero-carousel .slideshow .slide .two-col .text {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 6px;
  padding-top: 60px;
}
@media only screen and (max-width: 1220px) {
  .media.hero-carousel .slideshow .slide .two-col .text {
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow .slide .two-col .text {
    width: auto;
    position: absolute;
    top: 50%;
    right: 12px;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
  }
}
.media.hero-carousel .slideshow .slide .two-col .text h2 {
  font-weight: 100;
  font-size: 62px;
  line-height: 72px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 800px) {
  .media.hero-carousel .slideshow .slide .two-col .text h2 {
    font-size: 38px;
    line-height: 42px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow .slide .two-col .text h2 {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
.media.hero-carousel .slideshow .slide .two-col .text p {
  font-size: 18px;
  padding: 20px 43px 55px 0;
}
@media only screen and (max-width: 800px) {
  .media.hero-carousel .slideshow .slide .two-col .text p {
    font-size: 16px;
    padding: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow .slide .two-col .text p {
    font-size: 12px;
  }
}
.media.hero-carousel .slideshow .slide .two-col .image {
  display: inline-block;
  vertical-align: top;
  width: 59%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px 0 72px;
}
@media only screen and (max-width: 1220px) {
  .media.hero-carousel .slideshow .slide .two-col .image {
    width: 39%;
  }
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel .slideshow .slide .two-col .image {
    display: none;
  }
}
.media.hero-carousel .slideshow .slide .two-col .image img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
/* Pager */
.media.hero-carousel .slideshow-pager {
  background: #000;
  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-dropdowns {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  margin-right: -610px;
  z-index: 11;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  position: relative;
  width: 180px;
  height: 100%;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown:hover .slideshow-dropdown_holder {
  background-color: #444;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown:hover .slideshow-dropdown_list {
  display: block;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_holder {
  background-color: #4b4b4b;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 42px 5px 17px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  box-sizing: border-box;
  font-weight: 500;
  background-image: url("images/slider-dropdown.svg");
  background-position: right 12px bottom 16px;
  background-repeat: no-repeat;
  background-size: 26px 9px;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list {
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 100%;
  left: 0;
  box-sizing: border-box;
  background: #fff;
  padding: 8px;
  max-height: 400px;
  overflow: auto;
  display: none;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list::-webkit-scrollbar-thumb {
  background-color: #bcc3ca;
  border-radius: 0;
  background-clip: padding-box;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list::-webkit-scrollbar-track {
  background-color: #eee;
}
.media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike:first-child {
  padding-top: 0;
}
@media only screen and (max-width: 1044px) {
  .media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info .title,
  .media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_list a.saved-bike .info .price {
    display: block;
    float: none;
    width: auto;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1220px) {
  .media.hero-carousel .slideshow-pager .slideshow-dropdowns {
    margin-right: -485px;
  }
  .media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown {
    width: -webkit-calc(121.25px - 6px);
    width: calc(121.25px - 6px);
  }
  .media.hero-carousel .slideshow-pager .slideshow-dropdowns .slideshow-dropdown .slideshow-dropdown_holder {
    padding: 8px 26px 5px 8px;
    line-height: 1.1em;
    background-size: 16px auto;
  }
}
@media only screen and (max-width: 970px) {
  .media.hero-carousel .slideshow-pager .slideshow-dropdowns {
    display: none;
  }
}
.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 .button {
  display: block;
  margin-bottom: 12px;
}
.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 .slide-title.-bs {
  font-size: 16px;
  line-height: 22px;
  text-transform: none;
  font-weight: 500;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .slide-title.-min {
  font-size: 14px;
  font-weight: 500;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .description .info {
  font-size: 13px;
  line-height: 25px;
  padding-top: 5px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary {
  box-sizing: border-box;
  padding: 4px 20px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0px;
  padding-top: 4px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one .button {
  background: none;
  padding: 0;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one .button.-in-carouselle {
  padding: 5px 18px 5px 0;
  min-height: 30px;
  font-size: 14px;
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
  margin-top: -4px;
  margin-bottom: 4px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item .summary .line-one .button.-in-carouselle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.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;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item:hover .button.-in-carouselle {
  color: #000;
}
.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 .button.-in-carouselle {
  color: #fff;
  background: #1a1a1a;
  padding: 5px 18px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .line-one .button.-in-carouselle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active.-hide-summary .summary {
  display: none;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active.-hide-summary .description {
  bottom: 0;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active.-hide-summary .description p {
  margin: 28px 4px 36px 4px;
  font-size: 18px;
  line-height: 24px;
}
.media.hero-carousel .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active.-hide-summary .description .button {
  padding-top: 14px;
  padding-bottom: 14px;
  border-radius: 24px;
  background-clip: padding-box;
  font-size: 18px;
  margin-left: 4px;
  margin-right: 4px;
}
/* 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: 0;
    bottom: 0;
    -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;
    color: #1a1a1a;
  }
  .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:not(:only-child) {
    display: none;
  }
}
.media.hero-carousel .rate-wrapper {
  display: block;
  padding-top: 20px;
}
.media.hero-carousel .rate-wrapper .rate-label {
  float: left;
}
.media.hero-carousel .rate-wrapper .rate {
  float: right;
}
.media.hero-carousel .rate-wrapper .rate .jq-star {
  display: inline-block;
  padding-left: 2px;
}
.media.hero-carousel .rate-wrapper .rate .jq-star > svg {
  max-width: 16px;
  max-height: 16px;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item .summary > .rate-wrapper,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item .summary > .rate-wrapper,
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item .summary > .rate-use,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item .summary > .rate-use {
  display: none;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .info,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .info {
  line-height: 1.1em;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > *:not(.rate-wrapper),
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > *:not(.rate-wrapper),
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > *:not(.rate-use),
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > *:not(.rate-use) {
  display: none;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > .rate-wrapper,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > .rate-wrapper,
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > .rate-use,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > .rate-use {
  display: block;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > .rate-use > .button,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary > .rate-use > .button {
  font-size: 12px;
  line-height: 15px;
  padding: 5px 8px;
  min-height: 23px;
  text-transform: uppercase;
}
.media.hero-carousel.-golden-stars {
  border-bottom: 1px solid #bdbdbd;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary {
  padding: 0 20px;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary {
    display: block;
  }
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper {
  *zoom: 1;
  color: #666;
  padding-top: 0;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper:before,
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper:after {
  content: " ";
  display: table;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-use {
  padding: 10px 0;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-use .button {
  padding: 5px 23px;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description {
  padding: 20px;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .slide-title.-bs {
  font-size: 23px;
  font-weight: 400;
  line-height: 34px;
}
.media.hero-carousel.-golden-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .info {
  font-size: 17px;
  line-height: 24px;
}
.media.hero-carousel.-black-stars .slideshow .slide {
  font-size: 18px;
}
.media.hero-carousel.-black-stars .slideshow-pager {
  border-bottom: 1px solid #c4c4c4;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active {
  max-width: 235px;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active {
    max-width: none;
  }
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description {
  box-sizing: border-box;
  max-width: 235px;
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description {
    max-width: none;
  }
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .slide-title.-bs {
  font-size: 16px;
  font-weight: 600;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .slide-title.-min {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .info {
  font-size: 13px;
  line-height: 15px;
  margin-top: 20px;
}
@media only screen and (max-width: 970px) {
  .media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .description .info {
    display: inline-block;
  }
}
@media only screen and (max-width: 970px) {
  .media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper {
    padding-top: 10px;
  }
  .media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper .rate-label {
    display: block;
    float: none;
  }
  .media.hero-carousel.-black-stars .slideshow-pager .slideshow-pager-inner .item.cycle-pager-active .summary .rate-wrapper .rate {
    display: block;
    float: none;
  }
}
@media only screen and (max-width: 600px) {
  .media.hero-carousel.-buy-landing .slideshow .slide .two-col .text {
    padding-top: 150px;
  }
  .media.hero-carousel.-buy-landing .slideshow .slide .two-col .image {
    display: block;
    width: 100%;
  }
  .media.hero-carousel.-buy-landing .slideshow .slide .two-col .image iframe {
    max-width: 100%;
    z-index: 100;
    max-height: 150%;
    position: relative;
  }
  .media.hero-carousel.-buy-landing .slideshow .slide.-w-iframe .two-col .text {
    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;
  }
}
.review-pull-quote-carousel .slick-dots li button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.review-pull-quote-carousel .slick-dots li button:before {
  font-size: 20px;
}
.review-pull-quote-carousel .review-pull-quote blockquote q {
  max-width: 800px;
}
.review-pull-quote-carousel .review-pull-quote {
  max-width: none;
  height: auto;
}
.review-pull-quote-carousel .review-pull-quote p {
  display: inline;
}
/******************************
 *
 *  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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#footer .footer-nav--content {
  width: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
#footer .footer-nav--content .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--content .col h4 {
  font: 15px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 12px;
}
#footer .footer-nav--content .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--content .col ul > li {
  padding: 0;
  margin: 0;
}
#footer .footer-nav--content .col ul li {
  margin-bottom: 12px;
}
#footer .footer-nav--content .col ul li a {
  color: #1a1a1a;
  text-decoration: none;
}
#footer .footer-nav--content .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 {
    display: block;
  }
  #footer .footer-nav--content {
    display: inline-block;
  }
  #footer .footer-nav--content .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--content .col h4 {
    display: inline;
  }
  #footer .footer-nav--content .col ul {
    display: inline;
  }
  #footer .footer-nav--content .col ul li {
    display: inline;
  }
  #footer .footer-nav--content .col ul li::before {
    content: " | ";
  }
  #footer .footer-nav--content .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.stardust-black,
.three-image-block .content-grid .box .image .newstag.branding-stardust-black,
.branding-stardust-black .three-image-block .content-grid .box .image .newstag {
  background-color: #383838;
  color: #fff;
}
.three-image-block .content-grid .box .image .newstag.stardust-black a,
.three-image-block .content-grid .box .image .newstag.branding-stardust-black a,
.branding-stardust-black .three-image-block .content-grid .box .image .newstag a {
  color: inherit;
}
.three-image-block .content-grid .box .image .newstag.stardust-black .triptych-icon,
.three-image-block .content-grid .box .image .newstag.branding-stardust-black .triptych-icon,
.branding-stardust-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.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%;
  object-fit: cover;
}
.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.stardust-black,
.three-image-block .content-grid .box .date.branding-stardust-black,
.branding-stardust-black .three-image-block .content-grid .box .date {
  background-color: #383838;
}
.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.-fon-builder .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.content-wrapper.full-width-promo.-fon-builder .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%;
  padding-right: 0;
  background: transparent;
  color: #fff;
}
@media only screen and (max-width: 800px) {
  .content-wrapper.full-width-promo.-fon-builder .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%;
  }
}
.content-wrapper.full-width-promo.-fon-builder .content .body h2 {
  font-size: 38px;
  text-transform: none;
  line-height: 42px;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo.-fon-builder .content .body h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
.content-wrapper.full-width-promo.-fon-builder .content .body .body-text {
  max-width: 333px;
  margin-top: 30px;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo.-fon-builder .content .body .body-text {
    margin: 30px auto;
  }
}
.content-wrapper.full-width-promo.-fon-builder .content .body .body-text p {
  background: transparent;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo.-fon-builder .content .body .body-text p {
    font-size: 14px;
  }
}
.content-wrapper.full-width-promo.-fon-builder .content .body .body-text .button {
  background: #fff;
  color: #000;
  width: 100%;
  font-size: 15px;
  font-weight: 18px;
}
.content-wrapper.full-width-promo.-fon-builder .content .body .body-text .button.-landing {
  max-width: 120px;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo.-fon-builder .content .body .body-text .button {
    margin-top: 0;
  }
}
.content-wrapper.full-width-promo.-fon-builder .content .triptych-icon {
  display: block;
}
.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;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo .content-media {
    position: relative;
  }
}
.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;
}
@media only screen and (max-width: 600px) {
  .content-wrapper.full-width-promo .content .body p {
    line-height: 20px;
  }
}
.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: 600px) {
  .content-wrapper.full-width-promo.transparent .body {
    color: #000 !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 {
    min-height: 260px;
  }
  .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 .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 .button {
    background: #1a1a1a;
    color: #fff;
  }
}
.content-wrapper.full-width-promo .sound-switcher {
  position: absolute;
  right: 50px;
  bottom: 75px;
  z-index: 10;
}
@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;
  }
}
/******************************
 *
 *  M100. Share competition
 *
 ******************************/
.share-competition {
  padding-top: 37px;
  box-sizing: border-box;
}
.share-competition .share-link {
  display: inline-block;
  background-size: cover;
  width: 30%;
  border-radius: 100%;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
}
.share-competition .share-link:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 100%;
}
.share-competition .share-link.-facebook {
  background-image: url("images/facebook-share.png");
}
.share-competition .share-link.-twitter {
  margin-left: 4%;
  background-image: url("images/twitter-share.png");
}
.share-competition .share-link.-instagram {
  margin-left: 4%;
  background-image: url("images/instagram-share.png");
}
.happy-ride {
  display: inline-block;
  margin-top: 75px;
  font-size: 19px;
  margin-bottom: 100px;
}
.icon-bikes-share {
  display: inline-block;
  background-image: url("images/triptych-black.svg");
  width: 164px;
  height: 40px;
  background-size: 164px 40px;
  margin-left: 20px;
}
@media only screen and (max-width: 800px) {
  .share-competition .share-link.-twitter,
  .share-competition .share-link.-instagram {
    margin-left: 2%;
  }
}
/*******************************
*
*   M101-tryptich-black
*
******************************/
.triptych-black,
.hero-centered .triptych-icon,
.breadcrumbs .content-grid .triptych-icon {
  margin: 28px auto;
}
.category-head {
  padding: 40px 0;
  height: 40vh;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .category-head {
    padding: 0;
    height: 165px;
  }
  .category-head.--backgrounded {
    height: 200px;
  }
}
.category-head-inner {
  margin: 0 auto;
  max-width: 1120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .category-head-inner {
    height: 110px;
  }
}
.category-head__text {
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.category-head__text--white {
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .category-head__text {
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 20;
    position: relative;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
.category-head__text-heading {
  font-size: 50px;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .category-head__text-heading.--backgrounded {
    margin-top: 215px;
    color: #000;
    font-size: 25px;
    text-align: left;
    padding: 0 8px;
  }
}
.category-head__text p {
  font-size: 18px;
}
@media only screen and (max-width: 600px) {
  .category-head__text p {
    display: none;
  }
}
.category-head__image {
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
@media only screen and (max-width: 600px) {
  .category-head__image {
    position: absolute;
    top: -25%;
    left: -25%;
    bottom: -25%;
    right: -25%;
    z-index: 10;
  }
}
.category-head__image img {
  display: block;
}
@media only screen and (max-width: 600px) {
  .category-head__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.category-head__background {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 600px) {
  .category-head__background {
    padding: 0;
    height: 120px;
    overflow: hidden;
  }
}
.category-head__background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-list {
  background-color: #000;
  padding: 10px 0;
  box-sizing: border-box;
  height: 65px;
}
@media only screen and (max-width: 600px) {
  .featured-list {
    display: none;
  }
}
.featured-list .featured-list-inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.product-list {
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-list h2.center {
  text-align: center;
}
.product-list .product-list-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto;
}
.product-list .product-list-inner .product {
  -webkit-flex: 0 1 31%;
  -ms-flex: 0 1 31%;
  flex: 0 1 31%;
  margin: 0 1%;
  margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .product-list .product-list-inner .product {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    text-align: center;
  }
}
.product-list .product-list-inner .product__image {
  width: 100%;
  max-height: 240px;
  margin-bottom: 28px;
  padding-bottom: 70%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .product-list .product-list-inner .product__image {
    height: auto;
  }
}
.product-list .product-list-inner .product__image a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain !important;
}
.product-list .product-list-inner .product__image img {
  display: none;
}
.product-list .product-list-inner .product__name {
  font-size: 23px;
  color: #000;
  margin-bottom: 18px;
  text-decoration: underline;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .product-list .product-list-inner .product__name {
    font-size: 18px;
  }
}
.product-list .product-list-inner .product__rating {
  margin-bottom: 15px;
}
.product-list .product-list-inner .product__rating .jq-star {
  display: inline-block;
}
.product-list .product-list-inner .product__rating .jq-star svg {
  width: 100%;
  height: 100%;
}
.product-list .product-list-inner .product__price {
  font-size: 22px;
  color: #9a9a9a;
  font-weight: bold;
}
.shop-landing {
  margin-top: 15px;
  margin-bottom: 15px;
}
.shop-landing .shop-landing-inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 25px;
}
@media only screen and (max-width: 600px) {
  .shop-landing .shop-landing-inner {
    padding: 0 8px;
  }
}
.shop-landing .shop-landing-inner .section-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .shop-landing .shop-landing-inner .section-list {
    display: block;
  }
}
.shop-landing .shop-landing-inner .section-list .section-list-item {
  display: block;
  text-decoration: none;
  -webkit-flex: 0 1 49%;
  -ms-flex: 0 1 49%;
  flex: 0 1 49%;
  margin-bottom: 35px;
}
@media only screen and (max-width: 600px) {
  .shop-landing .shop-landing-inner .section-list .section-list-item {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
}
.shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__photo {
  border-bottom: 5px solid #000;
}
@media only screen and (max-width: 600px) {
  .shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__photo {
    max-height: 140px;
    overflow: hidden;
  }
}
.shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__photo img {
  display: block;
  width: 100%;
}
.shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__title {
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
  background-color: #fff;
  display: block;
  position: relative;
  margin-top: -67px;
  height: 67px;
  line-height: 67px;
  left: 20px;
  width: 50%;
  padding-left: 17px;
  padding-right: 17px;
}
@media only screen and (max-width: 600px) {
  .shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__title {
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    background-color: #fff;
    display: block;
    position: relative;
    margin-top: -50px;
    height: 50px;
    line-height: 53px;
    left: 18px;
    width: 50%;
    padding-left: 14px;
    padding-right: 50px;
  }
}
.shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__descr {
  font-size: 18px;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .shop-landing .shop-landing-inner .section-list .section-list-item .section-list-item__descr {
    display: none;
  }
}
.shop-landing .shop-landing-inner .section-list .section-list-item:nth-child(1) .section-list-item__photo {
  border-bottom: 5px solid #ff7300;
}
.shop-landing .shop-landing-inner .section-list .section-list-item:nth-child(2) .section-list-item__photo {
  border-bottom: 5px solid #008db1;
}
.shop-landing .shop-landing-inner .section-list .section-list-item:nth-child(3) .section-list-item__photo {
  border-bottom: 5px solid #008db1;
}
.shop-landing .shop-landing-inner .section-list .section-list-item:nth-child(4) .section-list-item__photo {
  border-bottom: 5px solid #ed1c24;
}
.shop-landing .shop-landing-inner .section-list .section-list-item:nth-child(5) .section-list-item__photo {
  border-bottom: 5px solid #903373;
}
.shop-landing .shop-landing-inner .section-list .section-list-item:nth-child(6) .section-list-item__photo {
  border-bottom: 5px solid #c3d855;
}
.shop-breadcrumbs {
  max-width: 1120px;
  height: 40px;
  box-sizing: border-box;
  margin: 15px auto 15px auto;
  padding: 10px 0px;
  position: relative;
  z-index: 10;
  pointer-events: none;
}
@media only screen and (max-width: 600px) {
  .shop-breadcrumbs {
    height: auto;
    width: auto;
    padding: 0 8px;
  }
  .shop-breadcrumbs.hide-mobile {
    display: none;
  }
}
.shop-breadcrumbs ul {
  display: inline-block;
  width: 33%;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
@media only screen and (max-width: 600px) {
  .shop-breadcrumbs ul {
    width: auto;
  }
}
.shop-breadcrumbs ul li {
  display: inline-block;
  list-style-type: none;
  pointer-events: auto;
}
.shop-breadcrumbs ul li:after {
  content: '>';
}
.shop-breadcrumbs ul li:last-child:after {
  content: '';
  display: none;
}
.refine-selector-container {
  max-width: 1140px;
  margin: 0 auto;
  margin-top: -55px;
  z-index: 30;
}
@media only screen and (max-width: 600px) {
  .refine-selector-container {
    padding: 0 8px;
  }
}
.refine-selector-container .refine-selector {
  width: 100%;
  position: relative;
  padding-top: 55px;
}
.refine-selector-container .refine-selector .refine-label {
  width: 32%;
  background-color: #7f7f7f;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0.8%;
  margin-bottom: 17px;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .refine-selector-container .refine-selector .refine-label {
    width: auto;
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 3px;
  }
}
.refine-selector-container .refine-selector .refine-label:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 15px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 0px solid transparent;
  border-right: 0px solid transparent;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.refine-selector-container .refine-selector .refine-dropdown {
  display: none;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option {
  width: 32%;
  display: inline-block;
  margin-left: 0.5%;
  margin-right: 0.5%;
  background-color: #000;
  color: #fff;
  margin-bottom: 17px;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option select {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option ul {
  position: absolute;
  display: inline-block;
  padding: 0;
  margin: 0;
  left: 50%;
  right: -2px;
  top: -2px;
  height: 30px;
  padding: 0px 20px;
  overflow: hidden;
  border: 2px solid transparent;
  z-index: 20;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option ul li {
  list-style-type: none;
  margin-left: 0;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option ul li a {
  display: block;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option:hover ul {
  left: -2px;
  top: 30px;
  border: 2px solid #000;
  height: auto;
  background-color: #fff;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option:hover ul:before {
  height: 40px;
  content: '';
  left: -2px;
  width: 2px;
  background-color: #fff;
  top: 0;
}
@media only screen and (max-width: 600px) {
  .refine-selector-container .refine-selector .refine-dropdown .refined-option {
    width: auto;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 3px;
  }
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option.active {
  background-color: #ff7300;
}
.refine-selector-container .refine-selector .refine-dropdown .refined-option.outline {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  box-sizing: border-box;
}
.refine-selector-container .refine-selector.open .refine-label:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.refine-selector-container .refine-selector.open .refine-dropdown {
  display: block;
}
.cart {
  text-align: left;
  background-color: #000;
  color: #fff;
  position: absolute;
  top: 37px;
  right: 0;
  padding: 20px 0 15px 0;
  width: 350px;
  display: none;
}
.cart.show {
  display: block;
}
.cart:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #000;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: -20px;
  right: 88px;
}
.cart .cart-title {
  font-size: 20px;
  padding: 0 40px;
  margin-bottom: 20px;
}
.cart .cart-list {
  padding: 0px 0px 0 40px;
  font-size: 15px;
  max-height: 250px;
  overflow-y: auto;
}
@media only screen and (max-width: 600px) {
  .cart .cart-list {
    max-height: none;
  }
}
.cart .cart-list >.mCSB_inside>.mCSB_container {
  margin-right: 17px;
}
.cart .cart-list .cart-list-item {
  margin-bottom: 20px;
  padding-right: 20px;
  position: relative;
}
.cart .cart-list .cart-list-item a {
  color: #fff;
  text-decoration: none;
}
.cart .cart-list .cart-list-item:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  display: table;
  content: '';
}
.cart .cart-list .cart-list-item .cart-list-item__photo {
  float: left;
  width: 40%;
}
.cart .cart-list .cart-list-item .cart-list-item__photo img {
  display: block;
  width: 100%;
}
.cart .cart-list .cart-list-item .cart-list-item__descr {
  float: left;
  width: 55%;
  margin-left: 5%;
}
.cart .cart-list .cart-list-item .cart-list-item__descr span span {
  margin-left: 3px;
  margin-right: 5px;
}
.cart .cart-list .cart-list-item .cart-list-item__remove {
  position: absolute;
  overflow: hidden;
  text-indent: -999px;
  right: 0;
  content: 'x';
  color: #fff;
  top: 10px;
  width: 20px;
  height: 27px;
  background-image: url("images/delete-bike-white.svg");
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.cart .cart-list .cart-list-item .cart-list-item__remove:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.cart .cart-shipping-total {
  margin: 20px 0;
  padding: 20px 40px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.cart .cart-shipping-total .cart-shipping {
  font-size: 16px;
  margin-bottom: 10px;
}
.cart .cart-shipping-total .cart-total {
  font-size: 16px;
  font-weight: 300;
}
.cart .cart-close {
  display: none;
}
.cart .cart-footer {
  padding: 0 40px;
}
.cart .cart-footer a.cart-button {
  display: block;
  background-color: #89c7be;
  color: #000;
  height: 40px;
  border-radius: 40px;
  background-clip: padding-box;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 40px;
  padding: 0 25px;
  font-weight: bold;
  text-decoration: none;
}
.cart .cart-footer a.cart-button.button-gray {
  background-color: #7f7f7f;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .cart {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .cart .cart-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    color: #fff;
    background-image: url("images/close.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    text-indent: -999px;
    overflow: hidden;
  }
  .cart .cart-title,
  .cart .cart-list,
  .cart .cart-shipping-total,
  .cart .cart-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cart .cart-list {
    max-height: 50%;
    overflow: scroll;
    max-height: calc(100vh - 300px);
  }
}
/****************************************

  P109. Order detail

****************************************/
.order-detail > header {
  background: #f0f0f0;
  padding: 14px 14px 12px 14px;
}
.order-detail > header > .row {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.order-detail > header > .row > .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%;
  font-weight: 500;
}
.order-detail > header > .row > .col:first-child {
  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;
}
.order-detail > header > .row > .col:nth-child(3) {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.order-detail > header > .row > .col:last-child {
  text-align: right;
}
.order-detail > section {
  padding-top: 44px;
}
.order-detail > section > .row {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.order-detail > section > .row .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%;
}
.order-detail > section > .row .col:first-child {
  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;
  margin-left: 0px;
}
.order-detail > section > .row .col:first-child .row {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.order-detail > section > .row .col:first-child .row .col {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 40.0360144057623%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: left;
}
.order-detail > section > .row .col:first-child .row .col:first-child {
  margin-left: 0px;
}
.order-detail > section > .row .col:first-child .row .col:first-child img {
  max-width: 100%;
  display: block;
}
.order-detail > section > .row .col:first-child .row .col:last-child {
  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;
  font-weight: normal;
}
.order-detail > section > .row .col:first-child .row .col:last-child > div {
  padding-left: 10px;
}
.order-detail > section > .row .col:nth-child(2) {
  padding-left: 2px;
  font-weight: 500;
}
.order-detail > section > .row .col:nth-child(3) {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: left;
  padding-left: 5px;
  font-weight: 500;
}
.order-detail > section > .row .col:last-child {
  text-align: right;
  padding-right: 20px;
  font-weight: 500;
}
.order-detail > section:last-child .row {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
}
.order-detail > section:last-child .row .col {
  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: left;
  font-weight: normal;
}
.order-detail > section:last-child .row .col strong {
  font-weight: 500;
}
.order-detail > section:last-child .row .col:first-child,
.order-detail > section:last-child .row .col:nth-child(2) {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.order-detail > section:last-child .row .col:first-child > div > div:first-child,
.order-detail > section:last-child .row .col:nth-child(2) > div > div:first-child {
  margin-bottom: 21px;
}
.order-detail > section:last-child .row .col:first-child {
  margin-left: 0px;
}
.order-detail > section:last-child .row .col:last-child {
  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;
  padding-right: 6px;
  font-weight: 500;
}
.order-detail > section:last-child .row .col:last-child span {
  display: inline-block;
  width: 68px;
  text-align: left;
  padding-left: 12px;
}
.order-detail__address.display {
  display: block;
}
.order-detail__address.edit {
  display: none;
}
.order-detail__address.edit input {
  border: 1px solid #000;
  margin-bottom: 3px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 3px;
  height: 20px;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.order-detail__address.edit .error {
  position: relative;
  margin-top: -20px;
/* height: 0; */
  font-size: 10px;
/* width: 100%; */
  text-align: right;
  display: inline-block;
  float: right;
  background-color: #d03920;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 1px 2px;
  margin-right: 2px;
  color: #fff;
}
.order-detail__address.edit .button {
  height: 20px;
  padding: 2px 5px;
  line-height: 15px;
  min-height: auto;
}
/******************************
 *
 *  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%;
  }
}
.general-error {
  position: fixed;
  background-color: #d6d6d6;
  left: 0;
  width: 100%;
  top: 40%;
  padding: 20px 10px;
  z-index: 500;
}
.general-error .general-error-inner {
  position: relative;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.general-error .general-error-inner .er-close {
  text-align: center;
  display: block;
}
.wishlist {
  text-align: left;
  background-color: #000;
  color: #fff;
  position: absolute;
  top: 37px;
  right: 0;
  padding: 20px 0 15px 0;
  width: 350px;
  display: none;
}
.wishlist.show {
  display: block;
}
.wishlist:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #000;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: -20px;
  right: 24px;
}
.wishlist .wishlist-title {
  font-size: 20px;
  padding: 0 40px;
  margin-bottom: 20px;
}
.wishlist .wishlist-list {
  padding: 0px 0px 0 40px;
  font-size: 15px;
  max-height: 250px;
  overflow-y: auto;
}
@media only screen and (max-width: 600px) {
  .wishlist .wishlist-list {
    max-height: none;
  }
}
.wishlist .wishlist-list >.mCSB_inside>.mCSB_container {
  margin-right: 17px;
}
.wishlist .wishlist-list .wishlist-list-item {
  margin-bottom: 20px;
  padding-right: 20px;
  position: relative;
}
.wishlist .wishlist-list .wishlist-list-item a {
  color: #fff;
  text-decoration: none;
}
.wishlist .wishlist-list .wishlist-list-item:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  display: table;
  content: '';
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__photo {
  float: left;
  width: 40%;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__photo img {
  display: block;
  width: 100%;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__descr {
  float: left;
  width: 55%;
  margin-left: 5%;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__checkbox {
  position: absolute;
  left: -31px;
  top: 15px;
}
@media only screen and (max-width: 600px) {
  .wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__checkbox {
    left: 0;
  }
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__checkbox input {
  display: none;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__checkbox input + span {
  display: block;
  width: 15px;
  height: 15px;
  background: #000;
  border: 2px solid #fff;
  border-radius: 15px;
  background-clip: padding-box;
  position: relative;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__checkbox input + span:after {
  content: '';
  width: 10px;
  position: absolute;
  height: 14px;
  top: -5px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__checkbox input:checked + span:after {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__remove {
  position: absolute;
  overflow: hidden;
  text-indent: -999px;
  right: 0;
  content: 'x';
  color: #fff;
  top: 10px;
  width: 20px;
  height: 27px;
  background-image: url("images/delete-bike-white.svg");
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.wishlist .wishlist-list .wishlist-list-item .wishlist-list-item__remove:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wishlist .wishlist-shipping-total {
  margin: 20px 0;
  padding: 20px 40px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.wishlist .wishlist-shipping-total .wishlist-shipping {
  font-size: 16px;
  margin-bottom: 10px;
}
.wishlist .wishlist-shipping-total .wishlist-total {
  font-size: 16px;
  font-weight: 300;
}
.wishlist .wishlist-close {
  display: none;
}
.wishlist .wishlist-footer {
  padding: 0 40px;
}
.wishlist .wishlist-footer a.wishlist-button {
  display: block;
  background-color: #89c7be;
  color: #000;
  height: 40px;
  border-radius: 40px;
  background-clip: padding-box;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 40px;
  padding: 0 25px;
  font-weight: bold;
  text-decoration: none;
}
.wishlist .wishlist-footer a.wishlist-button.button-gray {
  background-color: #7f7f7f;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .wishlist {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .wishlist .wishlist-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    color: #fff;
    background-image: url("images/close.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    text-indent: -999px;
    overflow: hidden;
  }
  .wishlist .wishlist-title,
  .wishlist .wishlist-list,
  .wishlist .wishlist-shipping-total,
  .wishlist .wishlist-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .wishlist .wishlist-list {
    max-height: 50%;
    overflow: scroll;
    max-height: calc(100vh - 300px);
  }
}
.sitemap-block .sitemap-header {
  height: 400px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sitemap-block .sitemap-header h1 {
  font-size: 3em;
  position: absolute;
  margin: 0;
  left: 20%;
  height: 200px;
  bottom: 0;
  padding: 20px;
}
.sitemap-block .sitemap-content {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}
.sitemap-block .sitemap-content .sitemap {
  list-style-type: none;
  font-size: 1.4em;
  padding-left: 0;
  text-decoration: none;
  margin: 10px;
}
.sitemap-block .sitemap-content .sitemap li {
  list-style-type: none;
  margin: 5px 0;
}
.sitemap-block .sitemap-content .sitemap li a {
  text-decoration: none;
}
.sitemap-block .sitemap-content .sitemap li a:hover {
  text-decoration: underline;
}
.sitemap-block .sitemap-content .sitemap >li >ul >li {
  list-style: disc;
}
.sitemap-block .sitemap-content .sitemap >li >ul >li >ul >li {
  list-style: circle;
}
.sitemap-block .sitemap-content .sitemap >li >a {
  font-weight: 700;
}
/******************************
 *
 *  M112 Language slide
 *
 ******************************/
.lang-slide {
  display: none;
  position: relative;
  top: -100%;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  border: 1px #fff solid;
  border-top: 0;
  background: #eee;
/* Phone version */
}
.lang-slide .wrapper {
  padding: 18px 30px;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 970px) {
  .lang-slide .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
.lang-slide .wrapper .noticer {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
@media only screen and (max-width: 970px) {
  .lang-slide .wrapper .noticer {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding-right: 10px;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
}
.lang-slide .wrapper .noticer strong {
  font-weight: 500;
}
.lang-slide .wrapper .linked {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  text-align: right;
}
@media only screen and (max-width: 970px) {
  .lang-slide .wrapper .linked {
    margin-top: 20px;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 0;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
}
.lang-slide .wrapper .title {
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  display: inline-block;
}
.lang-slide .wrapper .visit {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
/* Cost calculator result, site search overlay, stats */
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  border: 1px solid #000;
  border-radius: 30px;
  background-clip: padding-box;
  padding: 10px 20px;
  text-decoration: none;
}
.lang-slide .wrapper span,
.lang-slide .wrapper .more {
/* Cost calculator result, site search overlay, stats */
  font: 17px/25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  display: inline-block;
}
.lang-slide .wrapper ul {
  list-style: none;
}
.lang-slide .wrapper .close {
  background-image: url("images/search-close.svg");
  background-size: 15px 15px;
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -webkit-calc(43%);
  top: calc(43%);
  right: 10px;
  bottom: auto;
  left: auto;
}
html.loaded .lang-slide.open {
  display: block;
}
.lang-slide.removed {
  -webkit-transform: translate(0, -60%);
  -ms-transform: translate(0, -60%);
  transform: translate(0, -60%);
  display: none;
}
@media only screen and (max-width: 600px) {
  .lang-slide {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    box-sizing: border-box;
    top: 0 !important;
    margin: 0;
    z-index: 9;
  }
}
/*******************************
 *
 *  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.stardust-black,
.hero-centered.branding-stardust-black,
.branding-stardust-black .hero-centered {
  background-color: #383838;
  color: #fff;
}
.hero-centered.stardust-black a,
.hero-centered.branding-stardust-black a,
.branding-stardust-black .hero-centered a {
  color: inherit;
}
.hero-centered.stardust-black .triptych-icon,
.hero-centered.branding-stardust-black .triptych-icon,
.branding-stardust-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.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 h1,
.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 h1,
  .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.stardust-black:after,
.hero-centered.branding-stardust-black:after,
.branding-stardust-black .hero-centered:after {
  border-top-color: #383838;
}
.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-for-Brompton.styl
 *
 ******************************/
.split-image-text.store {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-bottom: 15px;
}
.split-image-text.store .media {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.split-image-text.store .content {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding: 0 30px 0 0;
}
@media only screen and (max-width: 970px) {
  .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 .content .btn-group {
  width: 100%;
  margin-top: 20px;
/* Mobile version */
}
.split-image-text.store .content .btn-group .button {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  width: 100%;
  margin-bottom: 13px;
  display: block;
  font-size: 14px;
}
@media only screen and (max-width: 970px) {
  .split-image-text.store .content .btn-group .button {
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .split-image-text.store .content .btn-group {
    min-height: 100px;
  }
  .split-image-text.store .content .btn-group .content {
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 35px 0 10px 0;
    float: none;
    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%;
  }
  .split-image-text.store .content .btn-group .content::after {
    display: none;
  }
  .split-image-text.store .content .btn-group .media {
    width: 100%;
    position: relative;
    min-height: 250px;
  }
}
@media only screen and (max-width: 970px) {
  .split-image-text.store {
    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 */
}
.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;
}
@media only screen and (max-width: 970px) {
  .split-image-text .content {
    min-height: 0;
  }
}
.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;
}
@media only screen and (max-width: 1220px) {
  .split-image-text .content::after {
    display: none;
  }
}
@media only screen and (max-width: 1003px) {
  .split-image-text .content::after {
    display: none;
  }
}
@media only screen and (max-width: 970px) {
  .split-image-text .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 .content h2 {
/* Cost calculator result, site search overlay, stats */
  font: 35px/45px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin-top: 15px;
  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%;
}
@media only screen and (max-width: 970px) {
  .split-image-text .media {
    position: relative !important;
    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 .media .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 970px) {
  .split-image-text .media .image {
    position: relative;
  }
}
.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;
}
@media only screen and (max-width: 970px) {
  .split-image-text.inverse .content {
    float: none;
  }
}
.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:after {
    border: none;
  }
  .split-image-text .content h2 {
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
}
.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.stardust-black,
.cost-calculator.branding-stardust-black,
.branding-stardust-black .cost-calculator {
  background-color: #383838;
  color: #fff;
}
.cost-calculator.stardust-black a,
.cost-calculator.branding-stardust-black a,
.branding-stardust-black .cost-calculator a {
  color: inherit;
}
.cost-calculator.stardust-black .triptych-icon,
.cost-calculator.branding-stardust-black .triptych-icon,
.branding-stardust-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.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;
}
html[lang='nl-NL'] .cost-calculator .form .calc-input-wrapper label {
  width: 40%;
}
@media only screen and (max-width: 600px) {
  html[lang='nl-NL'] .cost-calculator .form .calc-input-wrapper label {
    width: auto;
    display: block;
  }
}
.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;
  position: relative;
}
.six-image-block .image-container .image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 600px) {
  .six-image-block .image-container .image img {
    position: absolute;
    bottom: 0;
    min-height: initial;
    max-height: 100%;
    width: auto;
    max-width: 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;
    cursor: pointer;
  }
  .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: 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-stardust-black .full-width-image.-underline,
.full-width-image.-underline.stardust-black,
.full-width-image.-underline.branding-stardust-black {
  border-bottom-color: #383838;
}
.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;
}
@media only screen and (min-width: 800px) and (max-width: 1220px) {
  .signup .signup-and-social .social .social-link {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: 10px;
    background-size: auto 15px !important;
  }
}
@media only screen and (max-width: 600px) {
  .signup .signup-and-social .social .social-link {
    margin-left: 0;
  }
  .signup .signup-and-social .social .social-link:first-child {
    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,
.chosen-a-store {
  background-color: #eee;
  padding: 14px 0 17px 0;
  color: #1a1a1a;
/* Tablet version */
/* Mobile version */
}
.find-a-store h2,
.chosen-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,
  .chosen-a-store h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.find-a-store .content,
.chosen-a-store .content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  height: auto;
}
.find-a-store .content .box.title,
.chosen-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,
.chosen-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,
.chosen-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.storetype,
.chosen-a-store .content .box.storetype {
  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.submit,
.chosen-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,
.chosen-a-store .content .box-inner {
  width: 100%;
  box-sizing: border-box;
  display: table;
}
.find-a-store .content .box-inner > label,
.chosen-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,
.chosen-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,
.chosen-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,
.chosen-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],
.chosen-a-store .content .box-inner .input-wrapper input[type=text],
.find-a-store .content .box-inner .input-wrapper select,
.chosen-a-store .content .box-inner .input-wrapper select {
  box-sizing: border-box;
  width: 100%;
  border-color: #eee;
}
.find-a-store .content .box-inner .input-wrapper input[type=text]:-ms-input-placeholder,
.chosen-a-store .content .box-inner .input-wrapper input[type=text]:-ms-input-placeholder {
  color: #b1b1b1 !important;
}
.find-a-store .content .box-inner .input-wrapper input[type=text]::-webkit-input-placeholder,
.chosen-a-store .content .box-inner .input-wrapper input[type=text]::-webkit-input-placeholder {
  color: #b1b1b1 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.find-a-store .content .box-inner .input-wrapper input[type=text]::-moz-placeholder,
.chosen-a-store .content .box-inner .input-wrapper input[type=text]::-moz-placeholder {
  color: #b1b1b1 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.find-a-store .content .box-inner .left-text,
.chosen-a-store .content .box-inner .left-text {
  display: inline-block;
}
.find-a-store .content .box-inner label.css-label span,
.chosen-a-store .content .box-inner label.css-label span {
  border-color: #eee;
}
.find-a-store .content .button,
.chosen-a-store .content .button {
  width: 100%;
}
.find-a-store.mobile-only .content .box-inner > label,
.chosen-a-store.mobile-only .content .box-inner > label {
  display: none !important;
}
@media only screen and (max-width: 800px) {
  .find-a-store .content .box.location,
  .chosen-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,
  .chosen-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.storetype,
  .chosen-a-store .content .box.storetype {
    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,
  .chosen-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,
  .chosen-a-store .content .box .box-inner {
    display: block;
  }
  .find-a-store .content .box .box-inner > label,
  .chosen-a-store .content .box .box-inner > label {
    display: block;
    width: 100%;
  }
  .find-a-store .content .box .box-inner .input-wrapper,
  .chosen-a-store .content .box .box-inner .input-wrapper {
    display: block;
    width: 100%;
  }
  .find-a-store .content .box .box-inner input[type=text],
  .chosen-a-store .content .box .box-inner input[type=text],
  .find-a-store .content .box .box-inner select,
  .chosen-a-store .content .box .box-inner select {
    box-sizing: border-box;
    width: 100%;
  }
  .find-a-store .content .box .text-wrapper,
  .chosen-a-store .content .box .text-wrapper {
    margin-left: 0;
  }
  .find-a-store .content .box .button,
  .chosen-a-store .content .box .button {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 600px) {
  .find-a-store .content,
  .chosen-a-store .content {
    position: relative;
  }
  .find-a-store .content .box.location,
  .chosen-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,
  .chosen-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,
  .chosen-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,
  .chosen-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.storetype,
  .chosen-a-store .content .box.storetype {
    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;
    display: none;
  }
  .find-a-store .content .box.submit,
  .chosen-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,
  .chosen-a-store .content .box .box-inner .input-wrapper .checkbox-wrapper {
    width: 100%;
    padding-top: 18px;
  }
  .find-a-store .content .box .button,
  .chosen-a-store .content .box .button {
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .find-a-store h2,
  .chosen-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 .no-stores {
  padding: 0 16px;
}
.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;
}
.find-a-store-detail .box .wrapper .mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background: #aaa;
}
.find-a-store-detail .box .wrapper .mCSB_scrollTools .mCSB_draggerRail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background: #fff;
}
.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-unique .find-a-store-detail .box .wrapper address {
  background-image: none;
}
.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 .ac-name-specific-electric,
.find-a-store-detail .box .wrapper address .ac-name-specific-brompton-electric {
  display: inline-block;
  width: 30px;
  height: 24px;
  border: none !important;
  background-color: transparent !important;
  background-image: url("images/ac-electric-sign.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
.find-a-store-detail .box .wrapper address .address_link {
  display: block;
  padding: 24px 38px 24px 0;
  text-decoration: none;
}
.find-a-store-detail .box .wrapper address a.button.-enquire {
  dispaly: none;
  float: right;
  margin-left: 10px;
  padding: 3px 10px;
  margin-top: 24px;
  height: auto;
  min-height: 30px;
  font-size: 14px;
}
.find-a-store-unique .find-a-store-detail .box .wrapper address a.button.-enquire {
  display: inline-block;
}
.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: 0;
    padding-right: 30px;
    background-size: 20px auto;
    padding-bottom: 30px;
    position: relative;
  }
  .find-a-store-detail .box .wrapper address .address_link {
    padding-top: 0;
  }
  .find-a-store-detail .box .wrapper address a.button.secondary.-enquire {
    float: none;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 0;
    margin: 0;
  }
  .find-a-store-detail .box .wrapper address a.button.secondary.buybikenow.-enquire {
    left: auto;
    right: 0;
  }
}
@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 30px 0;
  }
}
/******************************
 *
 *  M26. Bike Cars
 *
 ******************************/
.bike-cards {
  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 .loader {
  display: none;
}
.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.loading .loader {
  display: block;
}
.bike-cards .content-grid .box.loading .wrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.bike-cards .content-grid .box .wrapper {
  display: block;
  color: #1a1a1a;
  text-decoration: none;
  padding-top: 5px;
  -moz-transition: opacity 3s linear;
  -o-transition: opacity 3s linear;
  -webkit-transition: opacity 3s linear;
  -webkit-transition: opacity 3s linear;
  transition: opacity 3s linear;
}
.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 .label {
  display: block;
  line-height: 20px;
  margin: 0 -1px -1px;
}
.bike-cards .content-grid .box .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.stardust-black:after {
  background-color: #383838;
}
.bike-cards .content-grid .box.stardust-black .label span {
  background-color: #383838;
  color: #fff;
}
.bike-cards .content-grid .box.stardust-black .label span a {
  color: inherit;
}
.bike-cards .content-grid .box.stardust-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.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 .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;
    line-height: 1.8;
  }
  .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;
    line-height: 1.4;
  }
  .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;
  }
}
.bike-cards > .content-wrapper {
  margin-bottom: 0;
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  .bike-cards > h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/*******************************
 *
 *   M26b-Bike-cards
 *
 ******************************/
.bike-cards-list > .content-wrapper {
  max-width: 1120px;
  margin: 0 auto;
}
.bike-cards-list > .content-wrapper > h2 {
  font: 32px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
  min-width: 262px;
  padding-left: 10px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .bike-cards-list > .content-wrapper > h2 {
    margin-right: 0;
  }
}
.bike-cards-list > .content-wrapper > .custom-select,
.bike-cards-list > .content-wrapper .select2,
.bike-cards-list > .content-wrapper .select2-selection {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background: #222;
  width: 265px;
  border: none;
}
.bike-cards-list > .content-wrapper .select2-selection__arrow {
  display: none;
}
.bike-cards-list > .content-wrapper .select2-selection__rendered {
  color: #fff !important;
  font-weight: 500;
}
.bike-cards-list > .content-wrapper .select2-search--dropdown {
  display: none;
}
.bike-cards-list > .content-wrapper > .cards-filter {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 20px;
  color: #fff;
  background: #222;
  width: 262px;
  height: 30px;
  line-height: 30px;
  font-weight: 500;
  box-sizing: border-box;
  padding: 0 20px;
  border: none;
  position: relative;
  z-index: 33;
}
@media only screen and (max-width: 600px) {
  .bike-cards-list > .content-wrapper > .cards-filter {
    margin-left: 10px;
  }
}
.bike-cards-list > .content-wrapper > .cards-filter >.dropdown {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  background: #fff;
  padding: 12px 20px;
  font-weight: 100;
  color: #727272;
  margin: -1px 0 0;
  box-sizing: border-box;
  border: #efefef 1px solid;
}
.bike-cards-list > .content-wrapper > .cards-filter >.dropdown > li {
  padding: 0;
  margin: 0;
}
.bike-cards-list > .content-wrapper > .cards-filter >.dropdown >.item:hover {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.bike-cards-list > .content-wrapper > .cards-filter.-open .dropdown {
  display: block;
}
.bike-cards-list > .content-wrapper > .items {
  padding: 0;
  margin: 0;
}
.bike-cards-list > .content-wrapper > .items > .item {
  display: inline-block;
  border: 1px solid #b4b4b4;
  border-bottom: 5px solid #b4b4b4;
  padding: 0;
  margin: 0;
  height: 440px;
  width: 23.5%;
  margin-right: 13px;
  margin-bottom: 10px;
  overflow: hidden;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .badge {
  font-size: 13px;
  padding: 1px 10px;
  color: #fff;
  width: 42%;
  text-transform: uppercase;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .badge.-grey {
  background: #b4b4b4;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .badge.-black {
  background: #1a1a1a;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .img > img {
  max-width: 224px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .title {
  font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin: 20px 15px 13px;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .data {
  font-size: 17px;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .data > .price,
.bike-cards-list > .content-wrapper > .items > .item > .content > .data > .weight {
  display: inline-block;
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  text-align: center;
  padding: 11px 0;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .data > .price {
  width: 48.9%;
  border-right: 1px solid #b4b4b4;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .data > .weight {
  width: 50.8%;
  margin-left: -5px;
}
.bike-cards-list > .content-wrapper > .items > .item > .content > .button {
  width: -webkit-calc(100% - 26px);
  width: calc(100% - 26px);
  margin: 55px 13px 47px 13px;
}
.bike-cards-list > .content-wrapper > .items > .item.-add-more {
  border: 1px dashed #b4b4b4;
  display: block;
}
.bike-cards-list > .content-wrapper > .items > .item.-add-more > .box .new,
.bike-cards-list > .content-wrapper > .items > .item.-add-more > .box > .wrapper {
  display: block;
  text-align: center;
}
.bike-cards-list > .content-wrapper > .items > .item:nth-child(4n) {
  margin-right: 0;
}
/******************************
 *
 *  M27. Step-by-step
 *
 ******************************/
.step-by-step {
  background: #eee;
  padding-bottom: 5px;
}
.step-by-step.-big-step .content-grid .box {
  position: relative;
  box-sizing: border-box;
  height: auto;
}
.step-by-step.-big-step .content-grid .box h3 {
  position: relative;
  min-height: 61px;
}
.step-by-step.-big-step .content-grid .box h3 .num {
  border-radius: 100%;
  background-clip: padding-box;
  position: absolute;
  width: 60px;
  height: 60px;
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 61px;
  border: 2px solid #000;
  text-align: center;
}
.step-by-step.-big-step .content-grid .box h3 .step-title span {
  padding-left: 20px;
  position: absolute;
  top: 25% S;
}
.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 12px 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;
  font-size: 30px;
  margin: 0 0 18px;
  position: relative;
  min-height: 65px;
  padding-left: 75px;
}
@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;
  background: #eee;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  text-align: center;
  border: 1px solid #000;
  overflow: hidden;
  width: 65px;
  height: 65px;
  line-height: 66px;
  font-size: 42px;
}
.step-by-step .content-grid .box h3 .step-title {
  padding: 0;
  display: inline-block;
  min-height: 40px;
  padding-top: 16px;
}
.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 {
  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;
}
.custom-build-promo.-bike-builder {
  max-width: 360px;
  min-height: auto;
  margin-top: -53px;
  padding: 0 11px;
}
@media only screen and (max-width: 970px) {
  .custom-build-promo.-bike-builder {
    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: 0;
    max-width: 100%;
    padding: 0;
  }
}
.custom-build-promo.-bike-builder .content-grid .action {
  margin: 0;
  width: 100%;
}
.custom-build-promo.-bike-builder .content-grid .action > .button {
  width: 100%;
  font-size: 14px;
}
@media only screen and (max-width: 600px) {
  .custom-build-promo.-bike-builder {
    margin-top: -12px;
  }
}
@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%;
}
.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;
}
.share-block.metadetails {
  margin-top: 65px;
}
.share-block.metadetails #google_translate_element {
  margin-right: 30px;
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 600px) {
  .social a {
    float: left;
    margin-right: 10px;
  }
}
.article-header-container {
  background-color: #ddd;
  padding: 40px 0;
  color: #1a1a1a;
  position: relative;
}
.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.stardust-black,
.article-header-container.branding-stardust-black,
.branding-stardust-black .article-header-container {
  background-color: #383838;
  color: #fff;
}
.article-header-container.stardust-black a,
.article-header-container.branding-stardust-black a,
.branding-stardust-black .article-header-container a {
  color: inherit;
}
.article-header-container.stardust-black .triptych-icon,
.article-header-container.branding-stardust-black .triptych-icon,
.branding-stardust-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.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;
  color: black;
  padding: 14px;
  font-size: 17px;
  box-sizing: border-box;
  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;
  vertical-align: top;
}
.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: 400;
  line-height: 35px;
  margin: 0 0 0;
}
@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;
}
@media only screen and (max-width: 600px) {
  .article-header-container .article-header .left-side {
    display: none;
  }
}
.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;
}
.main-side.detaisBuild {
  margin-left: 10px;
}
@media only screen and (max-width: 800px) {
  .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 .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 .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) {
  .media + .article-header {
    height: 100%;
    min-height: 300px;
  }
  .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%;
  }
  .media + .article-header .article-header-mobile {
    display: none;
  }
  .article-header {
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    max-width: 1140px;
  }
  .article-header .left-side {
    display: none;
  }
  .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 .main-side h2 {
/* Cost calculator result, site search overlay, stats */
    font: 25px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
  }
  .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 .article-header-mobile div {
    display: inline-block;
  }
  .article-header .article-header-mobile div.tags {
    display: block;
  }
}
.-forBwc {
  margin-bottom: 36px;
}
.-forBwc.-withTwitter {
  margin-bottom: 72px;
}
.-forBwc .twitter-feed {
  background: #eee;
  position: absolute;
  right: 0;
  bottom: -48px;
  left: 0;
  padding: 12px;
  color: #181818;
  height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.-forBwc .twitter-feed .inside {
  margin: 0 auto;
  max-width: 1140px;
}
.-forBwc .twitter-feed .inside .cycle-slide {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}
.-forBwc .twitter-feed .inside a {
  text-decoration: none;
  color: #181818;
  margin-right: 8px;
}
.-forBwc .twitter-feed .inside a:hover {
  text-decoration: underline;
}
.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.stardust-black,
.pullout-quote.branding-stardust-black,
.branding-stardust-black .pullout-quote {
  background-color: #383838;
  color: #fff;
}
.pullout-quote.stardust-black a,
.pullout-quote.branding-stardust-black a,
.branding-stardust-black .pullout-quote a {
  color: inherit;
}
.pullout-quote.stardust-black .triptych-icon,
.pullout-quote.branding-stardust-black .triptych-icon,
.branding-stardust-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.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;
}
.bike-builder {
  margin: 10px auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  background-image: url("images/bike-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 780px;
/* Tablet version */
}
@media only screen and (max-width: 600px) {
  .bike-builder {
    background-position: center 60px;
  }
}
.bike-builder.-loaded {
  background-image: none;
  min-height: 80px;
}
.bike-builder .bike-next-constructor {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  z-index: 2;
}
.bike-builder .bike-preview-constructor {
  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;
  z-index: 2;
}
.bike-builder .bike-data-constructor {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 23.369347739095637%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  z-index: 2;
}
.bike-builder .bike-part-line {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 98.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1003px) {
  .bike-builder {
    margin: 30px auto;
  }
  .bike-builder .bike-next-constructor {
    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-builder .bike-preview-constructor {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 65.03601440576232%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .bike-builder .bike-data-constructor {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 31.702681072428966%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .bike-builder .bike-part-line {
    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) {
  .bike-builder {
    margin: 0px auto;
    min-width: 320px;
  }
  .bike-builder .bike-next-constructor {
    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-builder .bike-preview-constructor {
    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-builder .bike-data-constructor {
    bottom: -100px;
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
    position: relative;
    z-index: 10;
  }
  .bike-builder .bike-part-line {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 98.36934773909564%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
/******************************
 *
 *  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-selection__rendered {
  margin: 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-search {
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-search .select2-search__field {
  min-width: 140px;
}
.filter-search .content .box .input-wrapper .tags .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  border-radius: 0;
  background-clip: padding-box;
  list-style-type: none;
  display: inline-block;
  border-radius: 20px;
  background-clip: padding-box;
  margin-bottom: 3px;
  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;
  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,
.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,
  .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.stardust-black,
.stats-wrapper.branding-stardust-black,
.branding-stardust-black .stats-wrapper {
  background-color: #383838;
  color: #fff;
}
.stats-wrapper.stardust-black a,
.stats-wrapper.branding-stardust-black a,
.branding-stardust-black .stats-wrapper a {
  color: inherit;
}
.stats-wrapper.stardust-black .triptych-icon,
.stats-wrapper.branding-stardust-black .triptych-icon,
.branding-stardust-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.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-for-Build
 *
 ******************************/
.sign-in-block.blockBuild {
  display: block;
  text-align: center;
  padding: 90px 0 30px 0;
}
.sign-in-block.blockBuild .tabs-wrapper .tabs.button-group .tab .form-wrapper .checkbox-wrapper.label,
.sign-in-block.blockBuild .tabs-wrapper .tabs-content .tab .form-wrapper .checkbox-wrapper.label {
  margin: -21px 0 31px;
}
.sign-in-block.blockBuild .tabs-wrapper .tabs.button-group .tab .form-wrapper .checkbox-wrapper.label .css-label a.under,
.sign-in-block.blockBuild .tabs-wrapper .tabs-content .tab .form-wrapper .checkbox-wrapper.label .css-label a.under {
  text-decoration: underline;
}
.sign-in-block.blockBuild .tabs-wrapper .tabs.button-group .tab .form-wrapper .alert-message-check,
.sign-in-block.blockBuild .tabs-wrapper .tabs-content .tab .form-wrapper .alert-message-check {
  position: absolute;
  margin: 0 0 0 50px;
  display: none;
}
.sign-in-block.blockBuild .tabs-wrapper .tabs.button-group .tab .form-wrapper .alert-message-check >span,
.sign-in-block.blockBuild .tabs-wrapper .tabs-content .tab .form-wrapper .alert-message-check >span {
  color: #f00;
}
.sign-in-block.blockBuild .tabs-wrapper .tabs.button-group .tab .form-wrapper .input-wrapper.form-action button.building,
.sign-in-block.blockBuild .tabs-wrapper .tabs-content .tab .form-wrapper .input-wrapper.form-action button.building {
  font-size: 18px;
}
/******************************
 *
 *  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 .checkout-header,
.sign-in-block .checkout-footer {
  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: 0 auto;
  text-align: center;
}
.sign-in-block .checkout-header .button,
.sign-in-block .checkout-footer .button {
  max-width: 290px;
  width: 100%;
}
.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 .button {
  display: table-cell;
  vertical-align: middle;
}
.sign-in-block .tabs-wrapper .tabs .button:first-child {
  border-right: 0;
}
.sign-in-block .tabs-wrapper .tabs .button:last-child {
  margin-left: -5px;
  border-left: 1px solid #b4b4b4;
}
.sign-in-block .tabs-wrapper .tabs .button:active {
  color: #000;
}
.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: 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: none;
  text-align: center;
  *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 {
  width: 48%;
}
.sign-in-block .social-signin-buttons .sign-button:last-child {
  float: right;
  display: none;
}
.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 {
    display: table;
    width: 100%;
  }
  .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: center;
    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;
    width: 100%;
  }
}
/*******************************
 *
 *  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,
.builder-preview .zoom-out {
  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='search'] {
  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
 *
 ******************************/
.modal-overlay {
  display: block /* Hidden by default */;
  position: fixed;
  top: /* Stay in place */;
  right: /* Stay in place */;
  bottom: /* Stay in place */;
  left: /* Stay in place */;
  z-index: 101 /* Sit on top */;
  left: 0;
  top: 0;
  width: 100% /* Full width */;
  height: 100% /* Full height */;
  overflow: auto /* Enable scroll if needed */;
  background-color: #000 /* Fallback color */;
  background-color: rgba(0,0,0,0.1) /* Black w/ opacity */;
}
.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 ul {
  list-style: none;
}
.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;
}
.cookie-panel.lang {
  display: none;
}
.cookie-panel.large {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.cookie-panel.large .details {
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
.cookie-panel.large .linked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cookie-panel.large .accept {
  display: inline-block;
  border-radius: 30px;
  background-clip: padding-box;
  padding: 10px 40px;
  text-decoration: none;
  margin-top: 10px;
  background: #000;
  font-weight: 500;
  color: #fff;
}
.cookie-panel.large .optOut {
  border: 1px solid #000;
  display: inline-block;
  color: #000;
  border-radius: 30px;
  background-clip: padding-box;
  padding: 10px 40px;
  text-decoration: none;
  margin-top: 10px;
  font-weight: 500;
}
@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;
    z-index: 9;
  }
  .cookie-panel.large {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    z-index: 9;
  }
}
/******************************
 *
 *  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;
}
.event-header-wrapper .event-header .calendar .dateEvent .day {
  margin-left: 0;
}
@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 > .ecvBody {
    border: 0;
  }
  .events-calendar-view > .ecvBody > .day {
    border: 0;
    padding-top: 28px;
    margin-bottom: 6px;
  }
  .events-calendar-view > .ecvBody > .day.-another {
    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;
}
@media only screen and (max-width: 600px) {
  .post-tiles {
    margin-right: 0;
  }
}
.post-tiles .-text-tab {
  margin-right: 40px;
}
@media only screen and (max-width: 800px) {
  .post-tiles .-text-tab {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .post-tiles .-text-tab {
    margin-right: 0px;
  }
}
.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: 10px 14px;
  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;
}
/*******************************
 *
 *   M62-Bike-next-constructor
 *
 ******************************/
.bike-next-constructor {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.bike-builder.-loaded .bike-next-constructor {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.bike-next-constructor .panel h2 {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 5px;
}
.bike-next-constructor .panel .sections .section {
  margin-top: -1px;
}
.bike-next-constructor .panel .sections .section .section-title {
  padding: 5px 0px;
  border-bottom: 1px #000 solid;
  border-top: 1px #000 solid;
  cursor: pointer;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 700;
  text-transform: lowercase;
}
.bike-next-constructor .panel .sections .section .section-title::first-letter {
  text-transform: uppercase;
}
.bike-next-constructor .panel .sections .section.expanded {
  background: url("images/arrow_drop_up.png") top 13px right 7px no-repeat;
  background-size: 8px 10px;
}
.bike-next-constructor .panel .sections .section.expanded .section-title {
  padding: 5px 0;
  border-bottom: 1px #000 solid;
  cursor: pointer;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 700;
}
.bike-next-constructor .panel .sections .section.expanded .section-title:first-child {
  padding: 6px 0 2px;
  border-top: 0;
}
.bike-next-constructor .panel .sections .section.expanded .section-content {
  font-size: 14px;
  line-height: 25px;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.bike-next-constructor .panel .sections .section.expanded .section-content .detail {
  height: 20px;
  overflow: hidden;
  zoom: 1;
  cursor: pointer;
  display: table;
  width: 100%;
}
.bike-next-constructor .panel .sections .section.expanded .section-content .detail .part {
  overflow: hidden;
  white-space: nowrap;
  display: table-cell;
  padding-left: 4px;
}
.bike-next-constructor .panel .sections .section.expanded .section-content .detail .type {
  color: #777;
  text-align: right;
  white-space: nowrap;
  padding-right: 5px;
  display: table-cell;
}
.bike-next-constructor .panel .sections .section.expanded .section-content .detail.active {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 25px;
  background: #ddd;
}
.bike-next-constructor .panel .sections .section.expanded .section-content .detail:first-child {
  margin-top: 5px;
}
.bike-next-constructor .panel .sections .section.expanded .section-content .detail:last-child {
  margin-bottom: 12px;
}
.bike-next-constructor .panel .sections .section.collapsed {
  background: url("images/arrow_drop_down.png") top 13px right 7px no-repeat;
  background-size: 8px 10px;
}
.bike-next-constructor .panel .sections .section.collapsed .section-title {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 25px;
}
.bike-next-constructor .panel .sections .section.collapsed .section-content {
  display: none;
}
.bike-next-constructor .panel .sections:nth-child(1) .section .section-title {
  border-top: 0 !important;
}
.bike-next-constructor .panel .sections:nth-child(1) .section.expanded .section-title,
.bike-next-constructor .panel .sections:nth-child(1) .section.collapsed .section-title {
  border-top: 0 !important;
}
@media only screen and (max-width: 1003px) {
  .bike-next-constructor {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .bike-next-constructor {
    margin-bottom: 0px;
  }
  .bike-next-constructor .panel h2 {
    font-size: 18px;
  }
}
/*******************************
 *
 *   M63-Bike-preview-contructor
 *
 ******************************/
.bike-preview-constructor {
  overflow: hidden;
}
.bike-preview-constructor .img-preload {
  position: fixed;
  top: 0;
  right: 0;
  width: 2px;
  height: 2px;
}
.bike-preview-constructor .img-preload img {
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
  filter: alpha(opacity=5);
  opacity: 0.05;
}
.bike-preview-constructor .bike {
  position: relative;
  width: 105%;
  top: -38px;
  z-index: 0;
}
.bike-preview-constructor .bike .transparent {
  width: 100%;
  height: auto;
  position: relative;
}
.bike-preview-constructor .bike .progress-wrapper {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  font-size: 12px;
  background: rgba(26,26,26,0.8);
  color: #fff;
  text-align: center;
  padding: 14px 5px;
}
@media only screen and (max-width: 600px) {
  .bike-preview-constructor .bike .progress-wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.bike-preview-constructor .bike .progress-wrapper .label {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  width: 44%;
  margin-right: 4%;
  text-align: right;
}
.bike-preview-constructor .bike .progress-wrapper .progress-total {
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  background: #fff;
  position: relative;
  border: 0;
  width: 40%;
  overflow: hidden;
}
.bike-preview-constructor .bike .progress-wrapper .progress-current {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #008db1;
  -webkit-animation: cssProgressActive 2s linear infinite;
  animation: cssProgressActive 2s linear infinite;
  background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,0.125) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.125) 50%,rgba(255,255,255,0.125) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(135deg,rgba(255,255,255,0.125) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.125) 50%,rgba(255,255,255,0.125) 75%,transparent 75%,transparent);
  background-image: -ms-linear-gradient(135deg,rgba(255,255,255,0.125) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.125) 50%,rgba(255,255,255,0.125) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(135deg,rgba(255,255,255,0.125) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.125) 50%,rgba(255,255,255,0.125) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg,rgba(255,255,255,0.125) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.125) 50%,rgba(255,255,255,0.125) 75%,transparent 75%,transparent);
  background-size: 35px 35px;
}
.bike-preview-constructor .bike .bike-detail {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.bike-preview-constructor .bike .bike-detail img {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  width: 100%;
  height: auto;
}
.bike-preview-constructor .bike .bike-detail.selected img {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
@media only screen and (max-width: 1003px) {
  .bike-preview-constructor .bike-page .bike-preview .bike {
    top: 0;
  }
  .bike-preview-constructor .bike-page .bike-preview .bike .bike-detail img {
    width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  .bike-preview-constructor {
    margin-bottom: 0;
  }
  .bike-preview-constructor .bike-page .bike-preview .bike .bike-detail img {
    width: 100%;
    margin: 0 auto;
  }
}
@-moz-keyframes cssProgressActive {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}
@-webkit-keyframes cssProgressActive {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}
@-o-keyframes cssProgressActive {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}
@keyframes cssProgressActive {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}
/*******************************
 *
 *  M64-Bike-data-constructor-for-new-Brompton.jade
 *
 ******************************/
.right-img-text {
  width: 362px;
  height: 100%;
}
/*******************************
 *
 *   M64-Bike-data-constructor
 *
 ******************************/
.bike-data-constructor {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.bike-builder.-loaded .bike-data-constructor {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.bike-data-constructor .panel .brief .data {
  border: 1px #ddd solid;
  font-family: "akzidenz-grotesk", "Helvetica Neue", skolar;
  font-size: 16px;
  *zoom: 1;
}
.bike-data-constructor .panel .brief .data:before,
.bike-data-constructor .panel .brief .data:after {
  content: " ";
  display: table;
}
.bike-data-constructor .panel .brief .data:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.bike-data-constructor .panel .brief .data .weight {
  width: 35%;
  padding: 15px;
  display: inline-block;
  float: left;
  border-right: 1px #ddd solid;
}
.bike-data-constructor .panel .brief .data .weight .data-heading {
  text-transform: uppercase;
}
.bike-data-constructor .panel .brief .data .weight .data-value > :not(.sign) {
  font-weight: bolder;
  font-size: 23px;
  margin-right: 5px;
}
.bike-data-constructor .panel .brief .data .price {
  width: 35%;
  float: left;
  padding: 15px;
  display: inline-block;
}
.bike-data-constructor .panel .brief .data .price .data-heading {
  text-transform: uppercase;
}
.bike-data-constructor .panel .brief .data .price .data-value > :not(.sign) {
  margin-left: 5px;
  font-weight: bolder;
  font-size: 23px;
}
.bike-data-constructor .panel .brief .actions .next-steps {
  margin-top: -1px;
  padding: 15px;
  border: 1px #ddd solid;
}
.bike-data-constructor .panel .brief .actions .help-me-choose {
  padding: 15px;
}
.bike-data-constructor .panel .brief .actions h2 {
  font-size: 16px;
  font-family: "akzidenz-grotesk", "Helvetica Neue", museo-slab;
}
.bike-data-constructor .panel .brief .actions p {
  font-size: 14px;
  margin: 0.7em 0;
}
@media only screen and (max-width: 1003px) {
  .bike-data-constructor .panel .brief .data .weight,
  .bike-data-constructor .panel .brief .data .price {
    max-width: 50%;
    padding: 5px;
    width: 42.5%;
    font-size: 15px;
  }
  .bike-data-constructor .panel .brief .data .weight .data-value .ng-binding:nth-child(1) {
    font-size: 16px !important;
  }
  .bike-data-constructor .panel .brief .data .price .data-value .ng-binding:nth-child(2) {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 600px) {
  .bike-data-constructor {
    margin-top: 20px;
  }
  .bike-data-constructor .panel .brief .data .weight,
  .bike-data-constructor .panel .brief .data .price {
    max-width: 50%;
    padding: 5px;
    width: 46.5%;
    font-size: 14px;
  }
  .bike-data-constructor .panel .brief .data .weight .data-value > :not(.sign) {
    font-size: 16px;
  }
  .bike-data-constructor .panel .brief .data .price .data-value > :not(.sign) {
    font-size: 16px;
  }
  .bike-data-constructor .panel .brief .actions {
    margin-top: 20px;
    border: 0;
  }
  .bike-data-constructor .panel .brief .actions .next-steps,
  .bike-data-constructor .panel .brief .actions .help-me-choose {
    display: inline-block;
    max-width: 50%;
    width: 46%;
    padding: 5px;
    border: 0;
  }
  .bike-data-constructor .panel .brief .actions .next-steps h2,
  .bike-data-constructor .panel .brief .actions .help-me-choose h2 {
    display: none;
  }
  .bike-data-constructor .panel .brief .actions .next-steps p,
  .bike-data-constructor .panel .brief .actions .help-me-choose p {
    display: none;
  }
  .bike-data-constructor .panel .brief .actions .next-steps .button,
  .bike-data-constructor .panel .brief .actions .help-me-choose .button {
    font-size: 14px;
  }
  .bike-data-constructor .panel .brief .actions .help-me-choose {
    margin-left: -1px;
  }
}
/*******************************
 *
 *   M65-Bike-data-constructor
 *
 ******************************/
.bike-part-line {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: -100px;
}
@media only screen and (max-width: 970px) {
  .bike-part-line {
    margin-top: -30px;
  }
}
@media only screen and (max-width: 1003px) {
  .bike-part-line {
    margin-top: 0;
  }
}
@media only screen and (min-width: 970px) and (max-width: 1220px) {
  .bike-part-line {
    margin-top: -40px;
  }
}
.bike-part-line .feature-note {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 48.36934773909564%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  padding-right: 30px;
  margin-left: 0;
}
@media only screen and (max-width: 600px) {
  .bike-part-line .feature-note {
    top: -180px;
    position: relative;
  }
}
.bike-part-line .feature-note h2 {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 0;
}
.bike-part-line .feature-note p {
  margin: 3px 0 10px;
  font-size: 15px;
  line-height: 20px;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
}
@media only screen and (max-width: 600px) {
  .bike-part-line .feature-note {
    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-part-line .add-product {
  position: absolute;
  top: -279px;
  left: 64%;
}
@media only screen and (max-width: 1003px) {
  .bike-part-line .add-product {
    position: absolute;
    top: -401px;
    left: 53%;
  }
}
.bike-part-line .add-product .slider {
  width: 120px;
  height: 84px;
  overflow: hidden;
  display: none;
}
.bike-part-line .add-product .slider .item {
  width: inherit;
  height: inherit;
  position: relative;
  display: inline-block;
  outline: none;
}
.bike-part-line .add-product .slider .item img {
  display: block;
  position: relative;
  z-index: 1;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.bike-part-line .add-product .slider .item .dalete {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 10px;
  background: url("images/close-black.svg") center center no-repeat;
  background-size: 20px;
  height: 20px;
  width: 20px;
  z-index: 2;
}
.bike-part-line .add-product .slider .slick-arrow {
  outline: none;
  font-size: 0;
  color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bike-part-line .add-product .slider .slick-prev {
  background: transparent url("images/prev.png") no-repeat center;
  z-index: 99999;
}
@media only screen and (max-width: 1003px) {
  .bike-part-line .add-product .slider .slick-prev {
    left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .bike-part-line .add-product .slider .slick-prev {
    left: 5px;
  }
}
.bike-part-line .add-product .slider .slick-next {
  background: transparent url("images/next.png") no-repeat center;
  z-index: 99999;
}
@media only screen and (max-width: 1003px) {
  .bike-part-line .add-product .slider .slick-next {
    right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .bike-part-line .add-product .slider .slick-next {
    right: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .bike-part-line .add-product {
    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-part-line .carousel {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 600px) {
  .bike-part-line .carousel {
    padding: 0 25px;
    position: absolute;
    top: -310px;
  }
}
.bike-part-line .carousel .part-line {
  margin-bottom: 0;
}
.bike-part-line .carousel .part-line .slick-arrow:before {
  display: none;
}
.bike-part-line .carousel .part-line .slick-arrow:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.bike-part-line .carousel .part-line .slick-arrow:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bike-part-line .carousel .part-line .slick-next {
  background: transparent url("images/next.png") no-repeat center;
  right: -20px;
}
.bike-part-line .carousel .part-line .slick-prev {
  background: transparent url("images/prev.png") no-repeat center;
}
.bike-part-line .carousel .part-line .part-type {
  display: inline-block;
  cursor: pointer;
  border: 2px transparent solid;
  margin-right: -1px;
  margin-bottom: -1px;
  vertical-align: top;
  width: 170px;
  height: 180px;
  font-size: 12px;
  position: relative;
  margin-right: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  outline: none;
}
.bike-part-line .carousel .part-line .part-type.selected {
  border-color: #000;
  z-index: 2;
  cursor: default;
}
.bike-part-line .carousel .part-line .part-type .preview {
  position: absolute;
  pading-top: 5px;
  padding-left: 5px;
  top: 0;
  left: 0;
  height: 60%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 80% auto;
}
.bike-part-line .carousel .part-line .part-type .data-info {
  display: none;
}
.bike-part-line .carousel .part-line .part-type .bike-info {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: url("images/icon-bike-info.png");
  z-index: 1;
  cursor: pointer;
}
@media only screen and (max-width: 800px) {
  .bike-part-line .carousel .part-line .part-type .bike-info {
    display: none;
  }
}
.bike-part-line .carousel .part-line .part-type .bike-info.selected {
  z-index: 5;
  background: url("images/icon-bike-closed.png");
}
.bike-part-line .carousel .part-line .part-type .bike-info.selected + .data-info {
  position: absolute;
  top: 0;
  right: -225px;
  width: 268px;
  height: auto;
  border: 1px #ddd solid;
  background: #fff;
  padding: 10px;
  z-index: 4;
  display: block;
  overflow: hidden;
}
.bike-part-line .carousel .part-line .part-type .bike-info.selected + .data-info .data-bike-title {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin-left: 60px;
  font-size: 17px;
  line-height: 20px;
}
.bike-part-line .carousel .part-line .part-type .bike-info.selected + .data-info .data-bike-info {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin-left: 60px;
  font-size: 14px;
  line-height: 20px;
}
.bike-part-line .carousel .part-line .part-type .bike-info.selected + .data-info .data-bike-text {
  margin-top: 15px;
  display: block;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  white-space: normal !important;
}
.bike-part-line .carousel .part-line .part-type .part-title {
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 39px;
  padding: 5px;
  white-space: nowrap;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.bike-part-line .carousel .part-line .part-type .part-info {
  font-size: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
}
.bike-part-line .carousel .part-line .part-type .part-info .weight,
.bike-part-line .carousel .part-line .part-type .part-info .price {
  display: block;
}
.bike-part-line .carousel .part-line-navigation .btn.prev {
  background: transparent url("images/prev.png") no-repeat center;
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
  margin-top: -20px;
  cursor: pointer;
}
.bike-part-line .carousel .part-line-navigation .btn.prev:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.bike-part-line .carousel .part-line-navigation .btn.next {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  margin-top: -20px;
  cursor: pointer;
  background: transparent url("images/next.png") no-repeat center;
}
.bike-part-line .carousel .part-line-navigation .btn.next:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.bike-part-line .reset-build {
  margin-top: 20px;
  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;
  -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;
  outline: none;
  max-width: 100%;
  display: inline-block;
  border-radius: 20px;
  background-clip: padding-box;
}
@media only screen and (max-width: 600px) {
  .bike-part-line .reset-build {
    margin-top: 100px;
    margin-bottom: 20px;
  }
}
.bike-part-line .reset-build:hover {
  background-color: #c7c4c4;
}
@media only screen and (max-width: 1003px) {
  .bike-part-line .feature-note {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .bike-part-line .feature-note {
    width: 100%;
    padding-right: 30px;
  }
  .bike-part-line .feature-note h2 {
    font-size: 18px;
  }
  .bike-part-line .feature-note p {
    font-size: 12px;
  }
  .bike-part-line .carousel .part-line .part-type {
    width: 80px;
    height: 115px;
    margin-right: 5px;
  }
  .bike-part-line .carousel .part-line .part-type .preview {
    margin: 0 2px;
    padding: 0;
    width: -webkit-calc(100% - 4px);
    width: calc(100% - 4px);
  }
  .bike-part-line .carousel .part-line .part-type .part-title,
  .bike-part-line .carousel .part-line .part-type .part-info {
    font-size: 11px;
    padding: 2px;
  }
  .bike-part-line .carousel .part-line .part-type .part-title {
    bottom: 30px;
  }
}
.bike-part-line .builder-wrapper {
  max-width: 1400px;
  margin: 0 auto;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type {
  display: inline-block;
  cursor: pointer;
  border: 2px transparent solid;
  margin-right: -1px;
  margin-bottom: -1px;
  vertical-align: top;
  width: 170px;
  height: 180px;
  font-size: 12px;
  position: relative;
  margin-right: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  outline: none;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type.selected {
  border-color: #000;
  z-index: 2;
  cursor: default;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .preview {
  position: absolute;
  pading-top: 5px;
  padding-left: 5px;
  top: 0;
  left: 0;
  height: 60%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 80% auto;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .data-info {
  display: none;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: url("images/icon-bike-info.png");
  z-index: 1;
  cursor: pointer;
}
@media only screen and (max-width: 800px) {
  .bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info {
    display: none;
  }
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info.selected {
  z-index: 5;
  background: url("images/icon-bike-closed.png");
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info.selected + .data-info {
  position: absolute;
  top: 0;
  right: -225px;
  width: 268px;
  height: auto;
  border: 1px #ddd solid;
  background: #fff;
  padding: 10px;
  z-index: 4;
  display: block;
  overflow: hidden;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info.selected + .data-info .data-bike-title {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  margin-left: 60px;
  font-size: 17px;
  line-height: 20px;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info.selected + .data-info .data-bike-info {
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  margin-left: 60px;
  font-size: 14px;
  line-height: 20px;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .bike-info.selected + .data-info .data-bike-text {
  margin-top: 15px;
  display: block;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  white-space: normal !important;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .part-title {
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 39px;
  padding: 5px;
  white-space: nowrap;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .part-info {
  font-size: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
}
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .part-info .weight,
.bike-part-line .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .part-type .part-info .price {
  display: block;
}
/******************************
 *
 *   M66-bike-bilder-promo
 *
 ******************************/
.bike-bilder-promo {
  border-top: 1px solid #f9f9f9;
  background: #f8f8f8;
  padding-bottom: 47px;
}
.bike-bilder-promo .content {
  -ms-grid: ;
  grid: ;
}
.bike-bilder-promo .colum-wrap {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15.036014405762305%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-bilder-promo .design-image {
  margin-left: -35px;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-bilder-promo .design-image .box {
  padding: 60px 0 0;
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box {
    padding-top: 0px;
  }
}
.bike-bilder-promo .design-image .box h3 {
  font-size: 24px;
  font-weight: 500;
  padding: 0 18px;
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box h3 {
    font-size: 18px;
  }
}
.bike-bilder-promo .design-image .box-build-but ul.but {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box-build-but ul.but {
    display: table;
    white-space: normal;
    width: 100%;
  }
}
.bike-bilder-promo .design-image .box-build-but ul.but li {
  display: inline-block;
  list-style: none;
  margin: 0 1px 0 0;
}
.bike-bilder-promo .design-image .box-build-but ul.but li:first-child a {
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
}
.bike-bilder-promo .design-image .box-build-but ul.but li:last-child a {
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box-build-but ul.but li {
    display: table-cell;
    background-color: #ededed;
  }
}
.bike-bilder-promo .design-image .box-build-but ul.but li a {
  display: block;
/* Cost calculator result, site search overlay, stats */
  font: 18px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  padding: 13px 15px;
  box-sizing: border-box;
  background-color: #ededed;
  margin-bottom: 10px;
  cursor: pointer;
}
.bike-bilder-promo .design-image .box-build-but ul.but li a:hover {
  background-color: #d7d5d5;
}
@media only screen and (max-width: 800px) {
  .bike-bilder-promo .design-image .box-build-but ul.but li a {
    font-size: 16px;
  }
  .bike-bilder-promo .design-image .box-build-but ul.but li a span:nth-child(2) {
    display: none;
  }
  .bike-bilder-promo .design-image .box-build-but ul.but li a span:nth-child(3) {
    text-transform: none;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box-build-but ul.but li a {
    margin-bottom: 0;
    font-size: 14px;
    padding: 5px;
  }
  .bike-bilder-promo .design-image .box-build-but ul.but li a span:nth-child(1) {
    display: none;
  }
  .bike-bilder-promo .design-image .box-build-but ul.but li a span:nth-child(3) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box-build-but ul.but li.selected {
    background: #1a1a1a;
  }
}
.bike-bilder-promo .design-image .box-build-but ul.but li.selected a {
  background: #1a1a1a;
  color: #fff;
}
.bike-bilder-promo .design-image .box-build-but ul.but li.selected a:before {
  content: ' ';
  position: absolute;
  border-width: 10.5px 4px 10.5px 0;
  border-color: transparent #222 transparent transparent;
  border-top: 10px solid #222;
  top: 42%;
  -webkit-transform: translateY(-50%, -50%);
  -ms-transform: translateY(-50%, -50%);
  transform: translateY(-50%, -50%);
}
.bike-bilder-promo .design-image .box-build-but ul.but li.selected a:after {
  content: ' ';
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #222;
  top: 100%;
  left: 42%;
  -webkit-transform: translateY(-50%, -50%);
  -ms-transform: translateY(-50%, -50%);
  transform: translateY(-50%, -50%);
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .box-build-but ul.but li.selected a:after {
    display: none;
  }
}
.bike-bilder-promo .design-image .bike-preview {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .bike-preview {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.bike-bilder-promo .design-image .bike-preview-photo {
  max-width: 525px;
  margin: -20px auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .bike-bilder-promo .design-image .bike-preview-photo {
    margin: 0 auto -100px;
  }
}
.bike-bilder-promo .design-image .steel-button {
  z-index: 3;
  position: relative;
  width: 100%;
  margin-top: -50px;
}
.bike-bilder-promo .design-image .steel-button .radio-material {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin: 0 6px 6px 0;
}
.bike-bilder-promo .design-image .steel-button .radio-material.selected {
  font-weight: 500;
}
.bike-bilder-promo .design-image .steel-button .radio-material.selected >.circle {
  border: 3px solid #1a1a1a !important;
}
.bike-bilder-promo .design-image .steel-button .radio-material > p {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin-left: 3px;
  margin-right: 35px;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  display: inline-block;
  border: 3px solid transparent;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.Steel {
  background-image: url("images/Steel.jpg");
  background-size: cover;
  background-position: center center;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.SteelTitanium,
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.Titanium {
  background-image: url("images/SteelTitanium.jpg");
  background-size: 110% 110%;
  background-position: center center;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.Black {
  background-color: #1a1a1a;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.White {
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 1px #808080;
  box-shadow: inset 0px 0px 1px #808080;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.TempestBlue {
  background-color: #242142;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.BerryCrush {
  background-color: #8d267c;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.TurkishGreen {
  background-color: #96cdc5;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.RacingGreen {
  background-color: #265238;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.Ivory {
  background-color: #f1dfb8;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.Orange {
  background-color: #f47523;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.Red {
  background-color: #ec2427;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.LimeGreen {
  background-color: #cbdd61;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.CherryBlossom {
  background-color: #e9d0c8;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.LagoonBlue {
  background-color: #00a8cb;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.RawLacquer {
  background-color: #959773;
}
.bike-bilder-promo .design-image .steel-button .radio-material >.circle.StardustBlack {
  background-color: #2f2f2f;
}
.bike-bilder-promo .design-image .steel-button h5 {
  font-size: 19px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
  .bike-bilder-promo .content {
    -ms-grid: ;
    grid: ;
  }
  .bike-bilder-promo .colum-wrap {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 6.702681072428971%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
  .bike-bilder-promo .design-image {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 81.70268107242896%;
    margin-left: 0.815326130452181%;
    margin-right: 0.815326130452181%;
  }
}
/*******************************
 *
 *   M67-Delivery-Progress
 *
 ******************************/
.delivery-progress {
  background: #808080;
  color: #fff;
}
.delivery-progress > .container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 50px 0 105px;
  background-position: 2px 194px;
  overflow-x: hidden;
}
.delivery-progress > .container > .header-title {
  font: 40px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 0 10px;
}
.delivery-progress > .container > .header-description {
  font: 24px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  margin: 3px 0 0 14px;
}
.delivery-progress > .container > .list {
  padding: 0;
  margin: 168px 0 0;
  list-style: none;
}
.delivery-progress > .container > .list > .item {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 140px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  opacity: 0.2;
  margin-bottom: 30px;
}
.delivery-progress > .container > .list > .item:not(:first-child) {
  margin-left: -3px;
}
.delivery-progress > .container > .list > .item:nth-child(2n) > .line {
  background: #fff;
}
.delivery-progress > .container > .list > .item:nth-child(2n) > .content {
  background: #fff;
  color: #1a1a1a;
}
.delivery-progress > .container > .list > .item:nth-child(2n):before {
  background: #fff;
}
.delivery-progress > .container > .list > .item:nth-child(2n+1) > .line {
  background: #1a1a1a;
}
.delivery-progress > .container > .list > .item:nth-child(2n+1) > .content {
  background: #1a1a1a;
  color: #fff;
}
.delivery-progress > .container > .list > .item:nth-child(2n+1):before {
  background: #1a1a1a;
}
.delivery-progress > .container > .list > .item:before {
  content: '';
  width: 100%;
  height: 10px;
  display: block;
}
.delivery-progress > .container > .list > .item > .content {
  display: block;
  border-radius: 100%;
  background-clip: padding-box;
  width: 130px;
  height: 130px;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  margin: 0px 4px;
}
.delivery-progress > .container > .list > .item > .content > .title {
  display: block;
  margin: 25px 10px 0;
}
.delivery-progress > .container > .list > .item > .content > .description {
  display: block;
  margin: 0 10px 0;
}
.delivery-progress > .container > .list > .item > .line {
  display: block;
  height: 61px;
  width: 3px;
  margin: 0 auto;
}
.delivery-progress > .container > .list > .item.-active {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.delivery-progress > .container > .list > .item.-current {
  position: relative;
}
.delivery-progress > .container > .list > .item.-current:after {
  content: '';
  display: block;
  height: 90px;
  width: 143px;
  background: url("images/saved-bikes.svg") no-repeat;
  background-size: 143px 90px;
  color: #fff;
  margin-top: -304px;
}
.delivery-progress > .container > .list > .item.-current > .arrow {
  position: absolute;
}
.delivery-progress > .container > .list > .item.-current > .arrow:after {
  content: '';
  display: block;
  background: url("images/dotted.svg") repeat-x;
  width: 1500px;
  height: 5px;
  margin-left: -1522px;
  margin-top: -12px;
}
.delivery-progress > .container > .list > .item.-current > .arrow:before {
  content: '';
  display: block;
  background: url("images/arrow-right-white.svg") no-repeat;
  width: 15px;
  height: 19px;
  margin-top: -52px;
  margin-left: -18px;
}
@media only screen and (min-width: 1003px) and (max-width: 1220px) {
  .delivery-progress {
    padding: 0 10px;
  }
  .delivery-progress .container {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
  }
  .delivery-progress .container > .list > .item {
    max-width: 121px;
  }
  .delivery-progress .container > .list > .item > .content {
    margin: 0 3px;
    width: 115px;
    height: 115px;
  }
  .delivery-progress .container > .list > .item > .content > .title {
    margin-top: 15px;
  }
  .delivery-progress .container > .list > .item.-current:after {
    width: 115px;
    height: 70px;
    background-size: 115px 70px;
    margin-top: -263px;
  }
}
@media only screen and (max-width: 1003px) {
  .delivery-progress {
    padding: 0;
  }
  .delivery-progress .container {
    margin: 0 10px;
  }
  .delivery-progress .container > .header-title {
    margin: 0;
    font-size: 25px;
  }
  .delivery-progress .container > .header-description {
    margin: 10px 0 0 0;
    font-size: 17px;
  }
  .delivery-progress .container > .list {
    margin-top: 40px;
  }
  .delivery-progress .container > .list > .item {
    display: block;
    max-width: 100%;
    margin: 0 0 10px 0;
    padding: 10px;
  }
  .delivery-progress .container > .list > .item:before {
    display: none;
  }
  .delivery-progress .container > .list > .item > .content {
    text-align: left;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    height: auto;
    border: 0;
    border-radius: 0;
    background-clip: padding-box;
    position: relative;
  }
  .delivery-progress .container > .list > .item > .content > .title,
  .delivery-progress .container > .list > .item > .content > .description {
    padding: 0;
    margin: 0;
  }
  .delivery-progress .container > .list > .item > .line {
    display: none;
  }
  .delivery-progress .container > .list > .item.-current {
    position: relative;
  }
  .delivery-progress .container > .list > .item.-current:after {
    content: '';
    display: inline-block;
    height: 41px;
    width: 52px;
    margin-top: 0;
    color: #fff;
    position: absolute;
    right: 4px;
    bottom: 4px;
  }
  .delivery-progress .container > .list > .item.-current > .arrow {
    position: relative;
    display: none;
  }
  .delivery-progress .container > .list > .item:nth-child(2n) {
    background: #fff;
  }
  .delivery-progress .container > .list > .item:nth-child(2n).-current:after {
    background: url("images/bike.svg") no-repeat;
    background-size: 51px 41px;
  }
  .delivery-progress .container > .list > .item:nth-child(2n+1) {
    background: #1a1a1a;
  }
  .delivery-progress .container > .list > .item:nth-child(2n+1).-current:after {
    background: url("images/saved-bikes.svg") no-repeat;
    background-size: 51px 41px;
  }
}
@media only screen and (max-width: 600px) {
  .delivery-progress .container {
    margin: 0 10px;
    padding: 20px 0 35px;
/*

      > .list
        margin-top 40px

        > .item
          display block
          max-width 100%
          margin 0 0 10px 0
          padding 10px

          &:before
            display none

          > .content
            text-align left
            width calc(100% \- 60px)
            height auto
            border 0
            border-radius 0
            position relative

            > .title,
            > .description
              padding 0
              margin 0

          > .line
            display none

          &.-current
            position relative

            &:after
              content ''
              display inline-block
              height 41px
              width 52px
              margin-top 0
              color $white
              position absolute
              right 4px
              bottom 4px

            > .arrow
              position relative
              display none

          &:nth-child(2n)
            background $white
            &.-current
              &:after
                background img('bike.svg') no-repeat
                background-size 51px 41px

          &:nth-child(2n+1)
            background $black
            &.-current
              &:after
                background img('saved-bikes.svg') no-repeat
                background-size 51px 41px

      */
  }
  .delivery-progress .container > .header-title {
    margin: 0;
    font-size: 25px;
  }
  .delivery-progress .container > .header-description {
    margin: 7px 0 0 0;
    font-size: 15px;
  }
}
/*******************************
 *
 *  M68. learn-about
 *
 ******************************/
.learn-about {
  max-width: 1140px;
  margin: 32px auto;
}
.learn-about >.left-side {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  box-sizing: border-box;
  padding-right: 30px;
}
.learn-about >.left-side h3 {
  font-size: 32px;
  font-weight: 100;
  margin-top: 0;
  margin-left: 10px;
}
.learn-about >.left-side .bike-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.learn-about >.left-side .bike-image >img {
  display: block;
  width: 100%;
  height: auto;
}
.learn-about >.left-side .bike-image >.dots {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.learn-about >.left-side .bike-image >.dots >.dot {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 50%;
  background-clip: padding-box;
  border: #000 3px solid;
  color: #000;
  background: #fff;
  margin: -26px 0 0 -26px;
  font-size: 23px;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 100;
}
.learn-about >.left-side .bike-image >.dots >.dot:hover {
  width: 64px;
  height: 64px;
  line-height: 64px;
  margin: -35px 0 0 -35px;
  z-index: 11;
}
.learn-about >.left-side .bike-image >.dots >.dot.-selected {
  width: 64px;
  height: 64px;
  line-height: 64px;
  margin: -35px 0 0 -35px;
  background: #000;
  color: #fff;
  z-index: 14;
}
@media only screen and (max-width: 600px) {
  .learn-about >.left-side .bike-image >.dots >.dot {
    width: 34px;
    height: 34px;
    margin: -13px 0 0 -13px;
    line-height: 34px;
    font-size: 14px;
  }
  .learn-about >.left-side .bike-image >.dots >.dot:hover,
  .learn-about >.left-side .bike-image >.dots >.dot.-selected {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: -17px 0 0 -17px;
  }
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-1 {
  position: absolute;
  top: 89%;
  left: 26%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-2 {
  position: absolute;
  top: 4%;
  left: 65%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-3 {
  position: absolute;
  top: 56%;
  left: 20%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-4 {
  position: absolute;
  top: 47%;
  left: 59%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-5 {
  position: absolute;
  top: 68%;
  left: 81%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-6 {
  position: absolute;
  top: 50%;
  left: 45%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-7 {
  position: absolute;
  top: 32%;
  left: 33%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-8 {
  position: absolute;
  top: 13%;
  left: 41%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-9 {
  position: absolute;
  top: 45%;
  left: 29%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-10 {
  position: absolute;
  top: 79%;
  left: 50%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-11 {
  position: absolute;
  top: 61%;
  left: 94%;
}
.learn-about >.left-side .bike-image >.dots >.dot.-dot-12 {
  position: absolute;
  top: 39%;
  left: 83%;
}
@media only screen and (max-width: 800px) {
  .learn-about >.left-side {
    display: block;
    width: 100%;
    padding: 12px 5%;
  }
}
.learn-about >.right-side {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(35% - 5px);
  width: calc(35% - 5px);
  box-sizing: border-box;
  padding-left: 30px;
}
@media only screen and (max-width: 600px) {
  .learn-about >.right-side {
    padding: 0 20px;
  }
}
.learn-about >.right-side p {
  margin-top: 0;
  line-height: 22px;
  margin-bottom: 24px;
}
.learn-about >.right-side .video-area {
  text-align: center;
  min-height: 120px;
  position: relative;
  height: 172px;
  margin: 0 0 28px 0;
  background-position: 50% 50%;
  background-size: cover;
}
.learn-about >.right-side .video-area .video-box .overlay {
  background: rgba(0,0,0,0.3);
}
.learn-about >.right-side .video-area .play-controls {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.learn-about >.right-side .video-area .button.play {
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  text-shadow: 0px 0px 1px #000;
  background: none;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  right: 0;
  padding-right: 18px;
}
@media only screen and (max-width: 600px) {
  .learn-about >.right-side .video-area .button.play {
    font-size: 14px;
  }
}
.learn-about >.right-side .video-area .button.play:after {
  display: none;
}
.learn-about >.right-side .video-area .button.play:before {
  content: "";
  width: 72px;
  height: 72px;
  display: inline-block;
  vertical-align: middle;
  background: url("images/play-btn.png") center center no-repeat;
  cursor: pointer;
  margin-right: 12px;
}
@media only screen and (max-width: 600px) {
  .learn-about >.right-side .video-area .button.play:before {
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    margin-left: 30px;
  }
}
.learn-about >.right-side .video-area .play-btn {
  width: 72px;
  height: 72px;
  display: inline-block;
  vertical-align: middle;
  background: url("images/play-btn.png") center center no-repeat;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .learn-about >.right-side .video-area .play-btn {
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    margin-left: 30px;
  }
}
.learn-about >.right-side .video-area .play-description {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  text-shadow: 0px 0px 1px #000;
  max-width: -webkit-calc(100% - 180px);
  max-width: calc(100% - 180px);
}
@media only screen and (max-width: 600px) {
  .learn-about >.right-side .video-area .play-description {
    font-size: 14px;
    max-width: -webkit-calc(100% - 90px);
    max-width: calc(100% - 90px);
  }
}
.learn-about >.right-side .video-area video {
  width: 100%;
  height: auto;
}
.learn-about >.right-side .buttons .button {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
}
.learn-about >.right-side .buttons .code-form .error {
  color: #ec2427;
  padding: 6px 21px;
  font-size: 12px;
}
.learn-about >.right-side .buttons .code-form input[type="text"] {
  border-radius: 20px 0 0 20px;
  background-clip: padding-box;
  border: #1a1a1a 2px solid;
  padding: 6px 18px;
  width: -webkit-calc(100% - 84px);
  width: calc(100% - 84px);
  font-size: 14px;
  text-align: right;
}
.learn-about >.right-side .buttons .code-form input[type="submit"] {
  border-radius: 0 20px 20px 0;
  background-clip: padding-box;
  border: #1a1a1a 2px solid;
  padding: 8px;
  width: 82px;
  background: #1a1a1a;
  color: #fff;
  margin-left: -4px;
  font-size: 14px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .learn-about >.right-side {
    display: block;
    width: 100%;
    padding: 12px 5%;
  }
}
/*******************************
 *
 *  M68. new-Brompton-build
 *
 ******************************/
.info-builder {
  border-bottom: 1px solid #ebebeb;
}
.info-builder .wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 26px 0;
}
.info-builder .wrapper .left-builder {
  padding-right: 10px;
  margin-right: 40px;
  font-size: 33px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.info-builder .wrapper .right-builder {
  width: 55%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
@media only screen and (max-width: 970px) {
  .info-builder .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: 0 auto;
    padding: 16px 0;
  }
  .info-builder .wrapper .left-builder,
  .info-builder .wrapper .right-builder {
    font-size: 24px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
  }
  .info-builder .wrapper .left-builder {
    font-size: 20px;
  }
  .info-builder .wrapper .right-builder {
    font-size: 13px;
  }
}
@media (max-width: 800px) {
  .info-builder .wrapper {
    margin: 0 auto;
  }
  .info-builder .wrapper .left-builder,
  .info-builder .wrapper .right-builder {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0 10px;
  }
}
/*******************************
 *
 *  M69-column-header.styl
 *
 ******************************/
.info-build {
  position: relative;
  z-index: 1;
}
.info-build,
.help-choose {
  padding: 0 10px;
}
.info-build .wrapper,
.help-choose .wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 22px 0;
}
.info-build .wrapper .left-builder,
.help-choose .wrapper .left-builder {
  padding-right: 10px;
  width: -webkit-calc(42% - 5px);
  width: calc(42% - 5px);
  font-size: 37px;
  font-weight: 200;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.info-build .wrapper .right-builder,
.help-choose .wrapper .right-builder {
  width: 58%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 24px;
}
.info-build .wrapper p,
.help-choose .wrapper p {
  margin: 0;
}
@media only screen and (max-width: 800px) {
  .info-build .wrapper,
  .help-choose .wrapper {
    margin: 0 auto;
    padding: 10px 0;
  }
  .info-build .wrapper .left-builder,
  .help-choose .wrapper .left-builder,
  .info-build .wrapper .right-builder,
  .help-choose .wrapper .right-builder {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
  }
  .info-build .wrapper .left-builder,
  .help-choose .wrapper .left-builder {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    padding-right: 30px;
    position: relative;
  }
  .info-build .wrapper .left-builder:after,
  .help-choose .wrapper .left-builder:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    background: url("images/arrow_drop_down.png") center center no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 10px;
  }
  .info-build .wrapper .left-builder.-open:after,
  .help-choose .wrapper .left-builder.-open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .info-build .wrapper .left-builder.-open + .right-builder,
  .help-choose .wrapper .left-builder.-open + .right-builder {
    display: block;
  }
  .info-build .wrapper .right-builder,
  .help-choose .wrapper .right-builder {
    font-size: 12px;
    line-height: 1.2em;
    text-align: left;
    padding-top: 8px;
    display: none;
  }
}
/*******************************
 *
 *   M70-Full-specification
 *
 ******************************/
.specification-wrap {
  display: inline-block;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 56.70268107242896%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.bike-builder-controller .specification-wrap {
  position: absolute;
  width: 100%;
  z-index: 200;
  margin: 0;
  background: #fff;
}
.bike-builder-controller .specification-wrap .full-specification .closed {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.bike-builder-controller .specification-wrap .full-specification .closed:after {
  font-size: 50px;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
}
.specification-wrap .full-specification {
  position: relative;
  max-width: 100%;
  border: 1px #b4b4b4 solid;
  overflow-x: auto;
}
.specification-wrap .full-specification > .closed {
  position: absolute;
  width: 100px;
  height: 100px;
  overflow: hidden;
  top: 0px;
  right: 0px;
}
.specification-wrap .full-specification > .closed:after {
  content: "+";
  position: relative;
  top: -28px;
  right: -19px;
  width: 100px;
  height: 100px;
  padding: 0;
  font-size: 144px;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  font-weight: 100;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .closed:after {
    width: 50px;
    height: 50px;
    font-size: 70px;
    top: -14px;
    right: -32px;
  }
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .closed {
    width: 70px;
    height: 70px;
    right: 0;
    top: 0;
  }
}
.specification-wrap .full-specification > .full-specs-heading {
  margin: 15px 28px;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .full-specs-heading {
    margin: 10px 40px 10px 10px;
  }
}
.specification-wrap .full-specification > .full-specs-heading > .specs-name,
.specification-wrap .full-specification > .full-specs-heading > .specs-heading {
  display: inline-block;
  font-size: 24px;
  line-height: 37px;
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .full-specs-heading > .specs-name,
  .specification-wrap .full-specification > .full-specs-heading > .specs-heading {
    font-size: 14px;
    font-weight: 500;
  }
}
.specification-wrap .full-specification > .full-specs-heading > .specs-name:after {
  content: '|';
  display: inline-block;
  margin-left: 15px;
}
.specification-wrap .full-specification > .full-specs-heading > .specs-heading {
  margin-left: 10px;
}
.specification-wrap .full-specification > .title {
  font-size: 30px;
  margin: 15px 0 10px 0;
  margin-left: 28px;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .title {
    margin: 10px 40px 10px 10px;
    font-size: 25px;
    font-weight: 500;
  }
}
.specification-wrap .full-specification > .data {
  border-top: 1px #b4b4b4 solid;
  border-bottom: 1px #b4b4b4 solid;
}
.specification-wrap .full-specification > .data > .weight {
  border-right: 1px #b4b4b4 solid;
  display: inline-block;
  padding: 20px 28px;
  width: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .data > .weight {
    padding: 20px 18px;
  }
}
.specification-wrap .full-specification > .data > .price {
  margin-left: -1px;
  display: inline-block;
  padding: 20px 28px;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .data > .price {
    padding: 20px 18px;
  }
}
.specification-wrap .full-specification > .data > .weight > .data-heading,
.specification-wrap .full-specification > .data > .price > .data-heading {
  font-size: 21px;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .data > .weight > .data-heading,
  .specification-wrap .full-specification > .data > .price > .data-heading {
    font-size: 18px;
  }
}
.specification-wrap .full-specification > .data > .weight > .data-value,
.specification-wrap .full-specification > .data > .price > .data-value {
  font-size: 30px;
  font-weight: 900;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .data > .weight > .data-value,
  .specification-wrap .full-specification > .data > .price > .data-value {
    font-size: 24px;
  }
}
.specification-wrap .full-specification > .constructor {
  padding: 15px 28px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.specification-wrap .full-specification > .constructor > .stage-details-section {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.specification-wrap .full-specification > .constructor > .heading,
.specification-wrap .full-specification > .constructor > .stage-details-section > .heading {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 20px;
}
.specification-wrap .full-specification > .constructor > .heading:not(:first-child),
.specification-wrap .full-specification > .constructor > .stage-details-section > .heading:not(:first-child) {
  margin-top: 20px;
}
.specification-wrap .full-specification > .constructor > .item,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item {
  display: table-row;
  line-height: 11px;
}
.specification-wrap .full-specification > .constructor > .item > .title,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .title,
.specification-wrap .full-specification > .constructor > .item > .description,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .description,
.specification-wrap .full-specification > .constructor > .item > .price,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .price,
.specification-wrap .full-specification > .constructor > .item > .weight,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .weight {
  display: table-cell;
  box-sizing: border-box;
  font-size: 13px;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .constructor > .item > .title,
  .specification-wrap .full-specification > .constructor > .stage-details-section > .item > .title,
  .specification-wrap .full-specification > .constructor > .item > .description,
  .specification-wrap .full-specification > .constructor > .stage-details-section > .item > .description,
  .specification-wrap .full-specification > .constructor > .item > .price,
  .specification-wrap .full-specification > .constructor > .stage-details-section > .item > .price,
  .specification-wrap .full-specification > .constructor > .item > .weight,
  .specification-wrap .full-specification > .constructor > .stage-details-section > .item > .weight {
    font-size: 12px;
  }
}
.specification-wrap .full-specification > .constructor > .item > .title,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .title {
  width: 20%;
  font-weight: bold;
}
.specification-wrap .full-specification > .constructor > .item > .description,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .description {
  width: 22%;
  padding: 5px;
}
.specification-wrap .full-specification > .constructor > .item > .price,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .price {
  width: 14%;
  padding: 5px;
}
.specification-wrap .full-specification > .constructor > .item > .weight,
.specification-wrap .full-specification > .constructor > .stage-details-section > .item > .weight {
  width: 7%;
}
@media only screen and (max-width: 600px) {
  .specification-wrap .full-specification > .constructor {
    margin: 5px 10px;
  }
}
@media only screen and (max-width: 970px) {
  .specification-wrap .full-specification {
    padding-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .specification-wrap > .full-specification {
    overflow: hidden;
  }
  .specification-wrap > .full-specification > .full-specs-heading > .specs-name:after {
    margin-left: 10px;
  }
  .specification-wrap > .full-specification > .constructor {
    padding: 15px 0px;
    width: auto;
  }
  .specification-wrap > .full-specification > .constructor > .item > .title {
    padding: 5px 5px 0 0;
  }
}
@media only screen and (max-width: 970px) {
  .specification-wrap {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
/*******************************
 *
 *  M71-your-build__new.styl
 *
 ******************************/
.your-build__new {
  width: 100%;
  padding-left: 50px;
  box-sizing: border-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%;
}
.your-build__new .your-build-images {
  max-width: 100%;
  margin-bottom: 60px;
  margin-top: 40px;
}
@media only screen and (max-width: 970px) {
  .your-build__new .your-build-images {
    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) {
  .your-build__new .your-build-images {
    margin-bottom: 20px;
  }
}
.your-build__new .your-build-images img {
  width: 100%;
}
.your-build__new > .share-pannel {
  width: 100%;
  text-align: right;
  margin-bottom: 30px;
}
.your-build__new > .share-pannel .label {
  font-size: 20px;
  display: inline-block;
  font-weight: 400;
  margin-right: 20px;
  vertical-align: middle;
}
.your-build__new > .share-pannel .share-buttons {
  display: inline-block;
  vertical-align: middle;
}
.your-build__new > .share-pannel a {
  border-radius: 50% !important;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.your-build__new > .share-pannel a svg {
  padding: 4px 6px 0 0;
}
.your-build__new .builder-summary-footer > .builder-help-text {
  width: 100%;
  min-height: 10px;
  font-size: 14px;
  line-height: 22px;
}
.your-build__new .builder-summary-footer > .builder-help-text > p {
  margin: 0;
}
.your-build__new .builder-summary-footer > .builder-help-text > h3 {
  font-size: 18px;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 800px) {
  .your-build__new .builder-summary-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%;
  }
}
.your-build__new .btn-group {
  width: 100%;
  margin-top: 30px;
}
.your-build__new .btn-group > .button {
  width: 100%;
  font-size: 15px;
  margin-bottom: 20px;
  line-height: 18px;
}
.your-build__new .btn-group .button+.button {
  margin-bottom: 0;
}
@media only screen and (max-width: 970px) {
  .your-build__new {
    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;
  }
}
/******************************
 *
 *   M72-your-build-full__new
 *
 ******************************/
.build-full .build-full-content,
.help-choose .build-full-content {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  max-width: 1140px;
  margin: 0 auto;
  *zoom: 1;
}
.build-full .build-full-content:before,
.help-choose .build-full-content:before,
.build-full .build-full-content:after,
.help-choose .build-full-content:after {
  content: " ";
  display: table;
}
.build-full .build-full-content:after,
.help-choose .build-full-content:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 800px) {
  .build-full,
  .help-choose {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
> .share-pannel {
  padding-top: 18px;
  display: inline-block;
  padding: 9px 0;
  text-align: right;
}
> .share-pannel .label {
  display: inline-block;
  vertical-align: top;
  padding-right: 8px;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
}
> .share-pannel .share-buttons {
  display: inline-block;
  vertical-align: top;
}
.help-choose {
  margin-bottom: 80px;
}
.help-choose.descr-text {
  margin-bottom: 25px;
}
/******************************
 *
 *   M73-accessories
 *
 ******************************/
.accessories {
  max-width: 1140px;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  padding: 55px;
}
.accessories .accessories-image {
  box-sizing: border-box;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.accessories .accessories-image > img {
  max-width: 100%;
}
.accessories .accessories-text {
  width: 334px;
  box-sizing: border-box;
  margin-left: 125px;
  display: inline-block;
  vertical-align: top;
}
.accessories .accessories-text > h3 {
  font-size: 40px;
  font-weight: 100;
  display: inline-block;
  margin: 0 0 16px 0;
  line-height: 42px;
}
@media only screen and (max-width: 970px) {
  .accessories .accessories-text > h3 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .accessories .accessories-text > h3 {
    font-size: 35px;
  }
}
.accessories .accessories-text > p {
  font-size: 18px;
  margin: 20px 0 0 0;
}
@media only screen and (max-width: 600px) {
  .accessories .accessories-text > p {
    font-size: 15px;
  }
}
.accessories .accessories-text > a.button {
  width: 90%;
  margin-top: 32px;
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 1140px) {
  .accessories {
    padding: 5%;
  }
  .accessories .accessories-text,
  .accessories .accessories-image {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .accessories .accessories-text > img,
  .accessories .accessories-image > img {
    max-width: 100%;
  }
  .accessories .accessories-text .accessories-text,
  .accessories .accessories-image .accessories-text {
    margin-left: 60px;
    padding: 0;
  }
}
@media (max-width: 1000px) {
  .accessories .accessories {
    vertical-align: middle;
  }
  .accessories .accessories-text {
    margin-left: none;
  }
  .accessories .accessories-image {
    padding: 0;
  }
}
/******************************
 *
 *   M74-your-Builder-image__new
 *
 ******************************/
.your-Builder-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%;
}
.your-Builder-image .image-wrapper {
  height: auto;
}
.your-Builder-image .image-wrapper .image-builder {
  margin-bottom: 60px;
  box-sizing: border-box;
}
.your-Builder-image .image-wrapper .image-builder .button {
  box-sizing: border-box;
}
.your-Builder-image .image-wrapper .image-builder .button.-search {
  background: #000 url("images/search.svg") center center no-repeat;
  background-size: 20px;
  width: 45px;
  height: 45px;
  padding: 8px;
  border-radius: 50%;
  background-clip: padding-box;
  float: right;
  -webkit-transform: rotate(273deg);
  -ms-transform: rotate(273deg);
  transform: rotate(273deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
  z-index: 5;
  margin-right: 12px;
}
@media only screen and (max-width: 800px) {
  .your-Builder-image {
    display: none;
  }
  .your-Builder-image img {
    max-width: 100%;
  }
}
.your-Builder-image > .share-pannel {
  margin-top: 10px;
}
.your-Builder-image > .share-pannel > .label {
  font-size: 22px;
  display: inline-block;
  font-weight: normal;
  line-height: 40px;
  margin-right: 20px;
  vertical-align: middle;
}
.your-Builder-image > .share-pannel > .share-buttons {
  display: inline-block;
  vertical-align: middle;
}
.your-Builder-image > .share-pannel a {
  border-radius: 50% !important;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.your-Builder-image > .share-pannel a .at-icon-wrapper {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
@media only screen and (max-width: 600px) {
  .your-Builder-image > .share-pannel {
    margin-top: 0;
  }
}
.your-Builder-image .help-choose-text {
  max-width: 360px;
  margin-top: 18px;
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (max-width: 970px) {
  .your-Builder-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-bottom: 20px;
  }
}
.your-Builder-image .image-builder {
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .your-Builder-image {
    margin-bottom: 20px;
  }
}
/*******************************
 *
 *  M75-your-Build-text.styl
 *
 ******************************/
.wrapper-summary {
  height: 100%;
  border: 1px solid #cecece;
  margin: 0;
}
.wrapper-summary .header-summary {
  border-bottom: 1px solid #cecece;
  padding: 26px 22px;
  text-align: left;
  font-size: 40px;
  font-weight: bold;
}
.wrapper-summary .header-summary .name {
  display: inline-block;
  vertical-align: bottom;
  font-weight: normal;
  font-size: 24px;
  margin-right: 12px;
}
.wrapper-summary .header-summary .title {
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  font-size: 24px;
}
.wrapper-summary .summary-text {
  border-bottom: 1px solid #cecece;
  padding: 24px 10px 24px 18px;
  color: #303030;
  overflow-y: auto;
  max-height: 154px;
}
.wrapper-summary .summary-text span.bb-summary-option {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.wrapper-summary .summary-text span.bb-summary-option-details {
  font-size: 14px;
  color: #4a4a4a;
}
.wrapper-summary .summary-text .stage-details-section p {
  margin-bottom: 12px;
}
.wrapper-summary .summary-text h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 22px 0;
}
.wrapper-summary .summary-text p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
.wrapper-summary .summary-text .mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background: none;
}
.wrapper-summary .summary-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  background: #888787;
}
@media only screen and (max-width: 600px) {
  .wrapper-summary {
    margin-top: 10px;
  }
}
.wrapper-summary .summary-footer {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #cecece;
}
.wrapper-summary .summary-footer > .weight {
  text-align: left;
  width: -webkit-calc(50% - 6px);
  width: calc(50% - 6px);
  box-sizing: border-box;
  padding-top: 20px;
  display: inline-block;
  border-right: 1px solid #cecece;
}
.wrapper-summary .summary-footer > .weight:last-child {
  border-right: none;
}
.wrapper-summary .summary-footer > .weight > .panel {
  display: block;
  font-size: 21px;
  margin-bottom: none !important;
  padding-left: 17px;
}
.wrapper-summary .summary-footer > .weight > .value {
  display: block;
  font-size: 30px;
  font-weight: bold;
  padding-left: 17px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .wrapper-summary .summary-footer > .weight > .value {
    font-size: 26px;
  }
}
.wrapper-summary .summary-footer .weight+.weight {
  border-right: none;
}
.wrapper-summary .help-text {
  height: auto;
  background: #4b4b4b;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 7px 24px;
}
.wrapper-summary .serial {
  text-align: center;
  padding: 26px 0;
  background: #131416;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}
@media only screen and (max-width: 970px) {
  .wrapper-summary {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 800px) {
  .wrapper-summary {
    width: 100%;
  }
  .wrapper-summary .header-summary {
    box-sizing: border-box;
    font-size: 30px;
    padding: 15px 12px;
  }
  .wrapper-summary .summary-text {
    box-sizing: border-box;
    padding: 12px 9px;
  }
  .wrapper-summary .summary-footer {
    box-sizing: border-box;
  }
  .wrapper-summary .help-text {
    box-sizing: border-box;
  }
  .wrapper-summary .serial {
    box-sizing: border-box;
    font-size: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .wrapper-summary {
    margin-left: 0;
  }
}
.build-reset {
  margin-top: -76px;
  z-index: 3;
  position: relative;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 65.03601440576232%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.-previewMode .build-reset {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.builder-preview .build-reset {
  margin-top: -196px;
  margin-left: 0;
  z-index: 5;
}
@media only screen and (max-width: 800px) {
  .builder-preview .build-reset {
    margin-top: -56px;
    margin-bottom: 0;
  }
  .builder-preview .build-reset .button {
    overflow: hidden;
    white-space: nowrap;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-clip: padding-box;
    padding: 0;
    margin-bottom: 0;
    text-indent: 1000px;
  }
}
.build-reset .button {
  font-size: 15px !important;
  display: inline-block;
  background-image: url("images/arrows-two1.svg");
  background-size: 23px 25px;
  background-position: 10px center;
  background-repeat: no-repeat;
  border-radius: 20px;
  background-clip: padding-box;
  padding-left: 42px;
  margin-right: 50px;
  cursor: pointer;
}
.build-reset .button.-disabled {
  cursor: default;
  background-color: #b7b7b7;
}
@media only screen and (max-width: 800px) {
  .build-reset .button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.build-reset .content-text {
  width: 500px;
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  .build-reset .content-text {
    width: 100%;
  }
}
@media only screen and (max-width: 970px) {
  .build-reset {
    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: 0;
    margin-bottom: 20px;
  }
}
/*******************************
 *
 *  M77-your-Build-buttons.styl
 *
 ******************************/
.buttons-container {
  padding: 12px 0;
}
.buttons-container .build-buttons .btn-group {
  width: 100%;
  font-size: 14px;
}
.buttons-container .build-buttons .btn-group .button {
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  font-size: 14px;
}
.buttons-container .build-buttons .btn-group:nth-child(odd) {
  margin-right: 15px;
}
.buttons-container .build-buttons .button {
  display: block;
  width: 100%;
  margin: 0 auto 13px;
}
.buttons-container .build-buttons .button.-turkish-green {
  background: #89c7be;
  color: #020202;
}
.buttons-container .build-buttons .button.-hex-color {
  background: #ddd;
  color: #020202;
}
.buttons-container .build-buttons .button:nth-child(odd) {
  margin-right: 15px;
  font-size: 14px;
}
@media only screen and (max-width: 970px) {
  .buttons-container .build-buttons .button {
    font-size: 11px;
  }
}
@media only screen and (max-width: 800px) {
  .buttons-container .build-buttons .button {
    font-size: 14px;
  }
}
.buttons-container .build-buttons .reset-and-social {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  font-size: 20px;
}
.buttons-container .build-buttons .social {
  display: inline-block;
}
@media only screen and (max-width: 970px) {
  .buttons-container {
    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;
  }
}
@media only screen and (max-width: 800px) {
  .buttons-container {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .buttons-container {
    padding: 12px 0;
    margin-right: 0;
  }
  .buttons-container .build-buttons {
    width: 100%;
  }
  .buttons-container .build-buttons .btn-group {
    width: 100%;
    margin-right: 0;
  }
  .buttons-container .build-buttons .btn-group > .button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .buttons-container .build-buttons .button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
/*******************************
 *
 *  M77b-build-buttons-bike-builder.styl
 *
 ******************************/
.build-buttons-bike-builder {
  padding-top: 9px;
}
.build-buttons-bike-builder .build-buttons .btn-group {
  width: 100%;
  font-size: 0;
}
.build-buttons-bike-builder .build-buttons .btn-group > .button {
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  font-size: 14px;
}
.build-buttons-bike-builder .build-buttons .btn-group > .button.-hex-color {
  background: #ddd;
  color: #020202;
}
.build-buttons-bike-builder .build-buttons .btn-group > .button:nth-child(odd) {
  margin-right: 15px;
}
.build-buttons-bike-builder .build-buttons .button {
  display: block;
  width: 100%;
  margin: 0 auto 13px;
  font-size: 13px;
}
.build-buttons-bike-builder .build-buttons .button.-hex-color {
  background: #ddd;
  color: #020202;
}
.build-buttons-bike-builder .build-buttons .button:nth-child(odd) {
  margin-right: 15px;
  font-size: 14px;
}
@media only screen and (max-width: 970px) {
  .build-buttons-bike-builder .build-buttons .button {
    font-size: 11px;
  }
}
@media only screen and (max-width: 800px) {
  .build-buttons-bike-builder .build-buttons .button {
    font-size: 14px;
  }
}
.build-buttons-bike-builder .build-buttons .reset-and-social {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  font-size: 20px;
}
.build-buttons-bike-builder .build-buttons .social {
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  .build-buttons-bike-builder {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .build-buttons-bike-builder {
    padding: 12px 0;
    margin-right: 0;
  }
  .build-buttons-bike-builder .build-buttons {
    width: 100%;
  }
  .build-buttons-bike-builder .build-buttons .btn-group {
    width: 100%;
    margin-right: 0;
  }
  .build-buttons-bike-builder .build-buttons .btn-group > .button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .build-buttons-bike-builder .build-buttons .button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
/*************************************
*
*   M77c-build-buttons-full-store
*
***************************************/
.build-buttons-full-store {
  padding: 18px 0;
}
.build-buttons-full-store .build-buttons {
  width: 100%;
}
.build-buttons-full-store .build-buttons .btn-group {
  width: 100%;
  font-size: 0;
}
.build-buttons-full-store .build-buttons .btn-group > .button {
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  font-size: 14px;
}
@media only screen and (max-width: 800px) {
  .build-buttons-full-store .build-buttons .btn-group > .button {
    width: 100%;
  }
}
.build-buttons-full-store .build-buttons .btn-group > .button:nth-child(odd) {
  margin-right: 15px;
}
@media only screen and (max-width: 800px) {
  .build-buttons-full-store .build-buttons .btn-group > .button:nth-child(odd) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 800px) {
  .build-buttons-full-store .build-buttons {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .build-buttons-full-store .build-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%;
    padding: 12px 0;
    margin-right: 0;
  }
  .build-buttons-full-store .build-buttons .build-buttons {
    width: 100%;
  }
  .build-buttons-full-store .build-buttons .build-buttons .btn-group {
    width: 100%;
    margin-right: 0;
  }
  .build-buttons-full-store .build-buttons .build-buttons .btn-group > .button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .build-buttons-full-store .build-buttons .build-buttons .button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}
.build-buttons-full-store .build-buttons .button {
  display: block;
  width: 100%;
  margin: 0 auto 13px;
}
@media only screen and (max-width: 970px) {
  .build-buttons-full-store {
    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;
  }
}
.build-buttons-large {
  padding-top: 27px;
}
.build-buttons-large .build-buttons {
  width: 100%;
}
.build-buttons-large .build-buttons .button {
  width: 100%;
  margin-bottom: 15px;
}
.build-buttons-large .build-buttons .button:last-child {
  margin-bottom: 0;
}
/*******************************
*
*   M78-Builder-steps
*
******************************/
.steps-container {
  max-width: 1120px;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 200px;
  overflow: hidden;
  position: relative;
  z-index: 3;
  max-height: 400px;
}
.steps-container .navigation-arrows {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 4;
}
.steps-container .navigation-arrows > * {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("images/arr-right.svg") center center no-repeat;
  background-size: 47% auto;
  margin: 0;
}
.steps-container .navigation-arrows > .go-back {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 800px) {
  .steps-container {
    margin-bottom: 10px;
  }
  .steps-container .navigation-arrows {
    display: block;
  }
}
.-previewMode .steps-container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  margin-bottom: 0;
  max-height: 0;
}
.steps-container .tabs-wrapper {
  display: table;
  width: 100%;
}
.steps-container .tabs-wrapper .tab {
  display: table-cell;
  width: 33.3%;
  background-color: #b2b2b2;
  color: #fff;
  font-size: 13px;
  box-sizing: border-box;
  padding: 12px 18px;
  cursor: pointer;
  position: relative;
/*+below($maxTablet)
        position relative
        display none
        background-image none
        padding-right 30px
        &.active
          display block
          width 100%*/
}
.steps-container .tabs-wrapper .tab:after {
  display: none;
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 13px;
  background-image: url("images/arrow.png");
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 800px) {
  .steps-container .tabs-wrapper .tab:after {
    display: none;
  }
}
.steps-container .tabs-wrapper .tab:nth-child(2),
.steps-container .tabs-wrapper .tab.tab.active+.tab {
  background-color: #666;
}
.steps-container .tabs-wrapper .tab.active {
  background-color: #000;
}
.steps-container .tabs-wrapper .tab .stage {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  font-size: 20px;
  font-weight: 200;
  background-size: 7px 14px;
}
@media only screen and (max-width: 800px) {
  .steps-container .tabs-wrapper .tab .stage {
    position: static;
    display: block;
    background: none;
  }
  .steps-container .tabs-wrapper .tab .stage:after {
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
  }
}
@media only screen and (max-width: 800px) {
  .steps-container .tabs-content {
    display: none;
  }
}
.steps-container .tabs-content .tab-one {
  background: #000;
  color: #fff;
  display: none;
  padding: 28px 16px 10px 16px;
  min-height: 110px;
  box-sizing: border-box;
}
.steps-container .tabs-content .tab-one.active {
  display: block;
}
.steps-container .tabs-content .tab-one .description {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  font-size: 12px;
  box-sizing: border-box;
  padding-right: 20px;
}
.steps-container .tabs-content .tab-one .checkboxes-container {
  display: inline-block;
  vertical-align: middle;
  width: 47%;
  margin-right: 13px;
  margin-top: 2px;
}
.steps-container .tabs-content .tab-one .checkboxes-container .checkbox {
  display: inline-block;
  vertical-align: top;
  padding: 0 8px 9px 27px;
  box-sizing: border-box;
  margin-right: 1%;
  width: 27.5%;
  font-size: 13px;
}
.steps-container .tabs-content .tab-one .checkboxes-container .checkbox.-checked {
  background: url("images/builder-checkbox-checked-new.png") left top no-repeat;
  background-size: 10px auto;
  background-position: left 12px top 6px;
}
.steps-container .tabs-content .tab-one .button-container {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(18% - 15px);
  width: calc(18% - 15px);
  text-align: right;
}
.steps-container .tabs-content .tab-one .button-container .button {
  background: #ddd;
  color: #000;
  font-size: 13px;
  width: 100%;
}
.steps-container .tabs-content .tab-one.-last .checkboxes-container {
  width: 31%;
}
.steps-container .tabs-content .tab-one.-last .checkboxes-container .checkbox {
  width: 27.5%;
}
.steps-container .tabs-content .tab-one.-last .button-container {
  width: -webkit-calc(35% - 15px);
  width: calc(35% - 15px);
}
.steps-container .tabs-content.ng-hide + .tabs-wrapper .tab:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/******************************
 *
 *  M79-builder-preview.styl
 *
 ******************************/
.builder-preview {
  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: relative;
}
@media only screen and (max-width: 800px) {
  .builder-preview {
    margin-top: 20px;
  }
}
.builder-preview .zoom-out {
  display: none;
  top: 100px;
  right: 50px;
  z-index: 5;
  cursor: pointer;
}
.-zoomMode .builder-preview .zoom-out {
  display: block;
}
.builder-preview .btn-group {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 5;
  font-size: 0;
}
.builder-preview .btn-group >.button-new {
  border: 2px solid #000;
  position: relative;
  background-color: #fff;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  padding: 11px 19px 11px 19px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
}
.builder-preview .btn-group >.button-new:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.builder-preview .btn-group >.button-new:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-left: -5px;
}
.builder-preview .btn-group >.button-new.-selected {
  background-color: #000;
  border: 2px solid #000;
  display: inline-block;
  color: #fff;
}
.builder-preview .btn-group.-white-black {
  max-width: 285px;
}
.builder-preview .btn-group.-white-black .button-black {
  width: 85px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 22px;
  background-clip: padding-box;
  background: #000;
  padding: 8px;
  box-sizing: border-box;
  margin-right: 10px;
}
.builder-preview .btn-group.-white-black .button-black .button-white {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-clip: padding-box;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.builder-preview .btn-group.-white-black .button-black .button-white:hover {
  cursor: pointer;
}
.builder-preview .btn-group.-white-black .button-black .-buttonLeft {
  -webkit-transform: translateX(44px);
  -ms-transform: translateX(44px);
  transform: translateX(44px);
}
@media only screen and (max-width: 800px) {
  .builder-preview .btn-group.-white-black .button-black {
    width: 70px;
    height: 33px;
  }
  .builder-preview .btn-group.-white-black .button-black .button-white {
    width: 17px;
    height: 17px;
  }
  .builder-preview .btn-group.-white-black .button-black .-buttonLeft {
    -webkit-transform: translateX(38px);
    -ms-transform: translateX(38px);
    transform: translateX(38px);
  }
}
.builder-preview .btn-group.-white-black span {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  color: #000;
}
@media only screen and (max-width: 800px) {
  .builder-preview .btn-group >.button-new {
    padding: 5px 15px;
  }
}
.builder-preview .image-wrapper {
  position: relative;
  top: -69px;
  width: 75%;
  margin-left: 1%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.-zoomMode .builder-preview .image-wrapper,
.-previewMode .builder-preview .image-wrapper {
  width: 100%;
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  .builder-preview .image-wrapper {
    top: 0;
    width: 100%;
    margin-left: 0;
    margin-top: -17px;
  }
}
.builder-preview .image-wrapper .image-builder {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.builder-preview .image-wrapper .image-builder .bike-preview-constructor {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #fff;
}
.builder-preview .image-wrapper .image-builder .bike-preview-constructor .bike {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
  position: relative;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 50%;
}
.-previewMode .builder-preview .image-wrapper .image-builder .bike-preview-constructor .bike {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.builder-preview .image-wrapper .image-builder .bike-preview-constructor .bike .bike-detail {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: auto;
}
.-zoomMode .builder-preview .image-wrapper .image-builder .bike-preview-constructor {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  z-index: 100;
}
.-zoomMode .builder-preview .image-wrapper .image-builder .bike-preview-constructor .bike {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  width: 1200px;
  max-width: 90%;
  max-height: 100vh;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
.-zoomMode .builder-preview .image-wrapper .image-builder .bike-preview-constructor .bike img {
  position: relative;
  height: 99vh;
  top: 50%;
  width: auto;
  max-width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.builder-preview .image-wrapper .image-builder .features-pins {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.-previewMode .builder-preview .image-wrapper .image-builder .features-pins,
.-zoomMode .builder-preview .image-wrapper .image-builder .features-pins {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin {
  position: absolute;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: 18px;
}
@media only screen and (max-width: 800px) {
  .builder-preview .image-wrapper .image-builder .features-pins .feature-pin {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .builder-preview .image-wrapper .image-builder .features-pins .feature-pin {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -10px;
  }
}
@media only screen and (max-width: 600px) {
  .builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label {
    display: none;
  }
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin:hover .feature-pin-label {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  max-height: 19px;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-circle {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px #1a1a1a solid;
  background-color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 50%;
  background-clip: padding-box;
  color: #1a1a1a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-circle:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-circle:after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-clip: padding-box;
  background: url("images/plus-black.svg") center center no-repeat;
  background-size: auto 34%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin.-active .feature-pin-circle {
  background-color: #1a1a1a;
  border: 0;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin.-active .feature-pin-circle:after {
  background: url("images/plus-white.svg") center center no-repeat;
  background-size: auto 34%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin.-active .feature-pin-label {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  max-height: 19px;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin.-changed .feature-pin-circle {
  color: #fff;
  background-color: #1a1a1a;
  border: 0;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin.-changed .feature-pin-circle:after {
  content: ' ';
  background: url("images/selected-feature-icon.svg") center center no-repeat;
  background-size: auto 32%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label {
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.1;
  position: absolute;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  max-height: 0;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="bottom-left"] {
  top: 112%;
  text-align: right;
  right: 50%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="bottom-right"] {
  top: 112%;
  text-align: left;
  left: 50%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="top-right"] {
  bottom: 112%;
  text-align: left;
  left: 50%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="top"],
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="bottom"] {
  bottom: 112%;
  text-align: center;
  right: -150%;
  left: -150%;
  white-space: normal;
  height: auto;
  max-height: 100px;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="bottom"] {
  top: 112%;
  bottom: auto;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="top-left"] {
  bottom: 112%;
  text-align: right;
  right: 50%;
}
.builder-preview .image-wrapper .image-builder .features-pins .feature-pin .feature-pin-label[data-label-position="right"] {
  top: 20%;
  text-align: left;
  left: 125%;
}
.builder-preview .button {
  box-sizing: border-box;
}
.builder-preview .button.-search {
  background: #000 url("images/search.svg") center center no-repeat;
  background-size: 20px;
  width: 45px;
  height: 45px;
  padding: 8px;
  border-radius: 50%;
  background-clip: padding-box;
  float: right;
  -webkit-transform: rotate(273deg);
  -ms-transform: rotate(273deg);
  transform: rotate(273deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 800px) {
  .builder-preview .button.-search {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .builder-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%;
  }
  .builder-preview .btn-group {
    font-size: 0;
  }
  .builder-preview .btn-group .button-new {
    font-size: 13px;
  }
}
/******************************
 *
 *  M80-Builder-options.styl
 *
 ******************************/
.builder-elements {
  max-width: 100%;
  margin-top: -165px;
  margin-left: -10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  max-height: 2500px;
}
.-previewMode .builder-elements {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  max-height: 0;
}
@media only screen and (max-width: 970px) {
  .builder-elements {
    margin-top: 0;
  }
}
@media only screen and (max-width: 800px) {
  .builder-elements {
    margin-top: -62px;
    margin-left: 0;
  }
}
.builder-elements .builder-wrapper {
  height: auto;
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0 10px 10px;
}
@media only screen and (max-width: 800px) {
  .builder-elements .builder-wrapper {
    padding: 0;
  }
}
.builder-elements .builder-wrapper .builder-elements-text {
  margin-bottom: 15px;
}
.builder-elements .builder-wrapper .builder-elements-text h2 {
  font-size: 36px;
  font-weight: 100;
  margin: 0 0 8px;
}
.builder-elements .builder-wrapper .builder-elements-text .stepDescription {
  margin: -20px 0 20px 0;
  font-size: 14px;
}
.builder-elements .builder-wrapper .builder-elements-text p {
  margin: 0;
  font-weight: 100;
  line-height: 18px;
}
.builder-elements .builder-wrapper .builder-elements-text p strong {
  font-weight: 500;
  font-size: 15px;
}
.builder-elements .builder-wrapper .builder-elements-text .-note {
  color: #4a4a4a;
  font-size: 14px;
}
@media only screen and (max-width: 800px) {
  .builder-elements .builder-wrapper .builder-elements-text {
    margin-top: 30px;
  }
  .builder-elements .builder-wrapper .builder-elements-text h2 {
    font-size: 22px;
    margin: 0;
  }
}
.builder-elements .part-type {
  width: 95px;
  height: 95px;
  background-size: 72px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  border: 2px solid #d2d2d2;
  padding: 10px;
  border-radius: 50%;
  background-clip: padding-box;
  margin-right: 4px;
  margin-bottom: 8px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.builder-elements .part-type:hover,
.builder-elements .part-type.active {
  border: 2px solid #000;
}
.builder-elements .part-type.-text {
  line-height: 72px;
  font-size: 18px;
  font-weight: 100;
  background: #fff;
  padding: 10px 3px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .builder-elements .part-type {
    width: 78px;
    height: 78px;
    pading: 8px;
  }
  .builder-elements .part-type.-text {
    display: none;
  }
}
.builder-elements.-collapsed .part-type-container {
  overflow: hidden;
  height: 95px;
  position: relative;
  margin-bottom: 20px;
}
.builder-elements.-collapsed .part-type-container .-text .-more {
  display: inline;
}
.builder-elements.-collapsed .part-type-container .-text .-less {
  display: none;
}
@media only screen and (max-width: 800px) {
  .builder-elements .part-type-container-wrapper {
    height: 95px;
    width: 100%;
    overflow: auto;
    position: relative;
  }
  .builder-elements .part-type-container {
    height: 95px;
    width: auto;
    white-space: nowrap;
    position: relative;
  }
}
/******************************
 *
 *  M80-Builder-options.styl
 *
 ******************************/
.part-type-container-wrapper.-bb-3-1 .part-type-container .current-feature-and-option {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 18px;
  font-weight: 500;
}
.part-type-container-wrapper.-bb-3-1 .part-type-container .current-feature-and-option .initial-message {
  padding-left: 60px;
  position: relative;
  display: block;
}
.part-type-container-wrapper.-bb-3-1 .part-type-container .current-feature-and-option .initial-message:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 32px;
  height: 32px;
  border-radius: 40px;
  background-clip: padding-box;
  border: 2px solid #000;
  background: url("images/plus-black.svg") center center no-repeat;
  background-size: 37%;
}
.part-type-container-wrapper.-bb-3-1 .part-type-container .current-feature-and-option .current-feature {
  margin-right: 6px;
}
.part-type-container-wrapper.-bb-3-1 .part-type-container .current-feature-and-option .current-feature:after {
  content: ":";
}
.part-type-container-wrapper.-bb-3-1 .part-type-container .part-type {
  width: 95px;
  height: 95px;
  background-size: 72px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  border: 2px solid #d2d2d2;
  padding: 10px;
  border-radius: 50%;
  background-clip: padding-box;
  margin-right: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.part-type-container-wrapper.-bb-3-1 .part-type-container .part-type:hover,
.part-type-container-wrapper.-bb-3-1 .part-type-container .part-type.active {
  border: 2px solid #000;
}
@media only screen and (max-width: 800px) {
  .part-type-container-wrapper.-bb-3-1 .part-type-container .part-type {
    width: 78px;
    height: 78px;
    pading: 8px;
  }
}
@media only screen and (max-width: 800px) {
  .part-type-container-wrapper.-bb-3-1 height 95px {
    width: 100%;
    overflow: auto;
    position: relative;
  }
  .part-type-container-wrapper.-bb-3-1 .part-type-container {
    height: 95px;
    width: auto;
    white-space: nowrap;
    position: relative;
  }
}
/******************************
 *
 *  M81-builder-summary.styl
 *
 ******************************/
.builder-tabs {
  max-height: 50px;
  font-weight: 500;
  border-top: 1px solid #c8c7c7;
}
.builder-tabs .builder-tab {
  max-height: 50px;
  background-color: #3b3b3b;
  color: #fff;
  float: left;
  width: 50%;
  padding: 14px 15px;
  box-sizing: border-box;
  border-left: 1px solid #c8c7c7;
  border-right: 1px solid #c8c7c7;
  cursor: pointer;
}
.builder-tabs .builder-tab.-faded {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.builder-tabs .builder-tab.-selected {
  cursor: default;
  background-color: #fff;
  color: #1a1a1a;
}
.builder-next-step {
  margin-bottom: 20px;
}
.builder-summary {
  width: 100%;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.builder-summary .builder-summary-text {
  border: 1px solid #c8c7c7;
  border-top: 1px solid transparent;
  padding: 18px 10px 13px 18px;
  height: 275px;
  box-sizing: border-box;
  overflow-y: auto;
}
.builder-summary .builder-summary-text.border-top {
  border-top: 1px solid #c8c7c7;
}
@media only screen and (max-width: 800px) {
  .builder-summary .builder-summary-text {
    height: auto;
    padding: 8px;
    color: #939393;
    border-color: #939393;
  }
}
.builder-summary .builder-summary-text .stage-details-section {
  margin-top: 40px;
}
.builder-summary .builder-summary-text .stage-details-section:first-child {
  margin-top: 0;
}
.builder-summary .builder-summary-text h3 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
}
.builder-summary .builder-summary-text span.bb-summary-option {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.builder-summary .builder-summary-text span.bb-summary-option-details {
  font-size: 14px;
  color: #4a4a4a;
}
@media only screen and (max-width: 970px) {
  .builder-summary {
    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;
  }
}
@media only screen and (max-width: 800px) {
  .builder-summary {
    margin-top: 20px;
    z-index: 10;
    position: relative;
  }
}
.builder-summary .builder-summary-footer {
  border: 1px solid #cecece;
  border-top: none;
}
@media only screen and (max-width: 800px) {
  .builder-summary .builder-summary-footer {
    border-top: 1px solid #cecece;
  }
}
.builder-summary .builder-summary-footer > .weight {
  text-transform: uppercase;
  text-align: left;
  width: -webkit-calc(50% - 11px);
  width: calc(50% - 11px);
  box-sizing: border-box;
  display: inline-block;
}
.builder-summary .builder-summary-footer > .weight:last-child {
  text-transform: none;
}
@media only screen and (max-width: 970px) {
  .builder-summary .builder-summary-footer > .weight {
    font-size: 25px;
  }
}
.builder-summary .builder-summary-footer > .weight > .panel {
  display: block;
  padding-bottom: 2px;
  font-size: 22px;
  padding-top: 16px;
  margin-bottom: none !important;
  padding-left: 17px;
  font-weight: 200;
  letter-spacing: -1px;
}
@media only screen and (max-width: 970px) {
  .builder-summary .builder-summary-footer > .weight > .panel {
    font-size: 20px;
  }
}
.builder-summary .builder-summary-footer > .weight > .value {
  display: block;
  font-size: 30px;
  font-weight: 600;
  padding-left: 17px;
  padding-bottom: 20px;
  text-transform: none;
}
@media only screen and (max-width: 970px) {
  .builder-summary .builder-summary-footer > .weight > .value {
    font-size: 26px;
  }
}
.builder-summary .builder-summary-footer .weight+.weight {
  border-left: 1px solid #cecece;
}
.builder-summary .builder-help-text {
  padding: 18px 0 0 0;
}
@media only screen and (max-width: 970px) {
  .builder-summary .builder-help-text {
    min-height: 10px;
    padding: 16px 0;
  }
}
.builder-summary .builder-help-text h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
.builder-summary .builder-help-text >p {
  font-size: 14px;
  line-height: 22px;
}
/******************************
 *
 *  M82-previw-summary.styl
 *
 ******************************/
.previw-summary {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  margin-top: 18px;
  margin-bottom: 100px;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .previw-summary {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/******************************
 *
 *  M83-view-full-specification.styl
 *
 ******************************/
.view-full-specification {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding-bottom: 45px;
}
/*******************************
 *
 *  M84-build-text-buttons.styl
 *
 ******************************/
.your-build-text-buttons,
.help-choose-buttons {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
@media only screen and (max-width: 970px) {
  .your-build-text-buttons,
  .help-choose-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%;
    margin: 0;
    width: 100%;
  }
}
.your-build-text-buttons .builder-help-text,
.help-choose-buttons .builder-help-text {
  padding: 25px 0 0 0;
}
@media only screen and (max-width: 970px) {
  .your-build-text-buttons .builder-help-text,
  .help-choose-buttons .builder-help-text {
    min-height: 10px;
    padding: 16px 0;
  }
}
.your-build-text-buttons .builder-help-text h3,
.help-choose-buttons .builder-help-text h3 {
  margin-top: 0;
}
.your-build-text-buttons .builder-help-text >p,
.help-choose-buttons .builder-help-text >p {
  font-size: 14px;
  line-height: 22px;
}
/*******************************
*
*   M85-unique-code-form.styl
*
******************************/
.unique-code-form {
  width: 100%;
  max-width: 1140px;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  font-size: 0;
  margin-bottom: 25px;
}
.unique-code-form .alert {
  display: none;
}
.unique-code-form .unique-code-form-text {
  width: 50%;
  display: inline-block;
  background: #010101;
  padding: 34px 30px;
  min-height: 246px;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px solid transparent;
}
.unique-code-form .unique-code-form-text .big {
  font-size: 18px;
}
.unique-code-form .unique-code-form-text .thanks-you-for-your {
  display: none;
}
.-submitted .unique-code-form .unique-code-form-text .thanks-you-for-your {
  display: block;
}
.-submitted .unique-code-form .unique-code-form-text .reason-to-chose {
  display: none;
}
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper {
  margin: 0;
  padding-right: 40%;
  width: auto;
}
@media only screen and (max-width: 600px) {
  .unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper {
    padding-right: 0;
  }
}
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="checkbox"],
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="radio"] {
  display: none;
}
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="checkbox"]+label,
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="radio"]+label {
  width: 100%;
  box-sizing: border-box;
  padding: 0 18px 0 0;
  min-height: 0;
  margin-bottom: 6px;
  position: relative;
  text-align: left;
}
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="checkbox"]+label:after,
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="radio"]+label:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  min-height: 0;
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-clip: padding-box;
  border: #fff 1px solid;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 0;
}
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="checkbox"]:checked+label:after,
.unique-code-form .unique-code-form-text .reason-to-chose >.input-wrapper input[type="radio"]:checked+label:after {
  background: url("images/unique-code-checkbox-white.png") center center no-repeat;
}
@media (max-width: 1127px) {
  .unique-code-form .unique-code-form-text {
    min-height: 290px;
  }
}
@media only screen and (max-width: 970px) {
  .unique-code-form .unique-code-form-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%;
  }
}
.unique-code-form .unique-form-wrapper {
  width: 50%;
  font-size: 12px;
  line-height: 26px;
  min-height: 246px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  padding: 20px;
  border: 1px solid #c0c0c0;
}
.unique-code-form .unique-form-wrapper > h3 {
  margin-top: 0;
}
.unique-code-form .unique-form-wrapper > .right-text {
  display: block;
  margin-left: 50px;
  margin-top: 18px;
  vertical-align: top;
}
.unique-code-form .unique-form-wrapper > .right-text > .small {
  max-width: 200px;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 12px;
  margin-right: 10px;
  position: relative;
  *zoom: 1;
}
.unique-code-form .unique-form-wrapper > .right-text > .small:before,
.unique-code-form .unique-form-wrapper > .right-text > .small:after {
  content: " ";
  display: table;
}
.unique-code-form .unique-form-wrapper > .right-text > .small:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 970px) {
  .unique-code-form .unique-form-wrapper > .right-text > .small {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.unique-code-form .unique-form-wrapper > .right-text > .small .alert {
  margin-top: 6px;
  color: #ec2427;
}
.unique-code-form .unique-form-wrapper > .right-text > .small >span {
  display: block;
  margin-left: 32px;
}
.unique-code-form .unique-form-wrapper > .right-text > .small > input[type="checkbox"],
.unique-code-form .unique-form-wrapper > .right-text > .small > input[type="radio"] {
  display: none;
}
.unique-code-form .unique-form-wrapper > .right-text > .small > input[type="checkbox"]+label,
.unique-code-form .unique-form-wrapper > .right-text > .small > input[type="radio"]+label {
  display: inline-block;
  vertical-align: middle;
  min-height: 0;
  float: left;
  width: 20px;
  height: 20px;
  border: #b4b4b4 1px solid;
  cursor: pointer;
}
.unique-code-form .unique-form-wrapper > .right-text > .small > input[type="checkbox"]:checked + label,
.unique-code-form .unique-form-wrapper > .right-text > .small > input[type="radio"]:checked + label {
  background: url("images/unique-code-checkbox.png") center center no-repeat;
}
.unique-code-form .unique-form-wrapper > .right-text > .btn-group {
  width: 250px;
  display: inline-block;
  vertical-align: top;
}
.unique-code-form .unique-form-wrapper > .right-text > .btn-group > .button {
  border: 2px solid #040322;
  padding: 10px 80px;
  width: 100%;
}
.unique-code-form .unique-form-wrapper > .right-text > .btn-group > .button.-submitted {
  display: none;
}
.-submitted .unique-code-form .unique-form-wrapper > .right-text > .btn-group > .button {
  display: none;
}
.-submitted .unique-code-form .unique-form-wrapper > .right-text > .btn-group > .button.-submitted {
  display: inline-block;
  cursor: default;
}
@media only screen and (max-width: 970px) {
  .unique-code-form .unique-form-wrapper > .right-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%;
  }
}
.unique-code-form .unique-form-wrapper > .unique-form {
  box-sizing: border-box;
  max-width: 330px;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  font-weight: bold;
  *zoom: 1;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper:before,
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper:after {
  content: " ";
  display: table;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper .alert {
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 15%;
  color: #ec2427;
  font-size: 10px;
  font-weight: normal;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="tel"],
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="email"] {
  width: 245px;
  height: 26px;
  padding: 5px;
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="tel"],
  .unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="email"] {
    max-width: 165px;
  }
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="checkbox"],
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="radio"] {
  display: inline-block;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > label {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
  width: 15%;
  padding: 0;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input {
  box-sizing: border-box;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="checkbox"],
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="radio"] {
  display: none;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="checkbox"]+label,
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="radio"]+label {
  display: inline-block;
  vertical-align: middle;
  min-height: 0;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  border-radius: 50%;
  background-clip: padding-box;
  border: #b4b4b4 1px solid;
  cursor: pointer;
}
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="checkbox"]:checked + label,
.unique-code-form .unique-form-wrapper > .unique-form > .input-wrapper > input[type="radio"]:checked + label {
  background: url("images/unique-code-checkbox.png") center center no-repeat;
}
@media (max-width: 1127px) {
  .unique-code-form .unique-form-wrapper {
    min-height: 290px;
  }
}
@media only screen and (max-width: 970px) {
  .unique-code-form .unique-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%;
  }
}
.unique-code-form .text-unique-code {
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (max-width: 970px) {
  .unique-code-form .text-unique-code {
    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: 970px) {
  .unique-code-form {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 93.74%;
    margin-left: 3.13%;
    margin-right: 3.13%;
  }
}
.unique-code-form.-chekbox .unique-form-wrapper {
  width: 50%;
}
@media only screen and (max-width: 970px) {
  .unique-code-form.-chekbox .unique-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%;
    max-width: 100%;
  }
}
/*************************************
*
*   M85b-unique-code-form-chekbox.styl
*
***************************************/
/******************************
 *
 *  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;
}
.bike-edit-photo .upload-new-image {
  margin-top: 10px;
  text-align: right;
  overflow: hidden;
}
.bike-edit-photo .upload-new-image .button {
  cursor: default;
}
.bike-edit-photo .upload-new-image input[type='file'] {
  cursor: default;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
  z-index: 5;
  height: 40px;
  width: 100%;
  left: 0;
}
.bike-register-photo-wrapper {
  max-width: 300px;
}
/******************************
 *
 *  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: 970px) {
  .stolen-form {
    padding-top: 10px;
    position: absolute;
    top: 22%;
    width: auto;
    left: 20px;
    right: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .stolen-form {
    top: 12%;
    padding: 70px 60px 0 60px;
  }
}
@media only screen and (max-width: 600px) {
  .stolen-form {
    top: 22%;
    padding: 25px 20px 10px 20px;
    text-outline: 22px;
  }
}
.stolen-form .input input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border: 1px solid #b4b4b4;
}
.stolen-form .input input:-ms-input-placeholder {
  color: #c4beb0 !important;
}
.stolen-form .input input::-webkit-input-placeholder {
  color: #c4beb0 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.stolen-form .input input::-moz-placeholder {
  color: #c4beb0 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.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;
  margin-bottom: 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 {
    display: inline-block;
    width: 49%;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 8px;
    min-height: 23px;
  }
  .bike-next .panel .actions .button:first-child {
    margin-right: 2%;
  }
  .bike-next .panel .actions .button:last-child {
    margin-left: -5px;
  }
}
#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-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 26px 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;
  }
}
.hero-centered.cherry-blossom + .breadcrumbs {
  margin-top: 20px;
/* Mobile version */
}
@media only screen and (max-width: 600px) {
  .hero-centered.cherry-blossom + .breadcrumbs {
    padding: 15px 0px;
  }
  .hero-centered.cherry-blossom + .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%;
  }
  .hero-centered.cherry-blossom + .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: auto;
  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=SB] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=stardust-black] .value::before {
  background-color: #383838;
}
.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-value=HP] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=hot-pink] .value::before {
  background-color: #d91d83;
}
.decision-tree .tree-navigation .nav-point[data-value=PW] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=papyrus-white] .value::before {
  background-color: #e2e2e2;
}
.decision-tree .tree-navigation .nav-point[data-value=FL] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=flame-lacquer] .value::before {
  background-color: #f47523;
}
.decision-tree .tree-navigation .nav-point[data-value=PM] .value::before,
.decision-tree .tree-navigation .nav-point[data-value=purple-metallic] .value::before {
  background-color: #412c8d;
}
.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.stardust-black,
.question-container.branding-stardust-black,
.branding-stardust-black .question-container {
  background-color: #383838;
}
.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;
}
html[lang='nl-NL'] .question-container .question-box .answers .answer {
  padding-left: 5px;
  padding-right: 5px;
}
@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;
  }
}
@media only screen and (max-width: 970px) {
  .chessboard .media .video-box,
  .chessboard .media .media-wrapper {
    position: relative !important;
  }
}
.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%;
  }
}
@media only screen and (max-width: 800px) and (max-width: 600px) {
  h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  h2 {
    font: 20px/30px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
/****************************************

  P01. Home

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

  P06. Find-a-store-Serial-number-bike

****************************************/
.wffmFieldsetWrapper {
  font-size: 20px;
}
.wffmFieldsetWrapper .scfSingleLineTextLabel,
.wffmFieldsetWrapper .scfEmailLabel,
.wffmFieldsetWrapper .scfRadioButtonListLabel,
.wffmFieldsetWrapper .scfDropListLabel {
  display: inline-block;
  vertical-align: middle;
  width: 190px;
  font-size: 20px;
  margin-bottom: 12px;
  float: none;
  line-height: 21px;
}
@media only screen and (max-width: 600px) {
  .wffmFieldsetWrapper .scfSingleLineTextLabel,
  .wffmFieldsetWrapper .scfEmailLabel,
  .wffmFieldsetWrapper .scfRadioButtonListLabel,
  .wffmFieldsetWrapper .scfDropListLabel {
    display: block;
    width: 100%;
    font-size: 17px;
  }
}
.wffmFieldsetWrapper .scfSectionBorderAsFieldSet .scfSectionLegend {
  font-weight: normal;
  font-size: 14px;
}
.wffmFieldsetWrapper .scfSingleLineGeneralPanel {
  width: -webkit-calc(100% - 210px);
  width: calc(100% - 210px);
}
.wffmFieldsetWrapper .scfSingleLineGeneralPanel,
.wffmFieldsetWrapper .scfDropListGeneralPanel,
.wffmFieldsetWrapper .scfRadioButtonListGeneralPanel,
.wffmFieldsetWrapper .scfEmailGeneralPanel {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  margin-bottom: 12px;
  float: none;
}
@media only screen and (max-width: 600px) {
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel,
  .wffmFieldsetWrapper .scfDropListGeneralPanel,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel,
  .wffmFieldsetWrapper .scfEmailGeneralPanel {
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
.wffmFieldsetWrapper .scfSingleLineGeneralPanel table tr,
.wffmFieldsetWrapper .scfDropListGeneralPanel table tr,
.wffmFieldsetWrapper .scfRadioButtonListGeneralPanel table tr,
.wffmFieldsetWrapper .scfEmailGeneralPanel table tr {
  display: inline-block;
}
.wffmFieldsetWrapper .scfSingleLineGeneralPanel table tr td,
.wffmFieldsetWrapper .scfDropListGeneralPanel table tr td,
.wffmFieldsetWrapper .scfRadioButtonListGeneralPanel table tr td,
.wffmFieldsetWrapper .scfEmailGeneralPanel table tr td {
  border: none;
}
.wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfSingleLineTextBox,
.wffmFieldsetWrapper .scfDropListGeneralPanel .scfSingleLineTextBox,
.wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfSingleLineTextBox,
.wffmFieldsetWrapper .scfEmailGeneralPanel .scfSingleLineTextBox,
.wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfDropList,
.wffmFieldsetWrapper .scfDropListGeneralPanel .scfDropList,
.wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfDropList,
.wffmFieldsetWrapper .scfEmailGeneralPanel .scfDropList,
.wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfEmailTextBox,
.wffmFieldsetWrapper .scfDropListGeneralPanel .scfEmailTextBox,
.wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfEmailTextBox,
.wffmFieldsetWrapper .scfEmailGeneralPanel .scfEmailTextBox {
  width: 80%;
}
@media only screen and (max-width: 800px) {
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfDropListGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfEmailGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfDropListGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfEmailGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfEmailTextBox,
  .wffmFieldsetWrapper .scfDropListGeneralPanel .scfEmailTextBox,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfEmailTextBox,
  .wffmFieldsetWrapper .scfEmailGeneralPanel .scfEmailTextBox {
    width: 58%;
  }
}
@media only screen and (max-width: 600px) {
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfDropListGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfEmailGeneralPanel .scfSingleLineTextBox,
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfDropListGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfEmailGeneralPanel .scfDropList,
  .wffmFieldsetWrapper .scfSingleLineGeneralPanel .scfEmailTextBox,
  .wffmFieldsetWrapper .scfDropListGeneralPanel .scfEmailTextBox,
  .wffmFieldsetWrapper .scfRadioButtonListGeneralPanel .scfEmailTextBox,
  .wffmFieldsetWrapper .scfEmailGeneralPanel .scfEmailTextBox {
    display: block;
    width: 100%;
  }
}
.wffmFieldsetWrapper .scfRequired {
  display: none;
  float: none;
  color: #fff;
}
.wffmFieldsetWrapper .scfForm .scfSubmitSummary {
  padding: 0 !important;
}
.wffmFieldsetWrapper .scfSectionContent .scfSingleLineTextBorder .scfValidatorRequired {
  display: none;
}
.wffmFieldsetWrapper .scfSectionContent .scfSingleLineTextBorder .scfSingleLineGeneralPanel .scfSingleLineTextUsefulInfo {
  display: inline-block;
  width: 18%;
  font-size: 14px;
  margin-left: 12px;
  float: right;
}
@media only screen and (max-width: 600px) {
  .wffmFieldsetWrapper .scfSectionContent .scfSingleLineTextBorder .scfSingleLineGeneralPanel .scfSingleLineTextUsefulInfo {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin: 10px 0;
  }
}
@media only screen and (max-width: 600px) {
  .wffmFieldsetWrapper {
    font-size: 17px;
  }
}
.scfForm .scfIntroBorder .scfTitleMessage {
  font-size: 17px;
  font-weight: bold;
  line-height: 21px;
  margin: 0 3px 20px !important;
  padding: 0.35em 0.625em 0.75em;
}
.scfForm .scfTopMessage {
  font-size: 17px;
  color: #111;
}
.scfForm .scfFooterBorder .scfBottomMessage {
  font-size: 14px;
}
/****************************************

  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: 48%;
  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: 70px 0 0 16px;
}
@media only screen and (max-width: 800px) {
  .featured-wrapper .aside .share-block {
    margin: 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 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) {
  .featured-wrapper.-forBwc h2 {
    font: 25px/35px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  }
}
.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%;
  min-width: 92px;
}
@media only screen and (max-width: 800px) {
  .featured-wrapper.-forBwc .aside.right-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.-forBwc .aside.right-aside .share-block {
    margin-left: 0;
  }
  .featured-wrapper.-forBwc .aside.right-aside .share-block select {
    width: auto;
  }
}
.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%;
  }
  .a-z-wrapper .quick-links-list .box article {
    margin-bottom: 16px;
  }
}
.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 > span > label,
.smart-radio-group ul > li > span > label {
  display: block;
  display: table;
  width: 101%;
  height: 65px;
  background: #fff;
  cursor: pointer;
}
.smart-radio-group > label > span > label span,
.smart-radio-group ul > li > span > 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 span {
  margin-left: 3px;
}
.user-data table th span:after {
  content: ":";
  margin-left: 3px;
  color: #000;
}
.user-data table tr.updates th {
  vertical-align: top;
}
.user-data table tr.updates td .receive {
  margin-left: 20px;
}
.user-data table tr.updates td .receive,
.user-data table tr.updates td .receiveAll {
  margin-bottom: 5px;
}
.build-n-win-page .user-data table tr.warning th {
  color: #f00;
}
.user-data table tr.warning th >span {
  color: #f00;
}
.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%;
  }
}
/******************************
 *
 *  P60. Buld and win
 *
 ******************************/
.build-n-win-page {
  padding-bottom: 178px;
}
.user-data.competition-details {
  margin-left: 15px;
  padding: 20px 0;
/* Phone version */
}
.user-data.competition-details table.forbild tr:nth-child(even) {
  background: #fff;
}
.user-data.competition-details table.forbild th {
  width: 190px;
  font-size: 20px;
  font-weight: 400;
  padding: 0;
}
.user-data.competition-details table.forbild td {
  padding: 6px 18px;
}
.user-data.competition-details table.forbild tr {
  padding: 0;
  margin: 0;
}
.user-data.competition-details table.forbild input[type="text"],
.user-data.competition-details table.forbild input[type="email"],
.user-data.competition-details table.forbild select {
  width: 80%;
}
.user-data.competition-details .box h2 {
  font-size: 34px;
  font-weight: 500;
}
.user-data.competition-details .box p {
  font-size: 18px;
  line-height: 20px;
}
.user-data.competition-details .box >h4 {
  font-weight: 500;
}
.user-data.competition-details .box >h3 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 60px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
  .user-data.competition-details {
    padding-left: 2%;
  }
}
@media only screen and (max-width: 600px) {
  .user-data.competition-details {
    zoom: 1;
  }
  .user-data.competition-details input[type="text"],
  .user-data.competition-details input[type="email"],
  .user-data.competition-details select {
    display: inline-block;
    outline: 0;
    vertical-align: top;
    height: 32px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    border-radius: 0;
    background-clip: padding-box;
    background-clip: padding-box;
    border: #b4b4b4 1px solid;
    color: #1a1a1a;
    font-size: 17px;
  }
  .user-data.competition-details table {
    display: block;
  }
  .user-data.competition-details table tr {
    display: block;
    margin-bottom: 15px;
  }
  .user-data.competition-details table th,
  .user-data.competition-details table td {
    display: block;
    padding: 0;
    width: 100%;
  }
  .user-data.competition-details table th {
    font-weight: 500;
  }
}
/******************************
 *
 *  P61. Win a brompton
 *
 ******************************/
.user-data.share-details {
  margin-left: 10px;
}
.user-data.share-details .box-share .title {
  font-size: 2em;
  font-weight: 500;
  -webkit-margin-before: 0.37em;
  -webkit-margin-after: 0.37em;
}
.user-data.share-details .box-share .text-inform {
  font-size: 21px;
}
.user-data.share-details .box-share .text-inform.-first {
  max-width: 650px;
  display: block;
  -webkit-margin-before: 1.2em;
  -webkit-margin-after: 1.2em;
}
.user-data.share-details .box-share .text-inform.-first strong {
  font-weight: 500;
}
.user-data.share-details .box-share .text-inform.-second {
  max-width: 700px;
  display: block;
}
.user-data.share-details .box-share .text-inform.-third {
  max-width: 700px;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}
.user-data.share-details .box-share .text-inform.-third strong {
  font-weight: 500;
}
.user-data.share-details .box-share .link-tag {
  margin-left: 20px;
  color: #f00;
  display: inline-block;
}
.user-data.share-details .box-share .inform-share {
  display: inline-block;
  -webkit-margin-before: 2em;
  font-size: 1.3em;
  font-weight: 500;
}
.find-a-store-unique {
  display: none;
  position: relative;
}
.find-a-store-unique .find-a-store-unique--map {
  position: relative;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.find-a-store-unique .find-a-store-unique--store {
  display: none;
}
.find-a-store-unique.-enquire .find-a-store-unique--map {
  display: none;
}
.find-a-store-unique.-enquire .find-a-store-unique--store {
  display: block;
}
.find-a-store-unique.-enquire .find-a-store-unique--store > .content-wrapper > .content {
  border-top: 2px solid #c4c4c4;
}
.find-a-store-unique.-enquire .find-a-store-unique--store > .content-wrapper > .content >.back-link {
  margin-left: 0 !important;
}
/*******************************
 *
 *   P64-Bike-builder
 *
 ******************************/
.bike-builder-controller {
  -webkit-transition: margin-top 0.4s;
  transition: margin-top 0.4s;
  background: url("images/preloader6.gif") center top no-repeat;
}
.bike-builder-controller > *:not(.bike-builder-progressbar) {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.bike-builder-controller.-loaded {
  background: none;
}
.bike-builder-controller.-loaded > * {
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.bike-builder-controller.-loaded > .bike-builder-progressbar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.bike-builder-controller.-previewMode {
  margin-top: -20px;
}
@media only screen and (max-width: 600px) {
  .bike-builder-controller.-previewMode {
    margin-top: -20px;
  }
}
.product-detail .shop-breadcrumbs ul {
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .product-detail .shop-breadcrumbs ul {
    width: 100%;
  }
}
.product-detail .product-detail__header-gallery {
  margin-bottom: 15px;
}
.product-detail .product-detail__header-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 230px;
  max-height: 560px;
}
.product-detail .product-detail-inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail-inner {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.product-detail .find-a-store-unique.-chosen {
  padding: 40px 0;
}
.product-detail .product-detail__chosen-store {
  padding: 20px 0;
}
.product-detail .product-detail__card {
  display: block;
}
.product-detail .product-detail__card:after {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  display: table;
  content: '';
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__card {
    display: block;
  }
}
.product-detail .product-detail__gallery {
  width: 50%;
  float: left;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__gallery {
    width: 100%;
  }
}
.product-detail .product-detail__gallery .product-detail__gallery-zoom {
  width: 45px;
  cursor: pointer;
  height: 45px;
  background-color: #fff;
  background-image: url("images/zoom.svg");
  background-position: 50% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__gallery .product-detail__gallery-zoom {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__gallery .product-detail__gallery-carousel .slick-track {
    display: none;
  }
}
.product-detail .product-detail__gallery .slick-slide {
  text-align: center;
  outline: none !important;
}
.product-detail .product-detail__gallery .slick-arrow {
  background: none;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-radius: 0;
  background-clip: padding-box;
  width: 20px;
  z-index: 20;
  min-height: auto;
  height: 20px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.product-detail .product-detail__gallery .slick-arrow:before {
  display: none;
}
.product-detail .product-detail__gallery .slick-arrow.slick-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.product-detail .product-detail__gallery .slick-arrow.slick-next {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-detail .product-detail__gallery .slick-arrow.slick-prev {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.product-detail .product-detail__gallery .product-detail__gallery-image {
  display: block;
}
.product-detail .product-detail__gallery .product-detail__gallery-image .slick-next {
  right: -5px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__gallery .product-detail__gallery-image .slick-next {
    right: 0;
  }
}
.product-detail .product-detail__gallery .product-detail__gallery-image .slick-prev {
  left: -5px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__gallery .product-detail__gallery-image .slick-prev {
    left: 0;
  }
}
.product-detail .product-detail__gallery .product-detail__gallery-image img {
  width: 100%;
}
.product-detail .product-detail__gallery .product-detail__gallery-carousel {
  display: block;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__gallery .product-detail__gallery-carousel {
    display: none;
  }
}
.product-detail .product-detail__gallery .product-detail__gallery-carousel-list {
  margin: 0 40px;
}
.product-detail .product-detail__gallery .product-detail__gallery-carousel-list .slick-slide {
  height: auto;
}
.product-detail .product-detail__gallery .product-detail__gallery-carousel-list img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border: 1px solid #c6c6c6;
  display: inline-block;
}
.product-detail .product-detail__optional {
  margin-bottom: 16px;
  position: relative;
}
.product-detail .product-detail__optional-button {
  margin: 0 !important;
  font: 17px/20px akzidenz-grotesk, 'Helvetica Neue', Arial, sans-serif;
  position: relative;
  cursor: pointer;
  min-height: 40px;
}
.product-detail .product-detail__optional-button:after {
  content: "";
  background-image: url("images/arrow_drop_down.png");
  background-size: 14px 10px;
  background-position: center right;
  width: 14px;
  height: 10px;
  position: absolute;
  margin-left: 10px;
  top: 37%;
  right: 10px;
}
.product-detail .product-detail__optional ul {
  display: none;
  position: absolute;
  list-style: none;
  text-align: left;
  cursor: default;
  z-index: 999999;
  background: #89c7be;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 1px solid #000;
}
.product-detail .product-detail__optional ul li {
  padding: 10px 20px;
}
.product-detail .product-detail__optional ul li button,
.product-detail .product-detail__optional ul li a {
  border: 0 !important;
  border-radius: 0 !important;
  background-clip: padding-box;
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
  text-decoration: none;
  font: 17px/20px akzidenz-grotesk, 'Helvetica Neue', Arial, sans-serif;
}
.product-detail .product-detail__optional.open ul {
  display: block;
}
.product-detail .product-detail__optional.open .product-detail__button:after {
  background-image: url("images/arrow_drop_up.png");
}
.product-detail .product-detail__info {
  width: 42%;
  float: right;
  padding-left: 20px;
  position: relative;
  margin-top: -49px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__info {
    width: auto;
    margin-top: 0;
    padding-left: 0;
  }
}
.product-detail .product-detail__info .product-detail__title {
  font-size: 30px;
  color: #000;
  padding-right: 175px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__info .product-detail__title {
    font-size: 18px;
  }
}
.product-detail .product-detail__info .product-detail__price {
  font-size: 26px;
  color: #9a9a9a;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
}
.product-detail .product-detail__info .product-detail__price--discount {
  color: #000;
}
.product-detail .product-detail__info .product-detail__price .product-detail__price-old-save {
  white-space: nowrap;
  color: #9a9a9a;
}
.product-detail .product-detail__info .product-detail__price .product-detail__price-old-save .product-detail__price-old {
  display: inline-block;
  text-decoration: line-through;
}
.product-detail .product-detail__info .product-detail__price .product-detail__price-old-save .product-detail__price-save {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__info .product-detail__price {
    font-size: 18px;
  }
}
.product-detail .product-detail__info .product-detail__rating .product-detail__rating-stars {
  display: inline-block;
}
.product-detail .product-detail__info .product-detail__rating .product-detail__rating-stars .jq-star {
  display: inline-block;
  margin-right: 5px;
}
.product-detail .product-detail__info .product-detail__rating .product-detail__rating-stars .jq-star svg {
  width: 100%;
  height: 100%;
}
.product-detail .product-detail__info .product-detail__rating .product-detail__rating-count {
  display: inline-block;
}
.product-detail .product-detail__info .product-detail__summary {
  font-size: 16px;
  padding: 20px 0;
  margin: 15px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  line-height: 1.5;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__info .product-detail__summary {
    padding: 20px 0;
    margin: 15px 0;
  }
}
.product-detail .product-detail__info .product-detail__note {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.product-detail .product-detail__info .product-detail__opts {
  max-width: 300px;
  margin-top: 21px;
}
.product-detail .product-detail__info .product-detail__opts > .error {
  margin: -10px 0 20px;
  color: #f00;
}
.product-detail .product-detail__info .product-detail__size-selector {
  display: block;
  margin: 15px 0;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.product-detail .product-detail__info .product-detail__size-selector .error {
  margin-top: 0;
  color: #f00;
}
.product-detail .product-detail__info .product-detail__size-selector.error-highlight {
  -webkit-box-shadow: 0 0 10px 10px #fff2ce;
  box-shadow: 0 0 10px 10px #fff2ce;
  background-color: #fff2ce;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-title {
  display: inline-block;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.product-detail .product-detail__info .product-detail__size-selector a.product-detail__size-selector-guide {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.product-detail .product-detail__info .product-detail__size-selector a.product-detail__size-selector-guide:hover {
  text-decoration: underline;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list div {
  -webkit-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  height: 39px;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item {
  -webkit-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  height: 39px;
  background-color: #d6d6d6;
  margin-bottom: 15px;
  text-decoration: none;
  border-radius: 39px;
  background-clip: padding-box;
  text-align: center;
  line-height: 38px;
  overflow: hidden;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item.active {
  background-color: #89c7be;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item.disabled {
  background-color: #f3f3f3;
  color: #d6d6d6;
  position: relative;
  overflow: hidden;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item.disabled:after,
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item.disabled:before {
  content: '';
  position: absolute;
  background-color: #d6d6d6;
  left: 50%;
  width: 2px;
  height: 100px;
  top: -30px;
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item.disabled:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list a.product-detail__size-selector-item.disabled:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list.selector-col-2 div,
.product-detail .product-detail__info .product-detail__size-selector .product-detail__size-selector-list.selector-col-2 a.product-detail__size-selector-item {
  -webkit-flex: 0 1 48%;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
}
.product-detail .product-detail__info .product-detail__qty-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 15px 0;
}
.product-detail .product-detail__info .product-detail__qty-selector.error-highlight {
  -webkit-box-shadow: 0 10px 10px 20px #fff2ce;
  box-shadow: 0 10px 10px 20px #fff2ce;
  background-color: #fff2ce;
}
.product-detail .product-detail__info .product-detail__qty-selector .product-detail__qty-selector-title {
  display: inline-block;
  line-height: 27px;
}
.product-detail .product-detail__info .product-detail__qty-selector .product-detail__qty-selector-spinner {
  display: inline-block;
}
.product-detail .product-detail__info .product-detail__qty-selector .product-detail__qty-selector-spinner button {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  background-clip: padding-box;
  background-color: #d6d6d6;
  padding: 0px;
  min-height: 0;
}
.product-detail .product-detail__info .product-detail__qty-selector .product-detail__qty-selector-spinner span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.product-detail .product-detail__info .product-detail__pickup-selector {
  margin: 15px 0;
  position: relative;
}
.product-detail .product-detail__info .product-detail__pickup-selector .error {
  margin: 20px 0;
  color: #f00;
}
.product-detail .product-detail__info .product-detail__pickup-selector.error-highlight {
  -webkit-box-shadow: 0 0 10px 10px #fff2ce;
  box-shadow: 0 0 10px 10px #fff2ce;
  background-color: #fff2ce;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__show-chosen-store {
  padding: 10px 0;
  font-weight: bold;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-label {
  display: block;
  color: #fff;
  background-color: #000;
  padding: 10px 20px;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-label:after {
  position: absolute;
  top: 16px;
  right: 20px;
  content: '';
  background-image: url("images/bottom-arrow-white.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 8px;
  display: inline-block;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-label.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-label:hover {
  cursor: pointer;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-list {
  display: none;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-list.open {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  border: 1px solid #000;
  background: #fff;
  z-index: 1;
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  margin-top: -2px;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-list.open .mCSB_inside>.mCSB_container {
  margin-right: 7px;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-list.open .mCSB_scrollTools {
  border-left: 1px #000 solid;
  width: 6px;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-list.open .mCSB_dragger_bar {
  background: #000;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-list.open .mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item-search {
  border: 1px solid #000;
  margin: 10px 15px;
  padding: 5px;
  display: block;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  height: 26px;
  font-size: 14px;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item-search:-ms-input-placeholder {
  color: #b1b1b1 !important;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item-search::-webkit-input-placeholder {
  color: #b1b1b1 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item-search::-moz-placeholder {
  color: #b1b1b1 !important;
  -ms-filter: none;
  filter: none;
  opacity: 1;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item {
  padding: 10px 15px;
  position: relative;
  border-bottom: 1px solid #000;
  color: #929292;
  cursor: pointer;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item:after {
  position: absolute;
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("images/circle-checkbox.svg");
  background-repeat: no-repeat;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item:last-child {
  border-bottom: 0;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item.selected {
  color: #000;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item.selected:after {
  background-image: url("images/circle-checkbox-checked.svg");
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-item .product-detail__pickup-selector-item p {
  margin: 10px 0;
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-selected .product-detail__pickup-selector-item {
  color: #000;
  border: 0;
  cursor: default;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-selected .product-detail__pickup-selector-item:after {
  display: none;
}
.product-detail .product-detail__info .product-detail__pickup-selector .product-detail__pickup-selector-selected .product-detail__pickup-selector-item .remove {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("images/close-red.svg");
  background-repeat: no-repeat;
  cursor: pointer;
}
.product-detail .product-detail__info .product-detail__button {
  width: 100%;
  height: 35px;
  display: block;
  margin-bottom: 16px;
  background-color: #89c7be;
  border: 2px solid #000;
  border-radius: 30px;
  background-clip: padding-box;
  line-height: 35px;
  padding: 0 20px;
  color: #000;
  font-weight: bold;
  box-sizing: border-box;
  text-align: left;
}
.product-detail .product-detail__info .product-detail__button.btn-wishlist {
  background-color: #c6c6c6;
  color: #fff;
  border-color: #c6c6c6;
  background-image: url("images/wishlist-w.svg");
  background-repeat: no-repeat;
  background-position: top 50% right 10px;
}
.product-detail .product-detail__info .product-detail__button.blocked {
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  color: #fff;
}
.product-detail .product-detail__info .product-detail__button.product-detail__button-mobile-show-cart {
  display: none;
  text-decoration: none;
  font: 17px/20px 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  width: 100%;
  height: 35px;
  margin-bottom: 16px;
  background-color: #89c7be;
  border: 2px solid #000;
  border-radius: 30px;
  background-clip: padding-box;
  background-clip: padding-box;
  line-height: 35px;
  padding: 0 20px;
  color: #000;
  font-weight: bold;
  box-sizing: border-box;
  text-align: left;
  min-height: 40px;
  max-width: 100%;
  -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;
  word-wrap: break-word;
  outline: none;
  vertical-align: bottom;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__info .product-detail__button.product-detail__button-mobile-show-cart {
    width: 100%;
    height: 35px;
    margin-bottom: 16px;
    background-color: #89c7be;
    border: 2px solid #000;
    border-radius: 30px;
    background-clip: padding-box;
    background-clip: padding-box;
    line-height: 35px;
    padding: 0 20px;
    color: #000;
    font-weight: bold;
    box-sizing: border-box;
    text-align: left;
  }
}
.product-detail .product-detail__info .product-detail__extrainfo p {
  margin: 10px 0;
}
.product-detail .product-detail__info .product-detail__extrainfo-hidden {
  display: none;
}
.product-detail .product-detail__info .product-detail__share {
  display: block;
}
.product-detail .product-detail__tabbed {
  margin-top: 70px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__tabbed {
    margin-top: 20px;
  }
}
.product-detail .product-detail__tabbed .product-detail__tabbed-tabs {
  display: block;
  margin-top: 20px;
}
.product-detail .product-detail__tabbed .product-detail__tabbed-tabs .product-detail__tabbed-tab {
  height: 48px;
  line-height: 49px;
  padding: 0 30px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__tabbed .product-detail__tabbed-tabs .product-detail__tabbed-tab {
    font-size: 14px;
    line-height: inherit;
    padding: 15px 20px 0 20px;
  }
}
.product-detail .product-detail__tabbed .product-detail__tabbed-content {
  border: 1px solid #c6c6c6;
  padding: 20px 30px 20px 30px;
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__tabbed .product-detail__tabbed-content {
    padding: 20px 10px;
  }
}
.product-detail .product-detail__tabbed .product-detail__tabbed-content h3 {
  font-size: 20px;
}
.product-detail .product-detail__tabbed .product-detail__tabbed-content p {
  font-size: 16px;
}
.product-detail .product-detail__tabbed .product-detail__tabbed-content table {
  height: auto !important;
  float: none !important;
  min-width: 250px;
}
.product-detail .product-detail__related {
  margin-top: 25px;
}
.product-detail .product-detail__related .product-detail__related-title {
  font-size: 20px;
  border-bottom: 1px #c6c6c6 solid;
  padding-bottom: 10px;
  height: 48px;
  line-height: 49px;
  padding: 0 30px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.product-detail .product-detail__related .product-detail__related-list {
  width: 100%;
}
.product-detail .product-detail__related .product-detail__related-list a {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  background: #eee;
  padding: 20px 20px 30px 20px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 1.9%;
  max-width: 360px;
}
.product-detail .product-detail__related .product-detail__related-list a:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 800px) {
  .product-detail .product-detail__related .product-detail__related-list a {
    margin-right: 1.7%;
  }
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__related .product-detail__related-list a {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .product-detail .product-detail__related .product-detail__related-list .product-detail__related-item {
    display: block;
  }
}
.product-detail .product-detail__related .product-detail__related-list .product-detail__related-item .product-detail__related-item-photo {
  position: relative;
}
.product-detail .product-detail__related .product-detail__related-list .product-detail__related-item .product-detail__related-item-photo img {
  position: relative;
  width: 100%;
}
.product-detail .product-detail__related .product-detail__related-list .product-detail__related-item .product-detail__related-item-photo .product-detail__related-item-badge {
  position: absolute;
  top: 13px;
  left: 13px;
  background-color: #6ec095;
  color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 2px 4px;
}
.product-detail .product-detail__related .product-detail__related-list .product-detail__related-item .product-detail__related-item-name {
  margin-top: 10px;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 500;
}
.product-detail .product-detail__related .product-detail__related-list .product-detail__related-item .product-detail__related-item-price {
  font-size: 12px;
  padding: 0 15px;
  font-weight: 500;
}
.product-photo-expand {
  position: fixed;
  z-index: 3000;
  top: 0;
  background-color: #fff;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.product-photo-expand .product-photo-expand-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background-color: #000;
  background-image: url("images/close.svg");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 50%;
}
.added2basket-success {
  color: #00bca1;
  padding: 0 20px;
}
.styleguide-popup {
  position: absolute;
  left: 0;
  right: 0;
  padding: 15px 10px 5px 10px;
  border: 1px solid #000;
  z-index: 10;
  background: #fff;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
}
.styleguide-popup:after {
  content: '';
  position: absolute;
  right: 30px;
  top: -7px;
  background: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 11px;
  height: 11px;
}
.styleguide-popup .close {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 20px;
  cursor: pointer;
  line-height: 15px;
}
.styleguide-popup img {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
}
.styleguide-popup.open {
  visibility: visible;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.solid-heading {
  height: 255px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.solid-heading.spacing {
  margin-bottom: 100px;
}
.solid-heading--green {
  background-color: #89c7be;
}
.solid-heading .text {
  text-align: center;
  font-size: 50px;
}
.checkout-progress {
  display: block;
  background-color: #000;
  height: 100px;
}
@media only screen and (max-width: 600px) {
  .checkout-progress {
    display: none;
  }
}
.checkout-progress.fixed {
  position: fixed;
  top: 42px;
  width: 100%;
  z-index: 100;
}
.checkout-progress .checkout-progress-inner {
  max-width: 740px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100px;
}
.checkout-progress__step {
  width: 80px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.checkout-progress__step.active {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  position: relative;
}
.checkout-progress__step.active:after {
  content: '';
  background-image: url("images/checkout-trip-arrow.png");
  background-position: top right;
  height: 15px;
  width: 300%;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -7px;
}
.checkout-progress__step-1 {
  background-image: url("images/checkout-trip-1.png");
}
.checkout-progress__step-2 {
  background-image: url("images/checkout-trip-2.png");
}
.checkout-progress__step-3 {
  background-image: url("images/checkout-trip-3.png");
}
.checkout-progress__step-3:after {
  background: none !important;
}
.checkout-form {
  max-width: 740px;
  margin: 0 auto;
}
.checkout-form .checkout-form__step .checkout-form__heading {
  font-size: 24px;
  text-align: center;
  padding: 30px 0;
}
.checkout-form .checkout-form__step .checkout-form__info {
  font-size: 16px;
  padding: 0 20px;
  color: #9d9d9d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__info .checkout-form__label {
    display: none;
  }
}
.checkout-form .checkout-form__step .checkout-form__info .checkout-form__field {
  font-size: 14px;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__info .checkout-form__field {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.checkout-form .checkout-form__step .checkout-form__group {
  border-bottom: 1px solid #9d9d9d;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.checkout-form .checkout-form__step .checkout-form__group.billing-address {
  display: none;
}
.checkout-form .checkout-form__step .checkout-form__group:last-child {
  margin-bottom: 0px;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row {
  padding: 9px 0;
  height: auto;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 30;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__group .checkout-form__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row.-with-error {
  padding-bottom: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__group .checkout-form__row.-with-error {
    padding-bottom: 0;
  }
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row.-with-error .checkout-form__validate span {
  display: block;
  -webkit-transition: none;
  transition: none;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  left: auto;
  top: 30px;
  color: #f00;
  width: auto;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__group .checkout-form__row.-with-error .checkout-form__validate span {
    position: static;
    left: auto;
    top: auto;
  }
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row span {
  cursor: pointer;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row span input[type="checkbox"] {
  display: none;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row span input[type="checkbox"] + label {
  padding-left: 20px;
  display: block;
  position: relative;
  color: #c5c5c5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row span input[type="checkbox"] + label:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  left: 0;
  top: 2px;
  position: absolute;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #c5c5c5;
  border-radius: 1px;
  background-clip: padding-box;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row span input[type="checkbox"]:checked + label {
  color: #000;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row span input[type="checkbox"]:checked + label:before {
  border: 1px solid #000;
  background-image: url("images/unique-code-checkbox.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row--note {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff !important;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row:nth-of-type(2n) {
  background-color: #eee;
}
.checkout-form .checkout-form__step .checkout-form__group .checkout-form__row.force-white {
  background-color: #fff;
}
.checkout-form .checkout-form__step .checkout-form__label {
  width: 220px;
  font-size: 16px;
  margin-right: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.checkout-form .checkout-form__step .checkout-form__field {
  width: 340px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__field {
    width: auto;
  }
}
.checkout-form .checkout-form__step .checkout-form__field button.lookup-address {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  height: 42px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
  background-clip: padding-box;
  text-align: left;
}
.checkout-form .checkout-form__step .checkout-form__field a {
  color: #9d9d9d;
  font-size: 14px;
}
.checkout-form .checkout-form__step .checkout-form__field select,
.checkout-form .checkout-form__step .checkout-form__field input.text {
  width: 100%;
  border: 1px solid #c9c9c9;
  background: #fff;
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.checkout-form .checkout-form__step .checkout-form__field select.half,
.checkout-form .checkout-form__step .checkout-form__field input.text.half {
  width: 49%;
}
.checkout-form .checkout-form__step .checkout-form__field .half {
  width: 49%;
}
.checkout-form .checkout-form__step .checkout-form__validate {
  margin-left: 30px;
  display: inline-block;
  margin-top: 10px;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step .checkout-form__validate {
    margin-left: 0;
    margin-top: 0;
  }
}
.checkout-form .checkout-form__step .checkout-form__validate span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  display: none;
  white-space: nowrap;
  overflow: hidden;
  width: 60%;
  text-overflow: ellipsis;
}
.checkout-form .checkout-form__step .checkout-form__validate:after {
  content: '';
  display: block;
  background-image: url("images/valid-tick.png");
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px;
  height: 15px;
}
.checkout-form .checkout-form__step .checkout-form__validate.--valid:after {
  -ms-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.checkout-form .checkout-form__step i.payment-ico {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
@media only screen and (max-width: 600px) {
  .checkout-form .checkout-form__step i.payment-ico {
    margin-bottom: 10px;
  }
}
.checkout-form .checkout-form__step i.payment-ico.visa {
  background-image: url("images/pay-visa.png");
  width: 60px;
  height: 20px;
}
.checkout-form .checkout-form__step i.payment-ico.mastercard {
  background-image: url("images/pay-mc.png");
  width: 42px;
  height: 32px;
}
.checkout-form .checkout-form__step i.payment-ico.maestro {
  background-image: url("images/pay-maestro.png");
  width: 48px;
  height: 28px;
}
.checkout-form .checkout-form__step i.payment-ico.americanexpress {
  background-image: url("images/pay-ae.png");
  width: 40px;
  height: 26px;
}
.checkout-form .checkout-form__step i.payment-ico.paypal {
  background-image: url("images/pay-paypal.png");
  width: 87px;
  height: 21px;
}
.checkout-form .checkout-form__step i.payment-ico.worldpay {
  background-image: url("images/pay-worldpay.png");
  width: 137px;
  height: 25px;
}
.checkout-form button.pay-with-paypal {
  background-color: #ffc439;
  display: block;
  width: 100%;
  font-size: 13px;
  color: #000;
  text-shadow: 0 1px 1px #fff;
  margin: 0 5px;
}
.checkout-form button.pay-with-paypal i {
  display: inline-block;
  vertical-align: top;
  background-image: url("images/button-paypal-y.png");
  width: 80px;
  height: 24px;
}
.checkout-form .note {
  color: #9d9d9d;
}
.checkout-form .tooltip {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-clip: padding-box;
  border: 2px solid #9d9d9d;
  color: #9d9d9d;
  text-align: center;
  line-height: 33px;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  background-color: #fff;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}
.checkout-form .tooltip::after {
  content: attr(data-tooltiptext);
  position: absolute;
  top: -50px;
  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;
}
.checkout-form .tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #1a1a1a;
  position: absolute;
  top: -15px;
  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;
}
.checkout-form .tooltip:hover::after,
.checkout-form .tooltip:hover::before {
  display: block;
}
.checkout-table table {
  width: 100%;
  border-top: 1px solid #9d9d9d;
  border-bottom: 1px solid #9d9d9d;
}
.checkout-table table thead tr th {
  font-weight: normal;
  text-align: left;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #9d9d9d;
}
.checkout-table table thead tr th:nth-of-type(2) {
  text-align: left;
  width: 80px;
}
@media only screen and (max-width: 600px) {
  .checkout-table table thead tr th:nth-of-type(2) {
    display: none;
  }
}
.checkout-table table thead tr th:nth-of-type(3) {
  text-align: center;
  width: 80px;
}
.checkout-table table thead tr th:nth-of-type(4) {
  text-align: right;
  width: 80px;
}
.checkout-table table tbody tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
.checkout-table table tbody tr td:nth-of-type(2) {
  padding-right: 50px;
}
@media only screen and (max-width: 600px) {
  .checkout-table table tbody tr td:nth-of-type(2) {
    display: none;
  }
}
.checkout-table table tbody tr td:nth-of-type(3) {
  text-align: left;
  width: 80px;
}
.checkout-table table tbody tr td:nth-of-type(4) {
  text-align: center;
  width: 80px;
}
.checkout-table table tbody tr td:nth-of-type(5) {
  text-align: right;
  width: 80px;
}
.checkout-table table tbody tr td img {
  display: inline-block;
  vertical-align: middle;
  width: 165px;
  height: 140px;
  object-fit: cover;
  margin-right: 35px;
}
@media only screen and (max-width: 600px) {
  .checkout-table table tbody tr td img {
    width: 50px;
    height: auto;
  }
}
.checkout-table table tbody tr td a {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .checkout-table table tbody tr td a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-right: 10px;
  }
}
.checkout-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 740px;
  margin: 60px auto;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 600px) {
  .checkout-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 10px;
  }
}
.checkout-footer .checkout-footer__info > .password {
  padding: 9px 0;
  height: auto;
}
.checkout-footer .checkout-footer__info > .password .checkout-form__label,
.checkout-footer .checkout-footer__info > .password .checkout-form__field,
.checkout-footer .checkout-footer__info > .password .checkout-form__validate {
  display: block;
}
.checkout-footer .checkout-footer__info > .password .checkout-form__label {
  font-size: 16px;
  color: #111;
  font-family: 'akzidenz-grotesk', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
.checkout-footer .checkout-footer__info > .password .checkout-form__field input.text {
  width: 100%;
  border: 1px solid #c9c9c9;
  background: #fff;
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.checkout-footer .checkout-footer__info > .password.-with-error {
  padding-bottom: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 600px) {
  .checkout-footer .checkout-footer__info > .password.-with-error {
    padding-bottom: 0;
  }
}
.checkout-footer .checkout-footer__info > .password.-with-error .checkout-form__validate span {
  display: block;
  -webkit-transition: none;
  transition: none;
  -ms-filter: none;
  filter: none;
  opacity: 1;
  left: 245px;
  top: 60px;
  color: #f00;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .checkout-footer .checkout-footer__info > .password.-with-error .checkout-form__validate span {
    position: static;
    left: auto;
    top: auto;
  }
}
.checkout-footer .checkout-footer__info input[type="checkbox"] {
  display: none;
}
.checkout-footer .checkout-footer__info input[type="checkbox"] + label {
  padding-right: 25px;
  display: block;
  text-align: right;
  position: relative;
  color: #c5c5c5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.checkout-footer .checkout-footer__info input[type="checkbox"] + label:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  right: 0;
  top: 2px;
  position: absolute;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #c5c5c5;
  border-radius: 1px;
  background-clip: padding-box;
}
.checkout-footer .checkout-footer__info input[type="checkbox"]:checked + label {
  color: #000;
}
.checkout-footer .checkout-footer__info input[type="checkbox"]:checked + label:before {
  border: 1px solid #000;
  background-image: url("images/unique-code-checkbox.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"] {
  display: none;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"] + label {
  padding-left: 28px;
  display: block;
  text-align: right;
  position: relative;
  color: #c5c5c5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"] + label:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  left: 0;
  top: 2px;
  position: absolute;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  border: 1px solid #c5c5c5;
  border-radius: 1px;
  background-clip: padding-box;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"] + label.cb-with-error {
  color: #f00;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"] + label.cb-with-error:before {
  border: 2px solid #f00;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"]:checked + label {
  color: #000;
}
.checkout-footer .checkout-footer__summary-order input[type="checkbox"]:checked + label:before {
  border: 1px solid #000;
  background-image: url("images/unique-code-checkbox.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.checkout-footer .checkout-footer__info {
  width: 300px;
  color: #888;
}
.checkout-footer .checkout-footer__info p {
  font-size: 14px;
}
.checkout-footer .checkout-footer__summary-order {
  width: 300px;
}
@media only screen and (max-width: 600px) {
  .checkout-footer .checkout-footer__summary-order {
    width: 100%;
  }
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__heading {
  text-align: right;
  height: 60px;
  font-weight: bold;
  font-size: 20px;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table {
  width: 100%;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table table {
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table table tr td {
  text-align: left;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table table tr td:nth-of-type(1) {
  text-align: right;
  padding-right: 25px;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table table tr td:nth-of-type(2) {
  width: 20px;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table table tr.total {
  font-size: 18px;
  font-weight: bold;
}
.checkout-footer .checkout-footer__summary-order .checkout-footer__summary-table table tr.total td {
  padding-top: 16px;
}
.checkout-footer .checkout-footer__summary-order p {
  margin: 10px 0;
}
.checkout-footer .checkout-footer__summary-order .button,
.checkout-footer .checkout-footer__summary-order button {
  margin-top: 20px;
  display: block;
  width: 100%;
  text-transform: uppercase;
}
.checkout-footer .checkout-footer__summary-order span {
  cursor: pointer;
  font-size: 14px;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"] {
  display: none;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"] + label {
  padding-right: 40px;
  display: block;
  position: relative;
  color: #c5c5c5;
  text-align: right;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"] + label a {
  color: #c5c5c5;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"] + label:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  right: 0;
  top: 2px;
  position: absolute;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #c5c5c5;
  border-radius: 1px;
  background-clip: padding-box;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"]:checked + label {
  color: #000;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"]:checked + label a {
  color: #000;
}
.checkout-footer .checkout-footer__summary-order span input[type="checkbox"]:checked + label:before {
  border: 1px solid #000;
  background-image: url("images/unique-code-checkbox.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.checkout-extra {
  width: 60%;
  margin: 40px auto 30px auto;
}
@media only screen and (max-width: 600px) {
  .checkout-extra {
    width: 90%;
  }
}
.checkout-extra .checkout-extra__heading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 7px;
  text-align: right;
}
.checkout-extra .checkout-extra__checkboxgroup:after {
  display: block;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  content: '';
}
.checkout-extra .checkout-extra__checkboxgroup label {
  width: 100%;
  float: right;
  margin-bottom: 15px;
}
.checkout-extra .checkout-extra__checkboxgroup label:last-child() {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .checkout-extra .checkout-extra__checkboxgroup label {
    width: 50%;
  }
}
.checkout-extra .checkout-extra__checkboxgroup span {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
.checkout-extra .checkout-extra__checkboxgroup span input[type="radio"] {
  display: none;
}
.checkout-extra .checkout-extra__checkboxgroup span input[type="radio"] + label {
  padding-right: 25px;
  display: block;
  text-align: right;
  position: relative;
  color: #000;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.checkout-extra .checkout-extra__checkboxgroup span input[type="radio"] + label:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  right: 0;
  bottom: 4px;
  position: absolute;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #c9c9c9;
  border-radius: 1px;
  background-clip: padding-box;
}
.checkout-extra .checkout-extra__checkboxgroup span input[type="radio"]:checked + label {
  color: #000;
}
.checkout-extra .checkout-extra__checkboxgroup span input[type="radio"]:checked + label:before {
  border: 1px solid #9d9d9d;
  background-color: #9d9d9d;
}
.checkout-extra .checkout-extra__note {
  font-size: 14px;
  margin-top: 35px;
  color: #888;
  text-align: right;
}
.checkout-form .error-message,
.checkout-footer .error-message {
  text-align: center;
  color: #f00;
  display: block;
  font-weight: bold;
  margin: 10px 0px;
}
#main_0_payBtn,
#main_0_Button1 {
  width: 100%;
  margin-top: 11px;
  font-weight: bold;
}
.error-message {
  text-align: center;
  color: #f00;
  display: block;
  font-weight: bold;
  margin: 10px 0px;
}
.basket-table {
  position: relative;
}
.basket-table:before {
  content: '';
  width: 100%;
  top: 0;
  background-color: #000;
  height: 60px;
  display: block;
  position: absolute;
}
.basket-table .basket-table-inner {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .basket-table .basket-table-inner {
    margin: 0 20px;
  }
}
.basket-table .basket-table-inner table {
  width: 100%;
}
.basket-table .basket-table-inner table thead tr th {
  color: #fff;
  height: 60px;
}
.basket-table .basket-table-inner table thead tr th:nth-of-type(1) {
  text-align: left;
  padding-left: 145px;
}
@media only screen and (max-width: 800px) {
  .basket-table .basket-table-inner table thead tr th:nth-of-type(1) {
    padding-left: 115px;
  }
}
@media only screen and (max-width: 600px) {
  .basket-table .basket-table-inner table thead tr th:nth-of-type(1) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .basket-table .basket-table-inner table thead tr th:nth-of-type(2) {
    display: none;
  }
}
.basket-table .basket-table-inner table tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.basket-table .basket-table-inner table tbody tr td:nth-of-type(1) {
  padding-left: 70px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .basket-table .basket-table-inner table tbody tr td:nth-of-type(1) {
    padding-left: 40px;
    display: table-cell;
  }
}
@media only screen and (max-width: 600px) {
  .basket-table .basket-table-inner table tbody tr td:nth-of-type(1) {
    padding-left: 0;
  }
}
.basket-table .basket-table-inner table tbody tr td:nth-of-type(2) {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .basket-table .basket-table-inner table tbody tr td:nth-of-type(2) {
    display: none;
  }
}
.basket-table .basket-table-inner table tbody tr td:nth-of-type(3) {
  text-align: center;
}
.basket-table .basket-table-inner table tbody tr td:nth-of-type(4) {
  text-align: center;
}
.basket-table .basket-table-inner table tbody tr td .productSpecification {
  position: relative;
  padding: 0 40px 0 20px;
  width: 300px;
  box-sizing: border-box;
  font-weight: 400;
  text-align: center;
  font-size: 15px;
}
@media only screen and (max-width: 970px) {
  .basket-table .basket-table-inner table tbody tr td .productSpecification {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .basket-table .basket-table-inner table tbody tr td .productSpecification {
    padding: 5px 0 0 0;
    text-align: left;
  }
}
.basket-table .basket-table-inner table tbody tr td .productSpecification span {
  cursor: pointer;
}
.basket-table .basket-table-inner table tbody tr td .productSpecification span::after {
  content: "";
  background-image: url("images/arrow_drop_down.png");
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
}
.basket-table .basket-table-inner table tbody tr td .productSpecification ul {
  display: none;
  position: absolute;
  list-style: none;
  text-align: left;
  cursor: default;
  z-index: 999999;
  background: #fff;
  padding: 0;
  padding-right: 40px;
}
@media only screen and (max-width: 800px) {
  .basket-table .basket-table-inner table tbody tr td .productSpecification ul {
    padding: 0;
  }
}
.basket-table .basket-table-inner table tbody tr td .productSpecification ul li {
  border: 1px solid #000;
  border-top: 0;
  padding: 5px;
}
.basket-table .basket-table-inner table tbody tr td .productSpecification ul li:first-child {
  border-top: 1px solid #000;
}
.basket-table .basket-table-inner table tbody tr td .productSpecification.open span::after {
  background-image: url("images/arrow_drop_up.png");
}
.basket-table .basket-table-inner table tbody tr td .productSpecification.open ul {
  display: block;
}
.basket-table .basket-table-inner table tbody tr td .remove {
  width: 17px;
  height: 17px;
  margin-right: 55px;
  display: inline-block;
  color: #ef2921;
  position: absolute;
  left: 0;
  overflow: hidden;
  text-indent: -999px;
  top: 50%;
  margin-top: -8px;
  background-image: url("images/r-cross.png");
}
@media only screen and (max-width: 600px) {
  .basket-table .basket-table-inner table tbody tr td .remove {
    display: block;
    position: static;
    margin-top: 5px;
  }
}
.basket-table .basket-table-inner table tbody tr td a {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.basket-table .basket-table-inner table tbody tr td a img {
  margin-right: 13px;
}
@media only screen and (max-width: 970px) {
  .basket-table .basket-table-inner table tbody tr td a {
    display: block;
  }
}
.basket-table .basket-table-inner table tbody tr td a img {
  width: 200px;
}
@media only screen and (max-width: 600px) {
  .basket-table .basket-table-inner table tbody tr td a img {
    display: block;
    width: 50px;
  }
}
@media only screen and (max-width: 970px) {
  .basket-table .basket-table-inner table tbody tr td a span {
    display: block;
  }
}
.basket-table .basket-table-inner table tbody tr td .spinner {
  display: inline-block;
  margin: 0 20px;
  width: 100px;
  white-space: nowrap;
}
.basket-table .basket-table-inner table tbody tr td .spinner input {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  background-clip: padding-box;
  background-color: #9d9d9d;
  padding: 0px;
  min-height: 0;
}
.basket-table .basket-table-inner table tbody tr td .spinner span {
  display: inline-block;
  width: 20px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.empty-basket {
  text-align: center;
  margin: 50px auto;
}
.basket-extra {
  border-top: 1px solid #c8c7c7;
  border-bottom: 1px solid #c8c7c7;
}
.basket-extra .basket-extra-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1120px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .basket-extra .basket-extra-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.basket-extra .basket-extra__left,
.basket-extra .basket-extra__right {
  padding: 60px 90px;
  text-align: right;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: right;
}
@media only screen and (max-width: 800px) {
  .basket-extra .basket-extra__left,
  .basket-extra .basket-extra__right {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 600px) {
  .basket-extra .basket-extra__left,
  .basket-extra .basket-extra__right {
    padding: 20px 20px;
  }
}
.basket-extra .basket-extra__right {
  border-left: 1px solid #c8c7c7;
}
.basket-extra .basket-extra__heading {
  font-size: 15px;
  margin-bottom: 37px;
}
.basket-extra .basket-extra__heading.basket-extra__heading-error {
  color: #f00;
}
.basket-extra .basket-extra__checkboxgroup:after {
  display: block;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  content: '';
}
.basket-extra .basket-extra__checkboxgroup label {
  width: 40%;
  float: right;
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .basket-extra .basket-extra__checkboxgroup label {
    width: 50%;
  }
}
.basket-extra .basket-extra__checkboxgroup span {
  cursor: pointer;
  font-size: 14px;
}
.basket-extra .basket-extra__checkboxgroup span input[type="radio"] {
  display: none;
}
.basket-extra .basket-extra__checkboxgroup span input[type="radio"] + label {
  padding-right: 25px;
  display: block;
  text-align: right;
  position: relative;
  color: #000;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.basket-extra .basket-extra__checkboxgroup span input[type="radio"] + label:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  right: 0;
  top: 2px;
  position: absolute;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #c9c9c9;
  border-radius: 1px;
  background-clip: padding-box;
}
.basket-extra .basket-extra__checkboxgroup span input[type="radio"]:checked + label {
  color: #000;
}
.basket-extra .basket-extra__checkboxgroup span input[type="radio"]:checked + label:before {
  border: 1px solid #9d9d9d;
  background-color: #9d9d9d;
}
.basket-extra .basket-extra__input {
  border: 2px solid #d6d6d6;
  height: 40px;
  max-width: 260px;
  box-sizing: border-box;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 90px;
  border-radius: 40px;
  background-clip: padding-box;
}
@media only screen and (max-width: 600px) {
  .basket-extra .basket-extra__input {
    width: 100%;
    display: block;
    max-width: none;
  }
}
.basket-extra .basket-extra__input input[type="text"] {
  border: none;
  margin: 7px 8px;
  width: 100%;
  height: 20px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 10px 0 10px;
}
.basket-extra .basket-extra__input input[type="submit"] {
  background-color: #d6d6d6;
  position: absolute;
  top: -2px;
  right: -2px;
  color: #fff;
  height: 40px;
  border-radius: 0 40px 40px 0;
  background-clip: padding-box;
  width: 80px;
}
.basket-extra .basket-extra__note {
  font-size: 14px;
  margin-top: 35px;
  color: #888;
}
.solid-heading.solid-heading--image {
  position: relative;
  height: auto;
  background-color: #89c7be;
}
.solid-heading.solid-heading--image .solid-heading__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.solid-heading.solid-heading--image .solid-heading__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solid-heading.solid-heading--image .solid-heading__content {
  max-width: 600px;
  margin: 20px 0;
  z-index: 20;
  color: #fff;
  padding: 20px 20px;
  text-align: center;
}
.solid-heading.solid-heading--image .solid-heading__content h2 {
  font-size: 50px;
  font-weight: 300;
}
.solid-heading.solid-heading--image .solid-heading__content p {
  font-size: 18px;
}
/****************************************

  P74. My Orders

****************************************/
.my-orders {
  padding: 25px 0;
  width: 740px;
  max-width: 100%;
  margin: 0 auto;
}
.my-orders h1,
.my-orders h2,
.my-orders h3 {
  text-align: center;
  margin: 28px 0;
  font-weight: 500;
}
.my-orders .rows .item {
  background: #f0f0f0;
}
.my-orders .rows .item:nth-child(2n) {
  background: #fff;
}
.my-orders .rows .item > .row {
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  max-width: 1140px;
  padding: 0 0;
  display: block;
}
.my-orders .rows .item > .row .col {
  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-transform: uppercase;
  padding: 18px 0px 19px 14px;
}
.my-orders .rows .item > .row .col:first-child {
  text-align: 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%;
  width: 26.4%;
}
.my-orders .rows .item > .row .col:nth-child(3) {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 31.702681072428966%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
}
.my-orders .rows .item > .row .col:nth-child(4) {
  text-align: right;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 6.702681072428971%;
  margin-left: 0.815326130452181%;
  margin-right: 0.815326130452181%;
  text-align: left;
  font-weight: 500;
  padding-left: 10px;
}
.my-orders .rows .item .order-detail {
  float: none;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: auto;
  height: auto;
  text-align: left;
  width: 100%;
  visibility: inherit;
  background: #fff;
  padding-bottom: 210px;
  display: none;
}
.my-orders .rows .item.active {
  background: #bbb;
}
.my-orders .rows .item.active .order-detail {
  display: block;
}
h3.wishlist {
  text-align: center;
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.wishlist-table {
  position: relative;
  margin-top: 20px;
}
.wishlist-table .wishlist-table-inner {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .wishlist-table .wishlist-table-inner {
    margin: 0 20px;
  }
}
.wishlist-table .wishlist-table-inner table {
  width: 100%;
}
.wishlist-table .wishlist-table-inner table thead tr {
  background: #ececec;
}
.wishlist-table .wishlist-table-inner table thead tr th {
  color: #000;
  height: 60px;
}
.wishlist-table .wishlist-table-inner table thead tr th:nth-of-type(1) {
  text-align: left;
  padding-left: 25px;
}
@media only screen and (max-width: 800px) {
  .wishlist-table .wishlist-table-inner table thead tr th:nth-of-type(1) {
    padding-left: 115px;
  }
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table thead tr th:nth-of-type(1) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table thead tr th:nth-of-type(2) {
    display: none;
  }
}
.wishlist-table .wishlist-table-inner table tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.wishlist-table .wishlist-table-inner table tbody tr td:nth-of-type(1) {
  position: relative;
}
.wishlist-table .wishlist-table-inner table tbody tr td:nth-of-type(2) {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table tbody tr td:nth-of-type(2) {
    display: none;
  }
}
.wishlist-table .wishlist-table-inner table tbody tr td:nth-of-type(3) {
  text-align: center;
}
.wishlist-table .wishlist-table-inner table tbody tr td:nth-of-type(4) {
  text-align: center;
}
.wishlist-table .wishlist-table-inner table tbody tr td .remove {
  width: 17px;
  height: 17px;
  margin-right: 55px;
  display: block;
  color: #ef2921;
  position: absolute;
  left: 90px;
  overflow: hidden;
  text-indent: -999px;
  bottom: 0;
  margin-top: -8px;
  background-image: url("images/r-cross.png");
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table tbody tr td .remove {
    display: block;
    position: static;
    margin-top: 5px;
  }
}
.wishlist-table .wishlist-table-inner table tbody tr td .move-to-basket {
  position: absolute;
  right: 0;
  bottom: 0;
}
.wishlist-table .wishlist-table-inner table tbody tr td a {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.wishlist-table .wishlist-table-inner table tbody tr td a img {
  margin-right: 13px;
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table tbody tr td a {
    display: block;
  }
}
.wishlist-table .wishlist-table-inner table tbody tr td a img {
  width: 200px;
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table tbody tr td a img {
    display: block;
    width: 50px;
  }
}
.wishlist-table .wishlist-table-inner table tbody tr td a span {
  margin-right: 20%;
}
@media only screen and (max-width: 600px) {
  .wishlist-table .wishlist-table-inner table tbody tr td a span {
    display: block;
  }
}
.wishlist-table .wishlist-table-inner table tbody tr td .spinner {
  display: inline-block;
  margin: 0 20px;
  width: 100px;
  white-space: nowrap;
}
.wishlist-table .wishlist-table-inner table tbody tr td .spinner button {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  background-clip: padding-box;
  background-color: #9d9d9d;
  padding: 0px;
  min-height: 0;
}
.wishlist-table .wishlist-table-inner table tbody tr td .spinner span {
  display: inline-block;
  width: 20px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.empty-wishlist {
  text-align: center;
  margin: 50px auto;
}

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


@charset 'UTF-8';.slick-loading .slick-list{background:#fff img('ajax-loader.gif') center center no-repeat}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}