@font-face {
  font-family: DINWebPro-Reg;
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/DINWebPro-Regular.woff") format("woff"); }

@font-face {
  font-family: DINNextLTPro-Bold;
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/DINNextLTPro-Bold.woff") format("woff"); }

@font-face {
  font-family: DINWebPro-Cond;
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/DINWebPro-Cond.woff") format("woff"); }

@font-face {
  font-family: DINWebPro-CondLight;
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/DINWebPro-CondLight.woff") format("woff"); }

@font-face {
  font-family: DINWebPro-CondBold;
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/DINWebPro-CondBold.woff") format("woff"); }

@font-face {
  font-family: DINWebPro-CondMedium;
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/DINWebPro-CondMedium.woff") format("woff"); }

@font-face {
  font-family: 'Q Stencil';
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/Q-Stencil.eot");
  /* IE9 Compat Modes */
  src: url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/Q-Stencil.eot?#iefix") format("embedded-opentype"), url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/Q-Stencil.woff") format("woff"), url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/Q-Stencil.ttf") format("truetype"), url("/Global/ExtensionModules/FloatrideWinter2018Module/fonts/Q-Stencil.svg#8dfb79a238f0618c16db9ec103dfe2a3") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@media screen and (max-width: 1023px) {
  .nano-mobile-hide {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .nano-desktop-hide {
    display: none !important; } }

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

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xxs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 479px) {
  .visible-xxs {
    display: block !important; }
  table.visible-xxs {
    display: table; }
  tr.visible-xxs {
    display: table-row !important; }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important; } }

@media (max-width: 479px) {
  .visible-xxs-block {
    display: block !important; } }

@media (max-width: 479px) {
  .visible-xxs-inline {
    display: inline !important; } }

@media (max-width: 479px) {
  .visible-xxs-inline-block {
    display: inline-block !important; } }

@media (min-width: 480px) and (max-width: 799px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 799px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 799px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 799px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 800px) and (max-width: 1024px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 800px) and (max-width: 1024px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 800px) and (max-width: 1024px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 800px) and (max-width: 1024px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 479px) {
  .hidden-xxs {
    display: none !important; } }

@media (min-width: 480px) and (max-width: 799px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 800px) and (max-width: 1024px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

@media screen and (max-width: 1024px) {
  .mobile-hide {
    display: none !important; } }

@media screen and (min-width: 1025px) {
  .desktop-hide {
    display: none !important; } }

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

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

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

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

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

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

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

h1 {
  font-size: 4vw;
  line-height: 4vw;
  font-weight: 700; }

h2 {
  font-size: 3vw;
  line-height: 3vw; }
  @media (max-width: 479px) {
    h2 {
      font-size: 10vw;
      line-height: 10vw; } }

h3 {
  font-size: 1.5vw;
  line-height: 1.5vw; }

h4 {
  font-size: 1vw;
  line-height: 1vw; }
  @media (max-width: 479px) {
    h4 {
      font-size: 5vw;
      line-height: 5vw; } }
  @media (min-width: 480px) and (max-width: 1399px) {
    h4 {
      font-size: 1.5vw;
      line-height: 1.5vw; } }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

body {
  background: url("../images/bg_tile.png");
  font-family: 'Exo 2', sans-serif; }

.form_container {
  position: absolute;
  top: 0;
  right: -25%;
  width: 25%;
  height: 100%;
  padding: 1vw;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 11;
  -webkit-transition: right 500ms ease-out;
  -o-transition: right 500ms ease-out;
  transition: right 500ms ease-out;
  background-image: url("../images/form_bg.jpg");
  border-left: solid 1px #333333; }
  .form_container #back_to_builder {
    margin-bottom: 2vh;
    font-size: 1vw;
    line-height: 1vw;
    color: #FFFFFF;
    text-decoration: none; }
  .form_container h3 {
    color: #FFF;
    font-size: 1.5vw;
    line-height: 2.5vw; }
  .form_container fieldset {
    padding-bottom: 1vh;
	display: flex;
    flex-direction: column;
    min-width: 0; }
    .form_container fieldset label {
      display: block;
      padding: 1vh 0;
      color: #FFFFFF; }
    .form_container fieldset .ui-selectmenu-button.ui-button {
      width: 100%; }
    .form_container fieldset .ui-widget-content {
      width: 100%;
      padding: .5vw; }
    .form_container fieldset .ui-controlgroup {
      width: 100%; }
      .form_container fieldset .ui-controlgroup > .ui-controlgroup-item {
        width: 33%; }
        .form_container fieldset .ui-controlgroup > .ui-controlgroup-item .ui-checkboxradio-icon {
          display: none; }
    .form_container fieldset #submit_contact {
      width: 100%;
      font-size: 1.25vw; }
  .form_container.active {
    right: 0; }
  @media (max-width: 479px) {
    .form_container {
      width: 100vw;
      right: -100%;
      margin: 0 auto;
      font-size: 4vw; }
      .form_container #back_to_builder {
        font-size: 5vw;
        line-height: 5vw; }
      .form_container h3 {
        font-size: 6vw;
        line-height: 10vw; }
      .form_container fieldset .ui-icon {
        width: 4vw;
        height: 3vh;
        background-position: -26.5vw -.5vh;
        background-size: 100vw 100vw; }
      .form_container fieldset .ui-widget-content {
        padding: 3.5vw; }
      .form_container fieldset #submit_contact {
        font-size: 5vw;
        line-height: 5vw; } }
  @media (min-width: 480px) and (max-width: 1399px) {
    .form_container {
      font-size: 1.25vw; } }

.message {
  display: none;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 2vw;
  border: solid 2px #999;
  color: #FFFFFF;
  text-align: center;
  z-index: 100;
  opacity: 0; }
  .message #end_start_over {
    margin-top: 3vh; }
  .message.active {
    top: 50%; }
  @media (max-width: 479px) {
    .message {
      width: 75vw;
      margin-top: 2vh; } }

.builder_container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1; }
  .builder_container .builder {
    float: left;
    position: relative;
    display: block;
    width: 75%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
    -webkit-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
    overflow: hidden; }
    .builder_container .builder .base, .builder_container .builder .overlay, .builder_container .builder .layer {
      position: absolute;
      top: 0;
      left: 50%;
      height: 100%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .builder_container .builder .base img, .builder_container .builder .overlay img, .builder_container .builder .layer img {
        display: none;
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    .builder_container .builder .base {
      z-index: 2; }
    .builder_container .builder .layer {
      display: none;
      z-index: 3; }
    .builder_container .builder .overlay {
      z-index: 10; }
    .builder_container .builder .accessories {
      position: absolute;
      bottom: 0;
      right: 0;
      overflow: hidden; }
      .builder_container .builder .accessories .accessory {
        float: left;
        display: none;
        position: relative;
        width: 8vw;
        margin-right: 1vw;
        margin-bottom: 1vh; }
        .builder_container .builder .accessories .accessory img {
          width: 100%; }
        .builder_container .builder .accessories .accessory span {
          position: absolute;
          bottom: 1vh;
          width: 100%;
          display: block;
          margin-top: -5vh;
          color: #FFFFFF;
          text-align: center;
          z-index: 2; }
    .builder_container .builder #start_over {
      position: absolute;
      top: 2vh;
      left: 1vw;
      font-size: 1vw;
      line-height: 1vw;
      color: #FFFFFF;
      text-decoration: none;
      z-index: 11; }
    .builder_container .builder #series_name {
      position: absolute;
      top: 2vh;
      right: 1vw;
      color: #FFFFFF;
      font-size: 2vw;
      line-height: 2vw; }
  .builder_container .builder_form {
    float: right;
    display: block;
    position: relative;
    right: -100%;
    width: 25%;
    height: 85%;
    padding: 1vh 1vw;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.8vw;
    -webkit-transition: right 500ms ease-out;
    -o-transition: right 500ms ease-out;
    transition: right 500ms ease-out;
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
    background-image: url("../images/form_bg.jpg");
    border-left: solid 1px #333333; }
    .builder_container .builder_form fieldset {
      padding-bottom: 1vh; }
      .builder_container .builder_form fieldset label {
        display: block;
        padding: 1vh 0;
        color: #FFFFFF; }
      .builder_container .builder_form fieldset .ui-selectmenu-button.ui-button {
        width: 100%; }
      .builder_container .builder_form fieldset .ui-widget-content {
        width: 100%;
        padding: .5vw; }
      .builder_container .builder_form fieldset .hidden {
        display: none; }
      .builder_container .builder_form fieldset .ui-controlgroup {
        width: 100%; }
        .builder_container .builder_form fieldset .ui-controlgroup > .ui-controlgroup-item {
          width: 33%; }
          .builder_container .builder_form fieldset .ui-controlgroup > .ui-controlgroup-item .ui-checkboxradio-icon {
            display: none; }
  .builder_container .total_container {
    float: right;
    display: flex;
	align-items: center;
    position: relative;
    right: -100%;
    width: 25%;
    height: 15%;
    padding: 1vh 1vw;
    overflow: hidden;
    font-size: 0.8vw;
    -webkit-transition: right 500ms ease-out;
    -o-transition: right 500ms ease-out;
    transition: right 500ms ease-out;
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
    background-image: url("../images/form_bg.jpg");
    border-left: solid 1px #333333;
    color: #FFFFFF; }
    .builder_container .total_container h3 {
      flex-shrink: 0;
	  padding-right: 1vw; }
    .builder_container .total_container a {
      font-size: 1vw; }
  .builder_container.active .builder {
    opacity: 1; }
  .builder_container.active .builder_form {
    right: 0; }
  .builder_container.active .total_container {
    right: 0; }
  @media (max-width: 479px) {
    .builder_container .builder {
      float: none;
      width: 100vw;
      height: 50%;
      margin: 0 auto; }
      .builder_container .builder .accessories {
        width: 50vw; }
        .builder_container .builder .accessories .accessory {
          float: right;
          width: 15vw; }
          .builder_container .builder .accessories .accessory span {
            display: none; }
      .builder_container .builder #start_over {
        font-size: 5vw;
        line-height: 1vh; }
      .builder_container .builder #series_name {
        font-size: 5vw;
        line-height: 1vh; }
    .builder_container .builder_form {
      float: none;
      width: 100vw;
      height: 42%;
      margin: 0 auto;
      font-size: 4vw; }
      .builder_container .builder_form fieldset .ui-icon {
        width: 4vw;
        height: 3vh;
        background-position: -26.5vw -.5vh;
        background-size: 100vw 100vw; }
      .builder_container .builder_form fieldset .ui-widget-content {
        padding: 3.5vw; }
    .builder_container .total_container {
      float: none;
      width: 100vw;
      height: 8%;
      margin: 0 auto; }
      .builder_container .total_container h3 {
        font-size: 6vw; }
      .builder_container .total_container a {
        font-size: 4.5vw; } }
  @media (min-width: 480px) and (max-width: 1399px) {
    .builder_container .builder #start_over {
      font-size: 2vw;
      line-height: 2vw; }
    .builder_container .builder_form {
      font-size: 1vw; } }

.ui-selectmenu-menu {
  font-size: 0.85vw; }
  @media (max-width: 479px) {
    .ui-selectmenu-menu .ui-widget.ui-widget-content {
      font-size: 4vw; }
      .ui-selectmenu-menu .ui-widget.ui-widget-content .ui-menu-item-wrapper {
        padding: 2vw 2vw 2vw 4vw; } }
  @media (min-width: 480px) and (max-width: 1399px) {
    .ui-selectmenu-menu .ui-widget.ui-widget-content {
      font-size: 1.25vw; } }

footer {
  position: relative;
  width: 100vw;
  height: 5vh;
  padding: 0 2.5vw;
  background-color: #000000;
  border-top: solid 1px #333333;
  overflow: hidden; }
  footer ul {
    padding: 1.25vh 0;
    text-align: center; }
    footer ul li {
      display: inline-block;
      padding: 0 5vw;
      color: #FFF;
      border-right: solid 1px #FFF; }
      footer ul li a {
        color: #FFF; }
      footer ul li:last-child {
        border-right: none; }
  @media (max-width: 479px) {
    footer {
      font-size: 3vw; }
      footer ul li {
        padding: 0 2vw; } }

header {
  position: relative;
  width: 100vw;
  height: 15vh;
  padding: 0 2.5vw;
  background-color: #000000;
  border-bottom: solid 1px #333333; }
  header .logo {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top; }
    header .logo svg {
      width: 4vw;
      height: 4vw; }
  header .title {
    display: inline-block;
    position: relative;
    top: 50%;
    margin-left: 1vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top; }
    header .title h1, header .title h2 {
      color: #FFFFFF; }
    header .title h1 {
      font-size: 3vw;
      line-height: 3vw;
      text-transform: uppercase;
      font-style: italic; }
    header .title h2 {
      font-size: 1vw;
      line-height: 1vw;
      padding-left: 0.35vw; }
  header .oarms_logo {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2.5vw;
    height: 75%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: top; }
    header .oarms_logo img {
      height: 100%; }
  @media (max-width: 479px) {
    header {
      height: 10vh; }
      header .logo svg {
        width: 10vw;
        height: 10vw; }
      header .title h1 {
        font-size: 5vw;
        line-height: 5vw; }
      header .title h2 {
        font-size: 4vw;
        line-height: 4vw; } }

section.main {
  position: relative;
  width: 100vw;
  height: 80vh;
  overflow: hidden; }
  section.main .step1_guns {
    margin-top: 1vh;
    list-style: none; }
    section.main .step1_guns li {
      display: inline-block;
      width: 14vw; }
      section.main .step1_guns li a {
        position: relative;
        display: block;
        height: 10vw;
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        -webkit-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
        overflow: hidden; }
        section.main .step1_guns li a span {
          position: absolute;
          display: block;
          width: 5vw;
          right: 2.5vw;
          bottom: 1vw;
          color: #FFFFFF;
          font-size: 1vw;
          line-height: 1vw;
          white-space: nowrap;
          text-align: center;
          overflow: hidden;
          -webkit-transition: all 500ms ease-out;
          -o-transition: all 500ms ease-out;
          transition: all 500ms ease-out; }
        section.main .step1_guns li a:hover {
          background-size: 115%; }
          section.main .step1_guns li a:hover span {
            /*width: 5vw;*/ }
  @media (max-width: 479px) {
    section.main {
      height: 85vh; }
      section.main .step1_guns li {
        width: 45vw; }
        section.main .step1_guns li a {
          height: 19vh; }
          section.main .step1_guns li a span {
            bottom: 4vh;
            width: 25vw;
            font-size: 5vw;
            line-height: 5vw; } }
  @media (min-width: 480px) and (max-width: 1399px) {
    section.main .step1_guns li a span {
      width: 8vw;
      right: 1.5vw;
      font-size: 1.5vw;
      line-height: 1.5vw; } }