.dev-mode::after {
  content        : '__DEV__';
  position       : fixed;
  top            : 0;
  left           : 0;
  color          : red;
  font-size      : 24px;
  font-style     : italic;
  pointer-events : none;
}

form > fieldset:nth-of-type(5) {
  display : none;
  margin  : 0;
}

form > fieldset:nth-of-type(6) {
  display : none;
  margin  : 0;
}

form > fieldset:nth-of-type(7) {
  display : none;
  margin  : 0;
}

form > fieldset:nth-of-type(8) {
  display : none;
  margin  : 0;
}

form > fieldset:nth-of-type(9) {
  display : none;
  margin  : 0;
}

form fieldset .static-textarea {
  margin        : 12px !important;
  margin-top    : 0 !important;
  padding-right : 30px;
  opacity       : .7;
  font-weight   : 600 !important;
  user-select   : none;
  cursor        : default;
}

#chosen_path {
  margin-bottom : 8px;
}

form fieldset:nth-child(4) {
  margin-bottom : 0 !important;
}

.header-banner {
  display           : block;
  position          : relative;
  width             : 100%;
  height            : 15vw;
  margin            : 0;
  padding           : 0;
  background-image  : url('/assets/images/banners/rfq_landing_air.jpg');
  background-repeat : no-repeat;
  background-size   : contain;
}

form fieldset:nth-child(5),
form fieldset:nth-child(6),
form fieldset:nth-child(7),
form fieldset:nth-child(8),
form fieldset:nth-child(9) {
  display : none;
  margin  : 0;
}

#new_body a.learn-more:active,
#new_body a.learn-more:hover {
  text-shadow : 1px 2px 2px rgba(0,0,0,.3) !important;
}

.info-msg {
  position : relative;
  width    : 100%;
  cursor   : help;
}

.hbspt-form, .hs-submit {
  z-index: 999;
  position: relative;
}

.info-msg::before {
  content    : '';
  display    : block;
  position   : absolute;
  top        : -50px;
  left       : calc( 50% - 50px);
  width      : 100px;
  height     : 50px;
  background : transparent;
}

.tooltip-btn {
  display          : block;
  position         : absolute;
  top              : -12px;
  left             : 50%;
  width            : 25px;
  height           : 25px;
  color            : #fff;
  opacity          : 1;
  border-radius    : 50%;
  background       : #aaa;
  filter           : blur(0);
  text-align       : center;
  font-size        : 19px;
  transform        : scale( 1 ) translateY(0);
  transition       : .2s ease all;
  transition-delay : .2s;
}

.info-msg span {
  display          : block;
  position         : relative;
  opacity          : 0;
  filter           : blur(4px);
  text-align       : center;
  font-size        : 18px;
  transform        : translateY(-20px);
  transition       : .3s ease all;
  transition-delay : .3s;
}

.info-msg:active .tooltip-btn,
.info-msg:hover .tooltip-btn {
  opacity   : 0;
  filter    : blur(4px);
  transform : scale(.1) translateY(50px);
}

.info-msg:active .tooltip-btn ~ span,
.info-msg:hover .tooltip-btn ~ span {
  opacity   : 1;
  filter    : blur(0);
  transform : translateY(-10px);
}

.mems-notice,
.ultrasonic-notice {
  display    : block;
  max-height : 1000px;
  opacity    : 1.0;
  overflow   : hidden;
  filter     : blur(0);
  transition : .3s ease all;
}

.mems-notice.hidden,
.ultrasonic-notice.hidden {
  height     : 0;
  max-height : 0;
  opacity    : 0;
  filter     : blur( 3px );
}

.mems-notice h3,
.ultrasonic-notice h3 {
  position         : relative;
  width            : 80%;
  margin-left      : 10%;
  padding          : 16px;
  padding-left     : 60px;
  color            : #500;
  border-radius    : 12px;
  background-color : #fdd;
  font-size        : 18px;
  line-height      : 1.25;
}

.quiz-step.current .qnum::after,
.quiz-step.skipped .qnum::after,
.quiz-step:not(.visited) .qnum::after {
  opacity    : 0;
  filter     : blur(10px);
  font-size  : 1px;
  transition : .8s ease all;
}

.quiz-step.current .qnum::before,
.quiz-step.skipped .qnum::before,
.quiz-step:not(.visited) .qnum::before {
  opacity    : 0;
  filter     : blur(10px);
  box-shadow : 1px 2px 2px 1px rgba(40,120,45,.0),
               inset -1px -2px 3px 3px rgba(100,190,100,.0);
  font-size  : 1px;
  transition : .8s ease all;
}

.quiz-step.visited:not(.current) .qnum::after,
.quiz-step.visited:not(.current) .qnum::before {
  position   : absolute;
  bottom     : 0;
  left       : calc( 50% - 100px );
  opacity    : 1;
  filter     : blur(0);
  transition : .8s ease all;
}

.quiz-step.visited:not(.current) .qnum::before {
  content          : '';
  bottom           : 0;
  left             : calc( 50% - 100px );
  width            : 25px;
  height           : 25px;
  border           : none;
  border-radius    : 50%;
  background-image : none;
  background-color : rgb(70,200,70);
  transition       : .8s ease all;
}

.quiz-step.visited:not(.current) .qnum::after {
  z-index           : 2;
  content           : '';
  bottom            : 3px;
  left              : calc( 50% - 95px );
  width             : 15px;
  height            : 15px;
  background-image  : url('/assets/images/icons/checkmark.svg');
  background-repeat : no-repeat;
  background-size   : contain;
}

section > .prog-bar {
  display : none !important;
}

.quiz {
  display          : block;
  position         : relative;
  max-width        : 1024px;
  margin           : 0 auto;
  background-color : white;
}

.quiz h1,
h3.question {
  width      : 100%;
  color      : #e41f34;
  text-align : center;
}

h3.question {
  font-size : calc(1.4vw + 14px);
}

.quiz #step-0 h1 {
  font-size : calc();
}

.quiz #step-0 h1 + p {
  margin-top   : 24px;
  margin-right : 12%;
  margin-left  : 12%;
  font-size    : 16px;
  line-height  : 1.618;
}

.quiz button[disabled] {
  opacity          : .7;
  background-color : #aaa;
}

.results-progress {
  z-index         : 99;
  display         : flex;
  position        : fixed;
  bottom          : 12rem;
  left            : 2rem;
  opacity         : .7;
  flex-direction  : column;
  justify-content : flex-start;
}

.results-progress > span {
  display     : block;
  width       : 20px;
  height      : 20px;
  color       : red;
  text-shadow : 1px 2px 2px rgba(255,255,255,.5);
  font-size   : 20px;
  cursor      : pointer;
}

.results-progress label {
  z-index     : 20;
  display     : block;
  position    : relative;
  color       : #beb;
  text-align  : left;
  text-shadow : 0 1px .1em rgba(0,0,0,.85);
  font-size   : 16px;
  font-weight : normal;
}

#body .hbspt-form .hs_error_rollup {
  width      : 100%;
  text-align : center;
}

#body .hbspt-form .hs_error_rollup ul.hs-error-msgs {
  width         : 100%;
  margin-top    : -60px;
  margin-bottom : 60px;
}

#body .hbspt-form ul.hs-error-msgs {
  position      : absolute;
  right         : auto;
  margin-bottom : 0;
  padding-top   : 2px;
  padding-left  : 9px;
}

label.qnum {
  display        : block;
  position       : relative;
  width          : 100%;
  margin-bottom  : 1em;
  padding-top    : 2em;
  text-align     : center;
  text-transform : uppercase;
  user-select    : none;
  pointer-events : none;
}

nav.quiz-buttons {
  display         : flex;
  width           : 100%;
  margin          : 0 auto;
  padding         : 0;
  flex-direction  : row;
  justify-content : center;
  cursor          : default;
}

.quiz-buttons > button {
  margin  : 5px;
  padding : 1.5em;
  color   : white;
  border  : 0;
}

.quiz-buttons > #lets-get-started {
  min-width        : 220px;
  margin           : 0 auto;
  margin-top       : 0;
  margin-top       : 0;
  padding          : 10px;
  color            : white;
  border-radius    : 9px;
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-color : #39f;
  box-shadow       : inset 0 2px 5px #4fa9fc,
                     0 2px 5px rgba(0,0,33,.2);
  text-align       : center;
  text-shadow      : 0 2px 2px rgba(0,20,155,.5);
  font-family      : proxima-nova-alt,
                     sans-serif;
}

#lets-get-started:hover {
  background-color : #207af3;
  text-shadow      : 0 2px 2px rgba(0,20,155,.5);
}

.quiz-buttons > .quiz-back {
  display          : none;
  background-color : #2f89fc;
}

.quiz-buttons > .quiz-next {
  display          : none;
  background-color : #e41f34;
}

.quiz-step,
.skipped {
  display    : block;
  position   : relative;
  max-height : 0;
  opacity    : 0;
  overflow   : hidden;
  transition : .2s ease all;
}

.options.icons:hover li:not(:hover) .bg-img {
  opacity : .8;
  filter  : blur(2px) grayscale(.5);
}

.quiz-results .fastship-section {
  display  : block;
  position : relative;
  width    : 80vw;
  margin   : 0 auto;
}

.quiz-step.current:not(.skipped) {
  margin-top : 15vh;
}

.quiz-step.visited:not(.skipped) {
  max-height     : 100vh;
  margin-top     : 6vh;
  padding-top    : 0;
  padding-bottom : 10vh;
  opacity        : 1.0;
}

#step-0 {
  margin-top     : 0;
  padding-top    : 20px;
  padding-bottom : 20px;
}

#step-1 {
  margin-top : 5vh;
}

#lets-get-started {
  display          : block;
  padding          : 10px;
  color            : white;
  opacity          : 1;
  border           : 0;
  border-radius    : 0;
  background-color : #c02;
  font-size        : 2rem;
  pointer-events   : all;
  cursor           : pointer;
}

#lets-get-started.used {
  opacity          : 0;
  background-color : #bbb;
  pointer-events   : none;
  cursor           : default;
}

.quiz-step .options {
  cursor : default !important;
}

.quiz-step .options li {
  user-select : none;
  cursor      : pointer !important;
}

.options li.hide {
  display        : none;
  width          : 0;
  height         : 0;
  margin         : 0;
  padding        : 0;
  opacity        : 0;
  user-select    : none;
  pointer-events : none;
}

/* icon-style choices */

.quiz-step .options.icons {
  display         : flex;
  position        : relative;
  margin-top      : 32px;
  padding         : 0;
  padding-right   : 32px;
  padding-left    : 32px;
  flex-direction  : row;
  justify-content : space-between;
}

.options.icons > li {
  display  : block;
  position : relative;
  cursor   : pointer;
}

.options.icons > li .bg-img {
  position         : relative;
  width            : 160px;
  height           : 160px;
  padding          : 0;
  border           : 0;
  background-color : #446;
}

.bg-img img {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
  margin   : 0;
  padding  : 0;
  cursor   : pointer;
}

/**
 * li:last-child .bg-img img { height: 162px; left: -40px; width: 236px
 * !important; max-width: 232px !important; }
 */

.options.icons li .bg-img {
  transition : .3s ease all;
}

.options.icons.picked li.selected label,
.options.icons li:hover label {
  color : #c02;
}

.options.icons > li.selected .bg-img,
.options.icons > li:hover .bg-img {
  box-shadow : 0 0 12px 6px rgba(196, 222, 255, .6);
}

.options.icons > li label {
  width      : 100%;
  margin-top : 20px;
  text-align : center;
}

/* button-style choices */

.quiz-step .options.buttons {
  display         : flex;
  position        : relative;
  padding         : 0;
  flex-direction  : row;
  justify-content : center;
  list-style      : none;
}

.quiz-step .options.buttons li {
  margin        : 12px;
  margin-top    : 40px;
  padding       : 12px;
  padding-right : 24px;
  padding-left  : 24px;
  color         : white;
  border        : none;
  border-radius : 9px;
  text-shadow   : 0 1px 1px rgba(0,0,23,.2);
  font-family   : proxima-nova-alt,
                  sans-serif;
  font-size     : 20px;
  font-weight   : 600;
  transition    : .2s ease all;
  user-select   : none;
}

.quiz-step .options.buttons li:first-child {
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-color : #2f89fc;
  box-shadow       : inset 0 2px 5px #3f99ff,
                     0 2px 5px rgba(0,0,33,.2);
}

.quiz-step .options.buttons li:nth-child(2) {
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-color : #e41f34;
  box-shadow       : inset 0 2px 5px #fc454f,
                     0 2px 5px rgba(0,0,33,.2);
}

.quiz-step .options.buttons li:nth-child(1):active,
.quiz-step .options.buttons li:nth-child(1):hover {
  background-color : #1a72bc;
  text-shadow      : 0 2px 2px rgba(155,0,20,.5);
}

.quiz-step .options.buttons li:nth-child(2):active,
.quiz-step .options.buttons li:nth-child(2):hover {
  background-color : #c23;
  text-shadow      : 0 2px 2px rgba(0,20,155,.5);
}

.hs_submit {
  margin-bottom : 10vh;
}

.hs_submit .hs-button.primary {
  display          : block;
  margin           : 0 auto;
  padding          : 12px;
  padding-right    : 24px;
  padding-left     : 24px;
  color            : white !important;
  border           : 0;
  border-radius    : 3px;
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-color : #e41f34 !important;
  box-shadow       : inset 0 2px 5px #fc454f,
                     0 2px 5px rgba(0,0,33,.2);
  text-shadow      : 0 1px 1px rgba(0,0,23,.2);
  font-family      : proxima-nova-alt,
                     sans-serif;
  font-size        : 20px;
  transition       : .3s ease all;
}

.hs-button.primary:active,
.hs_submit .hs-button.primary:hover {
  background-color : #c23 !important;
}

.quiz-step .options.buttons li {
  cursor : pointer;
}

.options.buttons.picked > li:not(:hover):not(.selected) {
  filter : blur( 5px );
}

/* dropdown-style choices */

.select-bar {
  display       : block;
  position      : relative;
  width         : 35%;
  margin        : 0 auto;
  padding       : 16px;
  padding-left  : 24px;
  border        : 1px solid #777;
  border-radius : 12px;
  text-align    : left;
  font-size     : 17px;
  font-weight   : 600;
  cursor        : default;
}

.select-bar::after {
  content          : '';
  display          : block;
  position         : absolute;
  top              : 23px;
  right            : 20px;
  width            : 0;
  height           : 0;
  border           : 9px solid transparent;
  border-right     : 4px solid transparent;
  border-left      : 4px solid transparent;
  border-top-color : black;
}

.select-bar + .options.dropdown {
  display      : block;
  position     : relative;
  width        : 32%;
  max-height   : 0;
  margin       : 0 auto;
  padding-top  : 0;
  padding-left : 20px;
  opacity      : 0;
  overflow     : hidden;
  transition   : .3s ease all;
}

#fastship-notice.hidden {
  display : none !important;
}

#fastship-notice {
  display          : flex;
  margin-bottom    : 20px;
  background-color : #ddd;
  text-shadow      : 1px 2px 5px rgba(255,255,255,.4);
  justify-content  : center;
}

#fastship-notice h3 {
  margin-top    : 10px;
  margin-bottom : 12px;
}

.fastship-logo-wide {
  width      : 210px;
  float      : left;
  padding    : 12px;
  opacity    : .6;
  transition : .2s ease all;
  cursor     : pointer;
}

.fastship-logo-wide:hover {
  filter : brightness(.1) drop-shadow(0 0 8px #3cf);
}

.fastship-notice:hover ~ .results .fs-badge {
  filter    : blur(0) drop-shadow(0 0 6px #3cf);
  transform : scale(1.1);
}

.fs-badge {
  z-index             : 99;
  position            : absolute;
  top                 : 7%;
  width               : 4vw;
  max-width           : 50px;
  height              : 4vw;
  max-height          : 50px;
  opacity             : 1;
  border-radius       : 50%;
  background-image    : url('/assets/images/icons/logo-FastShip-w.svg');
  background-color    : #636467;
  background-repeat   : no-repeat;
  background-position : 10% center;
  background-size     : 75%;
  filter              : blur(0) drop-shadow(0 0 6px transparent);
  box-shadow          : inset 2px 4px 12px rgba(245,250,255,.15),
                        0 0 12px 8px rgba(250,250,255,.5);
  transition          : .4s;
  transition-delay    : .6s;
}

.fs-badge.right0 {
  right : -45px;
}

.fs-badge.right1 {
  right : -25px;
}

.fs-badge.right2 {
  right : 5px;
}

.fs-badge.right3 {
  right : 18px;
}

.fs-badge.right4 {
  right : 25px;
}

.model.excess .fs-badge,
.model.hidden .fs-badge,
.model:not(.in-stock) .fs-badge {
  opacity   : 0;
  filter    : blur(5px);
  transform : scale(.1) translateY(20px);
}

.fastship-logo-wide + span {
  display     : inline-block;
  padding-top : 17px;
  color       : #e41f34;
  font-size   : 30px;
}

.select-bar.active + .options.dropdown {
  max-height  : 512px;
  padding-top : 10px;
  opacity     : 1.0;
}

.options.dropdown:hover > li:not(:hover) {
  list-style-type : circle;
}

.options.dropdown li:first-child {
  margin-top : 10px;
}

.options.dropdown li {
  font-size       : 17px;
  font-weight     : normal;
  line-height     : 2;
  list-style-type : circle;
}

.options.dropdown li.selected {
  font-weight : bold;
}

.quiz-step::after {
  content          : '';
  display          : block;
  position         : absolute;
  bottom           : 0;
  left             : 10%;
  width            : 80%;
  height           : 3px;
  border-radius    : 2px;
  background-color : #dedede;
  box-shadow       : 0 -1px 5px rgba(100,100,100,.1);
}

.results ~ hr {
  display          : none;
  position         : relative;
  width            : 80%;
  height           : 3px;
  margin           : 0 auto;
  margin-top       : 36px;
  border-radius    : 2px;
  background-color : #dedede;
  box-shadow       : 0 -1px 5px rgba(100,100,100,.1);
  transition       : .3s ease-in all;
}

.quiz-buttons:active ~ hr,
.quiz-buttons:hover ~ hr {
  margin-top : 80px;
}

#quiz-results:not(.hidden) ~ .quiz-buttons:active ~ hr,
#quiz-results:not(.hidden) ~ .quiz-buttons:hover ~ hr {
  margin-top : 30px;
}

.options.dropdown li.selected,
.options.dropdown li:active,
.options.dropdown li:hover {
  list-style-type : disc;
}

/* enable / disable nav buttons */

.options + .quiz-buttons > .quiz-next {
  background-color : #aaa;
  user-select      : none;
  pointer-events   : none;
  cursor           : not-allowed;
}

.options.picked + .quiz-buttons > .quiz-next {
  background-color : #e41f34;
  pointer-events   : all;
  cursor           : pointer;
}

.quiz-buttons > .view-all,
.quiz-buttons > .view-fewer {
  position         : relative;
  min-width        : 220px;
  height           : 48px;
  padding          : 10px;
  color            : white;
  border-radius    : 3px;
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-color : #ed1b2f;
  box-shadow       : inset 0 2px 5px #fc454f,
                     0 2px 5px rgba(0,0,33,.2);
  text-align       : center;
  text-shadow      : 0 1px 1px rgba(0,0,23,.2);
  font-family      : proxima-nova-alt,
                     sans-serif;
  font-size        : 2rem;
  transition       : .2s ease all;
}

.quiz-buttons > .view-all:active,
.quiz-buttons > .view-all:hover,
.quiz-buttons > .view-fewer:active,
.quiz-buttons > .view-fewer:hover {
  background-color : #c23;
  text-shadow      : 0 2px 2px rgba(0,20,155,.5);
}

.results {
  display          : flex;
  position         : relative;
  width            : 80%;
  margin-left      : 10%;
  background-color : transparent;
  flex-direction   : row;
  flex-wrap        : wrap;
}

.quiz-results h2 {
  width         : 100%;
  margin        : 0;
  margin-top    : 3vw;
  margin-bottom : 2vw;
  padding       : 0;
  color         : black;
  text-align    : center;
  font-size     : 4vw;
  font-weight   : 600;
}

.quiz-results h2 sup {
  margin-right : -.5em;
  transform    : scale(.75) translate(-.5em);
}

.quiz-results > h4::before {
  content           : '';
  display           : inline-block;
  width             : 53px;
  height            : 24px;
  margin-right      : 6px;
  opacity           : .8;
  background-image  : url('/assets/images/icons/fastship-logo-s.svg');
  background-repeat : no-repeat;
  background-size   : contain;
  animation         : fastzip2 1s ease-out 0s 1 forwards;
}

@keyframes fastzip2 {
  0% {
    opacity   : 0;
    transform : translate(-20px,3px) skew(-5deg, 0deg);
  }

  50% {
    opacity   : .7;
    transform : translate(-10px,3px) skew(-15deg, 0deg);
  }

  100% {
    opacity   : .8;
    transform : translate(0px,3px) skew(0deg, 0deg);
  }
}

#body button.hidden {
  height         : 0;
  min-height     : inherit !important;
  margin         : 0;
  padding        : 0;
  opacity        : 0;
  filter         : blur(10px);
  font-size      : 1px;
  user-select    : none;
  pointer-events : none;
}

.results li.model {
  display       : block;
  position      : relative;
  width         : 30%;
  height        : 400px;
  margin-top    : 10px;
  margin-bottom : 20px;
  margin-left   : 3%;
  transition    : .5s ease all;
}

.results.hidden li.model,
.results li.model.excess,
.results li.model.hidden {
  width   : 0;
  height  : 0;
  margin  : 0;
  padding : 0;
  opacity : 0;
  filter  : blur( 10px );
}

.results li .thumb-frame {
  display          : block;
  position         : relative;
  width            : 80%;
  min-width        : 120px;
  max-width        : 200px;
  height           : 80%;
  min-height       : 120px;
  max-height       : 200px;
  margin-left      : 0;
  overflow         : visible;
  background-color : transparent;
  margin-bottom: 10px;
}


.desc-frame {
  display  : flex;
  position : relative;
  flex-direction: column;
  justify-content: space-between;
  width    : 100%;
  margin   : 0 auto;
}

.hidden .desc-frame {
  display : none;
}

.hidden .thumb-frame {
  display : none;
}

.view-all::after {
  content     : '⌵';
  position    : absolute;
  bottom      : -20px;
  left        : calc( 50% - .3em );
  color       : #e13;
  opacity     : 0;
  filter      : blur(4px);
  text-shadow : none;
  font-size   : 1.5em;
  transition  : .3s ease all;
}

.view-all:hover::after {
  bottom  : -40px;
  opacity : 1;
  filter  : blur(0);
}

.view-fewer::after {
  content     : '⌵';
  position    : absolute;
  top         : -20px;
  left        : calc( 50% - .3em );
  color       : #e13;
  opacity     : 0;
  filter      : blur(4px);
  text-shadow : none;
  font-size   : 1.5em;
  transform   : scaleY(-1);
  transition  : .3s ease all;
}

.view-fewer:hover::after {
  top     : -40px;
  opacity : 1;
  filter  : blur(0);
}

.thumb-frame img {
  display    : block;

  position   : relative;
  top        : 10px;
  max-height : 100%;
  margin     : 0 auto;
}

.thumb-frame .fs-logo {
  border-radius    : 50%;
  background-image : url(/assets/images/logos/logo-FastShip-w.svg);
}

.desc-frame > div > h3,
.desc-frame > div > h4 {
  display       : inline-block;
  width         : 100%;
  margin-bottom : 8px;

}

.learn-more {
  font-size : 19px;
  margin-top: 10px;
  display: inline-block;
}

.desc-frame > div > h3 {
  margin-bottom : 4px;
  margin-left: 0;
  color         : #e41f34;
  font-size     : 26px;
  font-weight   : 700;
}

.desc-frame > div > h4 {
  margin-left: 0;
  font-size : 20px;
}

h3 > sup {
  display  : inline-block;
  position : relative;
  top      : -.3em;
  left     : -1px;
}

.desc-frame > div > a {
  font-size : 16px;
}

.desc-frame > div > h4 + a {
  padding-top : 15px;
  font-size   : 19px;
}

.desc-frame > label.shop-price {
  display        : flex;
  margin-left    : 25%;
  flex-direction : column;
}

.desc-frame > label.shop-price span:not(.starting-at) {
  color       : #47aa2f;
  font-size   : 3rem;
  font-weight : 400;
}

.desc-frame > label.shop-price .starting-at {
  display       : inline;
  margin-bottom : -7px;
  color         : black;
  font-size     : 17px;
  font-weight   : bold;
}

.quiz-results > h4 {
  color      : #e41f34;
  text-align : center;
}

.quiz-no-results h5,
.quiz-results h5 {
  z-index        : 1;
  margin-top     : 50px;
  margin-bottom  : 1vw;
  color          : black;
  text-align     : center;
  font-size      : 2.6vw;
  font-weight    : 600;
  user-select    : none;
  pointer-events : none;
}

/*.quiz-no-results h5::before,*/
/*.quiz-results h5::before {*/
/*  z-index           : 1;*/
/*  content           : '';*/
/*  display           : block;*/
/*  position          : relative;*/
/*  width             : 30vw;*/
/*  height            : 24vw;*/
/*  margin            : 0 auto;*/
/*  background-repeat : no-repeat;*/
/*  background-size   : contain;*/
/*  pointer-events    : none;*/
/*}*/

.mems-notice h3::before,
.ultrasonic-notice h3::before {
  z-index           : 1;
  content           : '!';
  display           : block;
  position          : absolute;
  top               : calc(50% - 20px);
  left              : 16px;
  width             : 32px;
  height            : 32px;
  opacity           : .8;
  border            : 2px solid rgb(200, 40, 40);
  border-radius     : 50%;
  background-color  : white;
  background-repeat : no-repeat;
  background-size   : contain;
  box-shadow        : 0 0 8px 4px rgba(255,100,100,.2);
  text-align        : center;
  text-shadow       : 1px 2px 1px rgba(255,100,100,.3);
  font-size         : 24px;
  font-weight       : bold;
  pointer-events    : none;
}


.quiz-no-results > p + h6,
.quiz-results > p + h6 {
  margin-bottom : 20px;
  color         : #e41f34;
  text-align    : center;
  font-size     : 20px;
}

.quiz-no-results > p,
.quiz-results > p {
  display       : block;
  width         : 800px;
  margin        : 0 auto;
  margin-top    : 1vw;
  margin-bottom : 2vw;
  font-size     : 17px;
  line-height   : 1.5;
}

.hbspt-form .hs-form {
  display        : flex;
  flex-direction : column;
}

.hs-form fieldset label span {
  text-transform : capitalize;
}

.icons.options.picked li:not(.selected):not(:hover) .bg-img,
.icons:hover:not(.picked) li:not(:hover) .bg-img {
  filter : grayscale(.35) brightness(1.4) sepia(.65) blur(3.5px);
}

.hbspt-form .hs-form fieldset {
  display       : block;
  width         : 100%;
  max-width     : 650px;
  margin        : 0 auto;
  margin-bottom : 32px;
}

.hs-form .form-columns-1 .input .hs-input {
  width : calc( 100% - 16px);
}

.hs-form .form-columns-2 .input .hs-input {
  display : block;
  width   : 300px !important;
}

.hs-input {
  padding                    : 5px;
  padding-left               : 10px;
  border                     : 1px solid #888;
  border-top-left-radius     : 4px;
  border-bottom-right-radius : 4px;
  font-size                  : 14px;
}

.hs-form-field label {
  margin-bottom : 2px;
  color         : #444;
  font-weight   : 600;
}

.hs-form-field:not(.hs-comment):not(#chosen_path > .hs-form-field) label {
  margin-left : -8px;
}

.hbspt-form fieldset.hidden {
  margin-bottom  : 0;
  pointer-events : none;
}

.fract {
  font-size : 120%;
}

.hs-form-field label.hs-error-msg {
  min-width    : 236px;
  padding-left : 8px;
  color        : #e41f34;
  font-style   : italic;
  font-weight  : 500;
}

.hs-form-required {
  float         : left;
  padding-right : 3px;
  color         : #e41f34;
}

#quiz.select-bar::after,
#quiz .select-bar {
  transition : .2s ease all;
}

#quiz .select-bar.active::after {
  border-top-color : #777;
  transform        : translate(5px,-5px) rotate(-90deg);
}

.results img {
  user-select : none;
}

.quiz-results .fastship-section > h3 {
  margin-top    : 72px;
  margin-bottom : 2vh;
  color         : #0064c7;
  text-align    : center;
  font-size     : 2.4rem;
  font-weight   : bold;
}

.quiz-results .buy-now-btn {
  display          : block;
  position         : relative;
  max-width        : 128px;
  margin-left      : 16px;
  padding          : 7px;
  padding-top      : 7px;
  padding-top      : 8px;
  padding-right    : 7px;
  padding-right    : 7px;
  padding-left     : 7px;
  color            : #fff !important;
  border           : none;
  border-radius    : 3px;
  background-image : linear-gradient(
                       to bottom,
                       rgba(255,255,255,.17) 0%,
                       rgba(0,0,0,.17) 100%
                     );
  background-color : #1187d3;
  box-shadow       : inset 0 3px 5px #6fa8dc,
                     0 2px 5px rgba(0,0,33,.2);
  text-align       : center;
  text-decoration  : none;
  text-transform   : uppercase;
  font-size        : 15px;
  font-weight      : 999;
  letter-spacing   : 1px !important;
  transition       : .2s ease all;
}

.quiz-results .buy-now-btn:active,
.quiz-results .buy-now-btn:hover {
  background-color : #0869af;
  box-shadow       : inset 0 3px 5px #4f98cc,
                     0 2px 3px rgba(0,0,33,.4) !important;
  text-shadow      : 0 1px 2px rgba(0,0,109,.7) !important;
}

section > .category-list {
  display          : block;
  position         : relative;
  width            : 100%;
  opacity          : 1;
  filter           : blur(0);
  transform-origin : top center;
  transition       : .25s ease all;
}

section.limit > .category-list:not(.top-3),
section:not(.limit) > .category-list.top-3 {
  max-height : 0;
  margin     : 0;
  padding    : 0;
  opacity    : 0;
  overflow   : hidden;
  filter     : blur( 40px );
  transform  : scaleY(.3);
}

.category-list.empty {
  max-height : 0;
  margin     : 0;
  padding    : 0;
  opacity    : 0;
  overflow   : hidden;
}

section.empty h3 {
  display : none;
}

.category-list .model {
  display : inline-block;
  width   : 30%;
  margin  : 1.5%;
}

.category-list.empty .model,
.category-list .model.hidden {
  width   : 0;
  margin  : 0;
  padding : 0;
}

.category-list.empty .model img,
.category-list .model.hidden img {
  opacity   : 0;
  transform : scaleX( .3 );
}

.hs_error_rollup ul li label {
  color      : #e41f34;
  text-align : center;
  font-size  : 20px;
}


.category-list .thumb-frame img {
  max-height : 220px;
  padding-bottom: 16px;
}

.options.icons > li label {
  font-size : calc( .5vw + 12px);
}

#step-1 .quiz-buttons,
#step-2 .quiz-buttons,
#step-3 .quiz-buttons,
#step-4 .quiz-buttons {
  display        : none;
  height         : 0;
  opacity        : 0;
  pointer-events : none;
}

@media
  screen
  and (min-width : 1024px) {
  .options.icons > li .bg-img {
    width  : 240px;
    height : 240px;
  }

  #body .quiz-results h5,
  .quiz-no-results h5 {
    margin-top    : 100px;
    margin-bottom : 30px;
    font-size     : 40px;
  }

  #body .quiz-results h5::before,
  .quiz-no-results h5::before {
    max-width  : 360px;
    max-height : 324px;
  }


}

@media
  screen
  and (max-width : 767px) {
  #body #header-banner {
    background-repeat : no-repeat;
    background-size   : cover;
  }

  #body .results h2 {
    font-size : 6vw !important;
  }

  .options.icons > li label {
    margin-top : 8px;
    font-size  : 20px;
  }

  #body .quiz-results > h2 {
    font-size : 5vw !important;
  }

  #show-fewer,
  #view-all {
    line-height : inherit !important;
  }

  #body #quiz #lets-get-started {
    line-height : inherit !important;
  }

  #body #quiz .quiz-step h3.question {
    width        : 80vw;
    margin-right : 10vw;
    margin-left  : 10vw;
    font-size    : calc( 3vw + 12px ) !important;
    font-weight  : normal !important;
    line-height  : 1.25 !important;
  }

  #body #quiz .quiz-step h3.question > strong {
    font-weight : bold !important;
  }

  #body .quiz #step-0 h1 + p {
    margin-right : 32px;
    margin-left  : 32px;
  }

  #body #quiz #step-0 h1 {
    font-size : calc(4vw + 14px) !important;
  }

  #quiz .options.icons {
    flex-wrap       : wrap;
    justify-content : space-around;
  }

  #quiz .options.icons > li {
    margin-bottom : 20px;
    flex-basis    : 20%;
  }

  .quiz-no-results h5::before,
  .quiz-results h5::before {
    width  : 45vw;
    height : 36vw;
  }

  #body #quiz .quiz-step .options.buttons > li {
    padding-right : 2em;
    padding-left  : 2em;
    text-align    : center;
    font-size     : calc( 10px + 2vw );
  }

  #body .quiz-no-results > p,
  #body .quiz-results > p {
    width        : calc( 100% - 20px );
    padding-left : 20px;
  }

  #body .quiz-no-results > h5,
  #body .quiz-results > h5 {
    font-size : 2em !important;
  }

  #body #quiz ~ .quiz-results .results {
    width        : calc( 100% - 32px );
    margin-right : 16px;
    margin-left  : 16px;
    padding-left : 0;
  }

  #quiz .model .fastship-logo-wide {
    padding : 1vw;
  }

  #quiz .model .fs-badge {
    width  : 6vw;
    height : 6vw;
  }

  #quiz .results li.model {
    height : 240px;
  }

  #fastship-notice .fastship-logo-wide {
    width  : 60vw;
    margin : 0 auto;
    cursor : pointer;
  }

  #fastship-notice h3 .fastship-logo-wide + span {}
}

@media
  screen
  and (max-width : 1340px) {
  #body .results .desc-frame h4 {
    /*min-height : 67px !important;*/
  }
}

@media
  screen
  and (max-width : 920px) {
  #body .results .desc-frame h4 {
    /*min-height : 88px !important;*/
  }

  #fastship-notice h3 .fastship-logo-wide + span {
    font-weight : 500 !important;
  }
}

@media
  screen
  and (min-width : 1341px)
  and (max-width : 2300px) {
   .results li .thumb-frame {
    margin-bottom: 20px;
  }
}

@media
  screen
  and (min-width : 2301px) {
  #body .quiz-results > h2 {
    font-size : 60px;
  }
}

@media
  screen
  and (min-width : 768px)
  and (max-width : 1024px) {
  #body .quiz-step .options.icons {
    padding-right : 120px;
    padding-left  : 120px;
  }

  #body .results .desc-frame h4 {
    /*min-height: 50px !important;*/
  }

  .select-bar {
    width: 45%;
  }
  .select-bar + .options.dropdown {
    width: 40%;
  }

  .results {
    width: 90%;
    margin-left: 5%;
  }

  .fs-badge.right0 {
    right : -30px;
  }

  .fs-badge.right1 {
    right : -16px;
  }

  .fs-badge.right2 {
    right : 3px;
  }

  .fs-badge.right3 {
    right : 10px;
  }

  .fs-badge.right4 {
    right : 16px;
  }

  .fs-badge {
    width  : 5vw;
    height : 5vw;
  }

  #fastship-notice h3 .fastship-logo-wide + span {
    font-weight : 500 !important;
  }

  .results li.model {
    transform : scale( .8 );
  }
}

@media
  screen
  and (min-width : 500px)
  and (max-width : 767px) {
  .fs-badge {
    width  : calc(4vw + 10px);
    height : calc(4vw + 10px);
  }



  #body #fastship-notice .fastship-logo-wide {
    max-width      : 320px;
    margin         : 0 auto;
    padding-top    : 0;
    padding-right  : 0;
    padding-bottom : 0;
    transform      : translateX(16px);
  }

  h3 .fastship-logo-wide + span {
    float : left;
    clear : both;
  }

  #body .quiz-no-results > h5::before,
  #body .quiz-results > h5::before {
    width  : 45vw;
    height : 36vw;
  }

  #quiz .options.icons > li {
    margin-right : 5%;
    margin-left  : 5%;
    flex-basis   : 25%;
  }

  #body #quiz .dropdown,
  #body #quiz .select-bar {
    width : 60%;
  }

  #quiz .options.dropdown > li {
    padding-left : 8px;
    font-size    : 20px;
    line-height  : 2.5;
  }

  #quiz .options.dropdown > li:active {
    font-weight : bold;
  }

  #body #quiz .options.icons > li .bg-img {
    width  : calc( 16vw + 100px);
    height : calc( 16vw + 100px);
  }

  #body #quiz .quiz-step .options.icons {
    padding-right : 3%;
    padding-left  : 3%;
  }
  /**
  * #body #quiz li:last-child .bg-img img { height: calc( 16vw + 102px); left:
  * calc( -4vw - 24px); width: calc( 22.5vw + 222px) !important; max-width:
  * calc( 20.75vw + 160px) !important; }
  */

  .quiz-step .options.buttons li:nth-child(2) {
    margin-left : 16px;
  }

  .quiz-step .options.buttons li:nth-child(1) {
    margin-right : 16px;
  }

  .quiz-results .buy-now-btn {
    max-width      : inherit;
    padding-top    : 2px !important;
    padding-right  : calc( 2vw + 10px);
    padding-bottom : 2px !important;
    padding-left   : calc( 2vw + 10px );
    white-space    : nowrap;
  }


  #body .results li .thumb-frame > img {
    height : calc( 95% - 20px );
  }

  #body .quiz-results .results {
    margin-bottom : 40px;
  }

  #body .quiz-results .buy-now-btn {
    padding-top    : 8px;
    padding-bottom : 8px;
  }
}

label.hs-error-msg {
  pointer-events : none !important;
}

@media
  screen
  and (max-width : 499px) {
  .hs_comments_contact textarea {
    min-height : 80px;
  }

  label.hs-error-msg {
    transform : translate( 60px, -24px);
  }

  .hs-submit .hs-button.primary {
    margin-top : 30px;
  }

  .quiz-step.visited:not(.skipped) {
    max-height : 840px;
  }

  .quiz-step .options.buttons li:last-child {
    margin-left : 6px;
  }

  #body .quiz-results .hbspt-form .hs-form fieldset {
    margin-bottom : 0;
  }

  .select-bar.active + .options.dropdown {
    padding-top : 11px;
  }

  .results.hidden {
    height: 0;
  }

  .select-bar,
  .select-bar + .options.dropdown {
    width     : calc( 100% - 64px);
    font-size : 17px;
  }

  #quiz .select-bar::after {
    top              : 23px;
    right            : 19px;
    border           : 11px solid transparent;
    border-right     : 5px solid transparent;
    border-left      : 5px solid transparent;
    border-top-color : black;
  }

  #quiz .select-bar.active::after {
    transform : translate(8px,-7px) rotate(-90deg);
  }

  #quiz .options.dropdown li {
    width       : 100%;
    margin-left : 10px;
    text-align  : left;
    font-size   : 19px;
  }

  #body #fastship-notice .fastship-logo-wide {
    margin-left : 17vw;
  }

  #fastship-notice h3 .fastship-logo-wide + span {
    width       : 100%;
    text-align  : center;
    font-size   : 20px;
    font-weight : normal;
  }

  #quiz .options.dropdown li:active {
    font-weight : bold;
  }

  .quiz-step .options.buttons li:first-child {
    margin-right : 6px;
  }

  #body .quiz-results > h2 {
    margin-top : 1em;
    font-size  : 30px !important;
  }

  .hbspt-form fieldset {
    margin-bottom : 0;
  }

  .hbspt-form fieldset > label {
    margin-top : 2px;
    font-size  : 17px;
  }

  #body #quiz ~ .quiz-results .results {
    width          : calc( 100% - 24px );
    margin-right   : 12px;
    margin-left    : 12px;
    padding-left   : 0;
    flex-direction : column;
  }

  #body .thumb-frame img {
    left       : -4px;
    max-height : 80%;
  }

  .results li.model {
    width: 100%;
    max-width: 320px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    position: relative;
  }

  .results li.model > .thumb-frame {
    display: flex;
    justify-content: center;
  }

  .results li.model .desc-frame a.learn-more {
    vertical-align: unset !important;
  }

  .results li.model .desc-frame a.buy-now-btn {
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
    line-height: 33px !important;
    width: 240px !important;
    min-width: 220px;
    margin-left: 16px;
    margin-top: 10px;
  }

  #body .results .model:not(.hidden)::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    background-color: #CCC;
    border-radius: 1px;
    box-shadow: 0 -3px 8px rgba(100,100,100,0.5);
    filter: blur(1px);
    opacity: 0.5;
  }


  #body .results .model .desc-frame h3 {
    font-size : 26px !important;
  }

  .fs-badge {
    width  : 40px;
    height : 40px;
  }

  .fastship-logo-wide {
    padding-bottom : 0;
  }

  #body .results .model .desc-frame h4 {
    width      : 90%;
    /*min-height : 44px !important;*/
  }

  #body .results li.model .desc-frame .fs-badge {
    top    : -180px;
    width  : 13vw;
    height : 13vw;
  }

  #body .quiz-results h5 {
    padding-right : 1em;
    padding-left  : 1em;
    font-size     : 26px !important;
    line-height   : 1.1 !important;
  }

  #body .quiz-results h5::before {
    width  : 80vw;
    height : 62vw;
  }

  #body .quiz-results h5 + p {
    width          : calc(100% - 32px);
    margin-right   : 16px;
    margin-left    : 16px;
    padding-top    : 10px;
    padding-bottom : 10px;
    font-size      : 15px;
  }

  .hbspt-form .hs-form fieldset {
    padding-left : 24px;
  }
}