.calc-gutter i.svg {  background:url(https://stg-wwwfieldcirclecom-stage.kinsta.cloud/wp-content/themes/fieldtitan/assets/roi-calculator/assets/layouts/img/sprites.svg) no-repeat; } .calc-gutter .row {  margin:0 -10px; }  .calc-gutter .row .col-md-6 {   padding:0 10px; } .calc-gutter.no {  display:flex;  align-items:center;  min-height:100vh;  background:#F7F8FA; }  .calc-gutter.no .container {   max-width:1130px; }  .calc-gutter.no i.svg {   width:68px;   height:34px;   min-width:68px; }   .calc-gutter.no i.svg.manpower-icon { background-position:0px -122px; }   .calc-gutter.no i.svg.fuel-icon { background-position:0px -165px; }   .calc-gutter.no i.svg.spare-icon { background-position:0px -207px; }   .calc-gutter.no i.svg.revenue-icon { background-position:0px -249px; }   .calc-gutter.no i.svg.jobs-icon { background-position:0px -292px; }   .calc-gutter.no i.svg.red-icon { width:12px; height:8px; min-width:12px; background-position:-6px -332px; }   .calc-gutter.no i.svg.green-icon { width:12px; height:8px; min-width:12px; background-position:-20px -332px; }  @media (max-width:1023px) {   .calc-gutter.no .row .col-md-6 { flex:0 0 100%; max-width:100%; } }  .calc-gutter.no .ins {   padding:60px 0;   display:flex;   position:relative; }   @media (max-width:767px) { .calc-gutter.no .ins {  padding:16px 0;  flex-wrap:wrap; } }   .calc-gutter.no .ins .toolbar-bottom { top:12px; right:0; position:absolute; } @media (max-width:767px) {  .calc-gutter.no .ins .toolbar-bottom {   top:-8px;   width:100%;   position:relative;   display:flex;   justify-content:flex-end; } } .calc-gutter.no .ins .toolbar-bottom .btn {  font-size:13px;  padding:11px 16px; }   .calc-gutter.no .ins .panel { color:#fff; width:100%; min-height:100%; max-width:346px; display:flex; align-items:center; justify-content:center; border-radius:10px 0 0 10px; background:url(https://stg-wwwfieldcirclecom-stage.kinsta.cloud/wp-content/themes/fieldtitan/assets/roi-calculator/assets/layouts/css/../img/bg.png) no-repeat center/cover; } @media (max-width:767px) {  .calc-gutter.no .ins .panel {   max-width:100%;   padding:20px;   border-radius:6px 6px 0 0; } } .calc-gutter.no .ins .panel h3 {  font-size:26px;  font-weight:300; }  @media (max-width:767px) {   .calc-gutter.no .ins .panel h3 { font-size:20px; margin-bottom:6px; } } .calc-gutter.no .ins .panel h4 {  font-size:40px;  font-weight:600;  display:flex;  align-items:center;  margin-bottom:0; }  @media (max-width:767px) {   .calc-gutter.no .ins .panel h4 { font-size:30px; } }  .calc-gutter.no .ins .panel h4 span {   font-size:16px;   padding-left:12px; }   @media (max-width:767px) { .calc-gutter.no .ins .panel h4 span {  font-size:12px;  line-height:1.25; } }   .calc-gutter.no .ins .cnt { width:100%; padding:40px; background:#fff; border-radius:0 10px 0 10px; } @media (max-width:767px) {  .calc-gutter.no .ins .cnt {   padding:20px;   border-radius:0 0 6px 6px; } } .calc-gutter.no .ins .cnt h2 {  font-size:25px;  font-weight:300;  margin-bottom:20px; } .calc-gutter.no .ins .cnt .box {  height:142px;  padding:20px;  max-width:330px;  border-radius:4px;  background:#fff;  margin-bottom:20px;  display:flex;  align-items:center;  border:1px solid #eee; }  .calc-gutter.no .ins .cnt .box h3 {   font-size:15px;   font-weight:bold;   margin-bottom:8px; }  .calc-gutter.no .ins .cnt .box h4 {   display:flex;   align-items:center;   white-space:nowrap;   margin-bottom:6px; }   .calc-gutter.no .ins .cnt .box h4 span.value { color:#CE4242; font-size:26px; font-weight:600; }   .calc-gutter.no .ins .cnt .box h4 span.info { color:#000; font-size:13px; font-weight:600; padding-left:8px; }  .calc-gutter.no .ins .cnt .box h5 {   color:#CE4242;   font-size:13px;   font-weight:600;   margin-bottom:0; }   .calc-gutter.no .ins .cnt .box h5 i { margin-left:6px; }  .calc-gutter.no .ins .cnt .box.active h4 span.value {   color:#24A24A; }  .calc-gutter.no .ins .cnt .box.active h5 {   color:#24A24A; } .calc-gutter:not(.no) {  padding-top:40px; }  .calc-gutter:not(.no) .container {   max-width:950px; }  .calc-gutter:not(.no) i.svg {   width:24px;   height:24px; }   .calc-gutter:not(.no) i.svg.manpower-icon { background-position:0px 0px; }   .calc-gutter:not(.no) i.svg.fuel-icon { background-position:0px -28px; }   .calc-gutter:not(.no) i.svg.spare-icon { background-position:0px -58px; }   .calc-gutter:not(.no) i.svg.revenue-icon { background-position:0px -90px; }  .calc-gutter:not(.no) .smartwizard .nav {   margin-bottom:40px;   display:-webkit-box;   display:-moz-box;   display:-ms-flexbox;   display:-webkit-flex;   display:flex;   -webkit-align-items:center;   -moz-align-items:center;   -ms-align-items:center;   align-items:center;   -webkit-justify-content:space-around;   -moz-justify-content:space-around;   -ms-justify-content:space-around;   justify-content:space-around;   -ms-flex-pack:space-around; }   .calc-gutter:not(.no) .smartwizard .nav li { width:25%; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -ms-flex-pack:center; } @media (max-width:767px) {  .calc-gutter:not(.no) .smartwizard .nav li {   font-size:12px; } } .calc-gutter:not(.no) .smartwizard .nav li a:before {  left:0;  top:12px;  width:100%;  height:1px;  content:"";  position:absolute;  background:#D9E0EE; } .calc-gutter:not(.no) .smartwizard .nav li a:after {  left:0;  top:12px;  width:100%;  height:1px;  content:"";  z-index:1;  position:absolute; } .calc-gutter:not(.no) .smartwizard .nav li a div {  z-index:2;  min-width:50px;  color:#7E7E7E;  background:#fff;  white-space:nowrap;  position:relative;  display:flex;  align-items:center;  justify-content:center;  flex-direction:column; }  @media (max-width:767px) {   .calc-gutter:not(.no) .smartwizard .nav li a div { text-align:center; line-height:normal; white-space:normal; } .calc-gutter:not(.no) .smartwizard .nav li a div span {  height:60px;  display:block;  padding-top:4px; } } .calc-gutter:not(.no) .smartwizard .nav li a.active:after, .calc-gutter:not(.no) .smartwizard .nav li a.done:after {  background:#24A24A; } .calc-gutter:not(.no) .smartwizard .nav li a.active div, .calc-gutter:not(.no) .smartwizard .nav li a.done div {  color:#24A24A; }  .calc-gutter:not(.no) .smartwizard .nav li a.active div i.svg.manpower-icon, .calc-gutter:not(.no) .smartwizard .nav li a.done div i.svg.manpower-icon {   background-position:-33px 1px; }  .calc-gutter:not(.no) .smartwizard .nav li a.active div i.svg.fuel-icon, .calc-gutter:not(.no) .smartwizard .nav li a.done div i.svg.fuel-icon {   background-position:-33px -28px; }  .calc-gutter:not(.no) .smartwizard .nav li a.active div i.svg.spare-icon, .calc-gutter:not(.no) .smartwizard .nav li a.done div i.svg.spare-icon {   background-position:-33px -58px; }  .calc-gutter:not(.no) .smartwizard .nav li a.active div i.svg.revenue-icon, .calc-gutter:not(.no) .smartwizard .nav li a.done div i.svg.revenue-icon {   background-position:-33px -90px; }  .calc-gutter:not(.no) .smartwizard .tab-content {   padding:30px 0;   height:calc(100vh - 218px) !important;   background:#F7F8FA;   border-top:1px solid #D9E0EE; }   @media (max-width:767px) { .calc-gutter:not(.no) .smartwizard .tab-content {  height:calc(100vh - 250px) !important; } }   .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane { opacity:1; display:none; max-height:none; visibility:visible; } .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane h2 {  font-size:22px;  font-weight:300;  padding:0 10px;  margin-bottom:26px;  display:flex;  align-items:center; }  .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane h2 i {   margin-right:20px; } .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane h3 {  font-size:16px;  margin-bottom:20px; } .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .box {  padding:20px;  border-radius:4px;  background:#fff;  margin-bottom:20px;  border:1px solid #eee; }  .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .box h4 {   font-size:15px;   margin-bottom:16px; }  .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .box h5 {   font-size:13px;   color:#676767;   font-weight:normal; }  .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .box .range-txt {   margin-bottom:70px; }  .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .box .range-lbl {   position:relative;   padding:0 50px 12px 30px; } .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .is {  padding:0 10px;  overflow:hidden;  overflow-y:auto;  height:calc(100vh - 386px); }  @media (max-width:767px) {   .calc-gutter:not(.no) .smartwizard .tab-content .tab-pane .is { height:calc(100vh - 412px); } }  .calc-gutter:not(.no) .smartwizard .toolbar-bottom {   right:0;   left:0;   bottom:20px;   position:absolute;   text-align:center !important; }   .calc-gutter:not(.no) .smartwizard .toolbar-bottom .btn { height:40px; font-size:15px; font-weight:bold; margin-left:10px; padding:0 22px; } .calc-gutter:not(.no) .smartwizard .toolbar-bottom .btn.sw-btn-next {  color:#fff;  background:#0157FF;  border:1px solid #0157FF; }  .calc-gutter:not(.no) .smartwizard .toolbar-bottom .btn.sw-btn-next.green {   background:#24A24A;   border-color:#24A24A; } .calc-gutter:not(.no) .smartwizard .toolbar-bottom .btn.sw-btn-prev {  color:#373737;  background:#fff;  border:1px solid #E3E3E3; } .calc-gutter:not(.no) .smartwizard .toolbar-bottom .btn.disabled {  opacity:0.8; }  .calc-gutter:not(.no) .ins.fixed {   top:0;   right:0;   left:0;   bottom:0;   z-index:999;   display:flex;   align-items:center;   justify-content:center;   position:fixed;   background:#F7F8FA; }   .calc-gutter:not(.no) .ins.fixed .isto { padding:40px; border-radius:10px; background:#fff; } @media (max-width:767px) {  .calc-gutter:not(.no) .ins.fixed .isto {   padding:28px; } } .range-head {  padding-top:20px; }  .range-head .cnt {   color:#676767 !important;   padding:0 !important;   font-size:14px !important; }   .range-head .cnt h1 { color:#000 !important; font-size:20px !important; } .noUi-target.noUi-connect {  border:0;  box-shadow:none; } .noUi-horizontal {  height:4px; } .noUi-horizontal .noUi-handle-lower .noUi-tooltip {  top:-40px;  left:50%;  border:0;  color:#fff;  font-size:12px;  box-sizing:border-box;  display:inline-block;  min-width:30px;  min-height:30px;  background:#0157FF;  border-radius:100px; }  .noUi-horizontal .noUi-handle-lower .noUi-tooltip input {   width:100%;   border:0;   padding:0;   color:#fff;   border-radius:100px;   background:#0157FF; }  .noUi-horizontal .noUi-handle-lower .noUi-tooltip:before {  content:'';  position:absolute;  display:inline-block;  width:0;  height:0;  bottom:-16px;  left:50%;  margin-left:-10px;  border-color:transparent;  border-style:solid;  border-top-color:#0157FF;  border-width:10px 10px; } .noUi-connect {  background:#0157FF; } .noUi-background {  background:#96A3FF; }  .noUi-horizontal .noUi-handle {  width:14px;  height:14px;  left:-6px;  top:-6px;  opacity:1;  border:0;  box-shadow:none;  border-radius:50%;  background:#0157FF; }  .input-tooltip {  position:absolute;  top:0;  left:0;  max-width:100px;  border:none;  height:30px;  padding:5px;  box-sizing:border-box;  text-align:center; } .max {  top:-10px;  right:-50px;  font-size:14px;  position:absolute; } .min {  top:-10px;  left:-25px;  font-size:14px;  position:absolute; }  .noUi-handle:after, .noUi-handle:before, .noUi-handle:after, .noUi-handle:after {  display:none; } .range-head .container {  display:flex;  align-items:center;  justify-content:space-around; } @media (min-width:1024px) {  .range-head.srink .cnt {   text-align:left; } } @media (max-width:1024px) {  .range-head .container {   flex-direction:column; }  .range-head figure {   margin-bottom:12px; } } #step-5 .logo {  text-align:center; } #step-5 .logo figure {  margin-bottom:50px;  margin-top:-50px; } .calc-head {  top:12px;  left:0;  right:0;  position:absolute;  display:flex;  align-items:center;  justify-content:space-between; } .calc-gutter.no .ins .calc-head .toolbar-bottom {  position:static; } @media (max-width:767px) {  .calc-head {   position:static;   width:100%;   margin-bottom:12px; } }