.page-sight-calculator > p {
  font-size: 18px;
  margin: 0 auto 2rem;
  max-width: 900px;
  text-align: center; }

.sight-calculator {
  padding-top: 15px;
  float: left;
  width: 100%; }

.sight-steps {
  float: left;
  width: 100%; }

.sight-steps--step {
  border-left: 1px solid #ebebeb;
  float: left;
  padding: 0 15px 45px;
  text-align: center;
  width: 50%; }
  .sight-steps--step:nth-child(odd) {
    border: none;
    clear: left; }
  @media screen and (max-width: 400px) {
    .sight-steps--step {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (max-width: 600px) {
    .sight-steps--step {
      border: none;
      width: 100%; }
      .sight-steps--step:last-of-type {
        padding-bottom: 0; } }

.sight-steps--step--heading {
  float: left;
  line-height: 28px;
  margin-bottom: 15px;
  width: 100%; }
  .sight-steps--step--heading .svg-stop-sign {
    background: white;
    display: inline-block;
    height: 70px;
    margin-bottom: -8px;
    margin-top: -34px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    top: -25px;
    width: 65px; }
    .sight-steps--step--heading .svg-stop-sign svg {
      display: inline-block;
      float: none;
      height: auto;
      margin: 0 auto;
      width: 55px !important; }
  .sight-steps--step--heading .icon-round {
    color: white;
    font-family: 'Khand', Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    padding-left: 0;
    text-align: center; }
  .sight-steps--step--heading.sight-steps--step--heading__red {
    color: #e0162b;
    font-weight: 500; }

.sight-steps--step__step-6 .sight-steps--step--heading {
  margin-bottom: -10px; }

.sight-steps--step--description {
  color: #00245f;
  float: left;
  font-size: 18px;
  margin-bottom: 15px;
  padding: 0 15px;
  text-align: center;
  width: 100%; }
  .sight-steps--step--description p {
    line-height: 1.3;
    margin-bottom: 5px; }
    .sight-steps--step--description p + p {
      margin-top: 15px; }

.sight-steps--step--input {
  float: left;
  width: 100%; }
  .sight-steps--step--input.sight-steps--step--input__half {
    display: inline-block;
    float: none;
    min-width: 200px;
    vertical-align: top;
    width: 49%; }

.sight-steps--step--input--label {
  color: #e0162b;
  display: inline-block;
  font-family: 'Khand', Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 6px;
  margin-top: 6px;
  max-width: 100%;
  text-transform: uppercase;
  vertical-align: middle; }

.sight-steps--step--input--label--tooltip-button {
  color: #142b54;
  cursor: default;
  font-size: 21px;
  text-transform: none; }
  .sight-steps--step--input--label--tooltip-button + .tooltip {
    text-transform: none; }
    .sight-steps--step--input--label--tooltip-button + .tooltip .tooltip-inner {
      font-size: 14px;
      padding: 15px 20px;
      max-width: 100%;
      width: 300px; }

.sight-steps--step--input--input {
  border: 1px solid #d9d9d9;
  color: #00245f;
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  line-height: 55px;
  margin: 0 6px 6px;
  max-width: 100%;
  padding: 0;
  text-align: center;
  text-indent: 10px;
  width: 197px; }
  .sight-steps--step--input--input.sight-steps--step--input--input__bordered {
    border: 2px solid #00245f;
    color: #15233b;
    margin: 0;
    max-width: 100%;
    text-indent: 0;
    width: 360px; }

.sight-steps--step--input--button {
  background: #142b54;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  clear: both;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
  max-width: 100%;
  padding: 18px 8px 14px;
  text-align: center;
  text-transform: uppercase;
  width: 360px; }
  .sight-steps--step--input--button i {
    font-size: 23px;
    position: relative;
    margin-left: 5px;
    top: -2px; }
  .sight-steps--step--input--button:hover, .sight-steps--step--input--button:focus {
    background: #e0162b;
    color: #fff;
    text-decoration: none; }
  @media screen and (max-width: 400px) {
    .sight-steps--step--input--button {
      font-size: 24px; }
      .sight-steps--step--input--button i {
        font-size: 18px; } }

.sight-steps--step--content {
  float: left;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%; }
  .sight-steps--step--content.sight-steps--step--content__half {
    width: 50%; }
  .sight-steps--step--content.sight-steps--step--content--bullet-hole {
    position: relative; }
    .sight-steps--step--content.sight-steps--step--content--bullet-hole:before {
      content: "\f0a3";
      color: #000000;
      font-family: "Font Awesome 5 Free";
      font-size: 14px;
      font-weight: 900;
      left: 61%;
      position: absolute;
      top: 35%; }
  .sight-steps--step--content.sight-steps--step--content--bullet-hole__low:before {
    left: 58%;
    top: 57%; }
  .sight-steps--step--content img {
    height: auto;
    max-width: 100%; }

.page-sidebar .sight-steps--step--input--label--tooltip-button {
  color: #fff; }

/* Toggle Switch */
.toggle {
  border: none;
  margin-bottom: 5px;
  user-select: none; }

.toggle--checkbox {
  display: none; }

.toggle--btn {
  display: block;
  font-size: 1.4em;
  font-weight: 700;
  margin: 0 auto;
  transition: all 350ms ease-in; }
  .toggle--btn:hover {
    cursor: pointer; }

.toggle--btn, .toggle--btn:before, .toggle--btn:after,
.toggle--checkbox,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature,
.toggle--feature:before,
.toggle--feature:after {
  transition: all 250ms ease-in; }

.toggle--btn:before, .toggle--btn:after,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature:before,
.toggle--feature:after {
  content: '';
  display: block;
  font-size: 16px; }

.toggle--switch .toggle--btn {
  background: linear-gradient(90deg, #062f71 0%, #062f71 30%, #e0162b 30%, #e0162b 200%);
  background-position: -80px 0;
  background-size: 200% 100%;
  border-radius: 4px;
  box-shadow: inset 0 0 22px -8px #111;
  color: #fff;
  height: 44px;
  position: relative;
  text-transform: uppercase;
  width: 190px; }
  .toggle--switch .toggle--btn:before {
    background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.15) 100%);
    background-color: #2b2e3a;
    background-size: 5px 5px;
    border: 2px solid #202027;
    border-radius: 4px;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.4);
    display: block;
    height: 44px;
    left: 0;
    position: absolute;
    text-indent: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 80px; }

.toggle--switch .toggle--feature {
  display: block;
  height: 46px;
  overflow: hidden;
  position: relative;
  text-shadow: 0 1px 2px #666; }
  .toggle--switch .toggle--feature:before, .toggle--switch .toggle--feature:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .toggle--switch .toggle--feature:before {
    content: attr(data-label-on);
    left: -60%; }
  .toggle--switch .toggle--feature:after {
    content: attr(data-label-off);
    right: 19%; }

.toggle--switch .toggle--checkbox:checked + .toggle--btn {
  background-position: 0 0; }
  .toggle--switch .toggle--checkbox:checked + .toggle--btn:before {
    left: calc(100% - 80px); }
  .toggle--switch .toggle--checkbox:checked + .toggle--btn .toggle--feature:before {
    left: 20%; }
  .toggle--switch .toggle--checkbox:checked + .toggle--btn .toggle--feature:after {
    right: -60%; }

/* Range Slider */
.range-slider {
  display: inline-block;
  max-width: 100%;
  padding: 20px 0 30px 50px;
  position: relative;
  width: 380px;
  z-index: 1; }
  .range-slider:before, .range-slider:after {
    color: #00245f;
    font-family: 'Khand', Arial, sans-serif;
    font-size: 21px;
    font-weight: 600;
    position: absolute;
    top: 33px; }
  .range-slider:before {
    content: '0"';
    left: 47px; }
  .range-slider:after {
    content: 'X"';
    right: -7px; }

.range-slider--input {
  background-color: #142b54;
  border: 1px solid #00245f;
  border-radius: 10px;
  height: 12px;
  margin: auto;
  transition: all 0.3s ease;
  width: 100%;
  -webkit-appearance: none !important; }
  .range-slider--input:hover {
    background-color: #00245f; }

.range-slider--input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #e0162b;
  border-radius: 50%;
  box-shadow: 0 0 3px #3c6d59;
  height: 22px;
  transition: all 0.5s ease;
  width: 22px; }

.range-slider--input::-webkit-slider-thumb:hover {
  background-color: #e0162b; }

.range-slider--input::-webkit-slider-thumb:active {
  box-shadow: 0px 0px 1px #e0162b; }

/* MODAL */
.modal .page-sight-calculator .breadcrumbs {
  display: none; }