@charset "utf-8";

.noUi-marker-horizontal.noUi-marker-large { display: none; }

body .ui-widget.ui-widget-content.ui-tooltip { background-color: rgb(16, 27, 40) !important; color: rgb(255, 255, 255) !important; padding: 5px 10px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; font-size: 12px !important; line-height: 16px !important; border-radius: 4px !important; }

body .ui-widget.ui-widget-content.ui-tooltip p { font-size: 12px !important; }

body .ui-widget.ui-widget-content.ui-tooltip strong { color: rgb(255, 255, 255); }

body .ui-widget.ui-widget-content.ui-tooltip h2 { margin: 5px 0px; color: rgb(255, 255, 255); font-size: 16px !important; }

body .ui-widget.ui-widget-content.ui-tooltip h3 { margin: 5px 0px; color: rgb(255, 255, 255); font-size: 15px !important; }

body .ui-widget.ui-widget-content.ui-tooltip h4 { margin: 5px 0px; color: rgb(255, 255, 255); font-size: 14px !important; }

.roi-wrapper { max-width: 1000px; margin: -200px auto 80px; padding: 260px 40px 40px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }

.roi-into-text { margin-bottom: 40px; }

.roi-calc__left { float: left; width: 50%; margin-right: 10%; }

.roi-calc__right { float: left; width: 40%; }

.roi-slider { margin-bottom: 50px; }

.roi-slider h6 { font-weight: normal; font-size: 16px; margin-bottom: 0px; }

.roi-slider .sliderValue { font-size: 28px; font-weight: 600; }

.noUi-pips-horizontal { padding-top: 0px !important; }

.roi-calc__right { float: left; width: 40%; padding: 40px; background-color: rgb(57, 88, 167); text-align: center; color: rgb(255, 255, 255); }

.noUi-connect { background: rgb(57, 88, 167) !important; }

.roi-figure { font-size: 32px; font-weight: 600; }

#roi-answer h6 { font-weight: 100 !important; font-size: 16px !important; }

#roi-answer { margin-bottom: 30px; }

.roi-answer-cta { margin-top: 40px; }

.roi-slider .sliderValue { margin-bottom: 15px; }

.noUi-pips.noUi-pips-horizontal div:nth-child(2) { transform: translate(0px, 50%); }

.noUi-pips.noUi-pips-horizontal div:nth-child(4) { transform: translate(-100%, 50%); }

#ttip1-tooltip { margin-top: 40px; }

@media (max-width: 600px) {
  .roi-calc__right { padding: 20px; }
  .roi-figure { font-size: 20px; }
}

@media (max-width: 414px) {
  .roi-calc__left, .roi-calc__right { width: 100%; }
}