﻿.paragraph-rating__description{font-size:14px;line-height:23px;width:fit-content;text-align:center}
.paragraph-rating__rating-wrapper .stars-outer .stars-inner path{fill:#fdc902}
.paragraph-quote-hero__top>.rating{flex-shrink:0;min-width:245px}
.paragraph-rating{margin-top:50px;color:#fff}
.paragraph-rating__rating-wrapper{display:flex;align-items:center;justify-content:center;gap:15px}
.paragraph-rating__rating-wrapper .rating{font-size:28px;line-height:45px}
.paragraph-rating__rating-wrapper .stars-outer{position:relative}
.paragraph-rating__rating-wrapper .stars-outer .stars-inner{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;width:0}
.ribbon{font-size:16px;font-weight:500;color:#000}
.ribbon{--f:.5em;--r:.8em;position:absolute;top:-14px;right:7px;padding-inline:.25em;line-height:1.8;background:#fdc902;border-bottom:var(--f) solid #0005;border-left:var(--r) solid #0000;clip-path:polygon(var(--r) 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--r) calc(100% - var(--f)),0 calc(50% - var(--f)/2))}
.user_top_rating.slide{background-color:#f7f9fc;height:470px}
.shipping-quote a{width:100%;font-size:18px;font-weight:700;color:#fff;background:#ff0037;color:#fff;padding:15px 0;text-align:center;display:inline-block;text-decoration:none;border-radius:5px;box-shadow:1px 3px 7px 1px rgb(0 0 0 / .6)}
.shipping-quote a:hover{background:#022767}
.ShippingType{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:175px;width:100%;height:150px;background-color:#ff0037;font-size:18px;font-weight:600;font-style:normal;color:#fff;fill:#fff;text-decoration:none;text-align:center;border-radius:5px;transition:.2s all;box-shadow:1px 3px 7px 1px rgb(0 0 0 / .6);text-decoration:none}
.ShippingType span{width:80%}
input.form-check-input.dist{margin-left:0!important}
label.form-check-label.dislabel{color:#827c7c;margin:0 20px}
.position-relative.hawaidist{margin:10px 0 20px;font-size:16px}
.ShippingType:hover{text-decoration:none;background:#022767;color:#fff}
.ShippingType i{font-size:30px}
.ShippingType img{width:55px;height:auto}
.badgequote{display:inline-block;background:#fdc902;border-radius:5px;cursor:pointer;font-style:normal;padding:8px}
.badgequote a{color:#000;font-size:16px;line-height:23px;text-decoration:none;font-weight:600}
.bg_overlay_top_section_new{position:absolute;top:0;margin:auto;right:auto;width:100%;left:0;bottom:0;height:100%}
.transport h1.topHeaderHeading1{font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;margin:0;color:#fff;text-transform:none;font-size:48px;font-weight:600!important;text-align:left}
a.ShippingType.relocate{background:#fff;border:2px solid #022767;box-shadow:none;color:#022767;max-width:355px;flex-direction:row;position:relative}
.ShippingType.relocate span{width:auto}
a.ShippingType.relocate:hover{background:#cd0631;border-color:#cd0631;color:#fff}
.ImagesHover{position:relative;width:60px;height:50px}
.ImagesHover img{position:absolute;left:0;right:0}
.transport.transportz{position:relative;height:670px;width:100%}
.ImagesHover img.OnHover{opacity:0}
a.ShippingType.relocate:hover .ImagesHover img{opacity:0}
a.ShippingType.relocate:hover .ImagesHover img.OnHover{opacity:1}
.QuoteWizard.widge .col{width:auto;padding:0;width:340px;margin:0 10px 15px;flex-basis:auto;max-width:340px}
.QuoteWizard.widge{width:85%;margin:0 auto}
.WizardBox{min-height:600px;position:relative;border:1px solid #cecece;background-color:#fff;width:100%;margin:30px auto;display:inline-block}
.rating{display:flex;flex-direction:row-reverse;justify-content:center}
.rating:not(:checked)>input{position:absolute;appearance:none}
.rating:not(:checked)>label{cursor:pointer;font-size:35px;color:#666}
.rating:not(:checked)>label:before{content:'★'}
.rating>input:checked+label:hover,.rating>input:checked+label:hover~label,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label{color:#e58e09}
.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label{color:#ff9e0b}
.rating>input:checked~label{color:#ffa723}
.RatingStar{display:flex;justify-content:center;margin:0;align-items:center;gap:5px}
.ProgressBarRating{height:20px;background:#eaeff2;margin:0 auto;border-radius:20px;position:relative;border:1px solid #9d9d9d;width:100%;max-width:900px;margin:12px auto 0}
.ProgressBarRatingInner{position:relative;z-index:10;border-radius:10px;height:100%;min-width:60px;transition:width .3s ease}
.ProgressBarRatingInnerInner{background-color:#022767;display:inline-block;position:absolute;top:0;left:0;bottom:0;border-radius:10px}.ProgressBarRatingInnerInner i{position:absolute;right:0;top:0;bottom:0;left:auto}
.ProgressBarRatingInnerInner .PercentCar span.Percent{height:100%;display:flex;align-items:center}
.ProgressBarRatingInnerInner .PercentCar{position:absolute;right:7px;top:0;bottom:0;left:auto;color:#fff;width:55px;display:flex;align-items:center;justify-content:space-between}
.ProgressBarRatingInnerInner .PercentCar i{position:relative;top:1px}
.ProgressBarRatingInnerInner .PercentCar i{position:relative;top:1px;font-size:15px}
.ProgressBarRatingInner i.fas.fa-truck-moving{position:absolute;top:2px;right:8px;color:#022767}
.SlideContentArea{text-align:center;width:80%;margin:40px auto 50px}
.SlideContentArea p{color:#858585}
.WizardForm{max-width:350px;margin:0 auto;text-align:center}
.WizardForm .form-group svg{position:absolute;right:10px;display:flex;align-items:center;top:8px;margin:auto}
.WizardForm .form-group{text-align:left;z-index:auto}
.WizardForm .quotemoneybtn.shippingstep{margin:10px 0 20px 0}
.ActionBtn button{border:1px solid #ddd;background:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;position:absolute;bottom:30%}
.ActionBtn button:focus{outline:none;box-shadow:none}
.WizardStepThree{position:relative}
.ActionBtn.Previous button{left:50px;border-color:#cd0631;cursor:pointer;border-radius:8px}
.ActionBtn.Next button{right:50px;border-color:#cd0631;cursor:pointer;border-radius:8px}
.ActionBtn.Next button[disabled]{border-color:#ddd;cursor:not-allowed;border-radius:8px}
.ActionBtn.Next button[disabled] svg,form#quoteCalculatorForm .ActionBtn button[disabled] svg{fill:#ddd}
form#quoteCalculatorForm .ActionBtn button svg{fill:#cd0631;left:auto;top:auto}
.ActionBtn button svg{fill:#cd0631}
.ActionBtn.Next button[disabled]:hover svg,form#quoteCalculatorForm .ActionBtn button[disabled]:hover svg{fill:#d5d4d4}
.switch{position:relative;display:inline-block;width:50px;height:26px}
.switch input{opacity:0;width:80px;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d5d4d4;transition:.4s;border-radius:34px}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}
input:checked+.slider{background-color:#022768!important}
input:checked+.slider:before{transform:translateX(26px)}
.wizardFormCarrier{max-width:1100px;margin:0 auto;display:block}
.wizardFormCarrier .card{border-radius:5px;background-color:#fff;max-width:400px;min-height:309px;padding:10px;border:1px solid #5d5d5d!important}
.wizardFormCarrier .card h4{font-size:20px;font-weight:600;color:#022768;border-bottom:2px solid #5d5d5d;padding:0 0 10px 0}
.card-img-top{width:100%;max-height:150px;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.wizardFormCarrier .card-body{color:#666;padding:4px;font-size:14px;line-height:1.2}
.ribbon1{--f:.5em;--r:.8em;position:absolute;top:-14px;right:-8px;padding-inline:.25em;line-height:1.8;background:#fdc902;border-bottom:var(--f) solid #0005;border-left:var(--r) solid #0000;clip-path:polygon(var(--r) 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--r) calc(100% - var(--f)),0 calc(50% - var(--f) / 2))}
.carrier-card{cursor:pointer;border:2px solid #fff0;transition:border 0.3s ease}
.carrier-card.selected{border-color:#4CAF50}
.wizardFormCarrier .card.selected{background-color:#022768!important}
.wizardFormCarrier .card.selected h4{color:white!important;border-bottom:2px solid #fff;padding:0 0 10px 0}
.wizardFormCarrier .card.selected .card-body{color:white!important}.WizardForm.email{max-width:350px;margin:0 auto;text-align:center;border:1px solid #eaeff2;padding:12px;border-radius:6px}
.quotemoneybtn.shippingstep.ephone{width:100%;margin:0}
.quotemoneybtn.shippingstep{border-radius:.3125rem;color:#fff;box-shadow:none;position:relative;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;display:block;width:351px;border:none}
.formbt.quotemoneybtn.shippingstep button[disabled]{background:#999;cursor:not-allowed}
.rating.rating3 img{width:24px;margin:0 2px}
.SwitchBtn .jumbotron{border-radius:0;margin-bottom:0;padding:10px 0}
.SwitchBtn .jumbotron.df-bg-primary{background-color:#083386}
.SwitchBtn .df-switch{margin-top:20px;text-align:center}
.SwitchBtn .btn-toggle{top:50%;transform:translateY(-50%)}
.SwitchBtn .btn-toggle{margin:0 4rem;padding:0;position:relative;border:none;height:1.5rem;width:4rem;border-radius:1.5rem;color:#fff;box-shadow:none;background:#fff}
.SwitchBtn .btn-toggle:focus,.SwitchBtn .btn-toggle.focus,.SwitchBtn .btn-toggle:focus.active,.SwitchBtn .btn-toggle.focus.active{outline:none}
.SwitchBtn .btn-toggle:before,.SwitchBtn .btn-toggle:after{line-height:1.5rem;width:4rem;text-align:center;font-size:1rem;letter-spacing:2px;position:absolute;bottom:0;transition:opacity 0.25s}
.SwitchBtn .btn-toggle:before{content:'Non-running';left:-7.5rem;color:#ca0538;width:7rem}
.SwitchBtn .btn-toggle:after{content:'Running';right:-5.3rem;opacity:.5;color:#ca0538;width:5rem}
.SwitchBtn .btn-toggle>.inner-handle{border-radius:13px;width:58px;height:25px;position:absolute;top:-1px;left:1px;background-color:#fff;border:1px solid #ddd}
.SwitchBtn .btn-toggle.active>.inner-handle{background-color:#BD4053}
.SwitchBtn .btn-toggle>.handle:before{content:"";position:absolute;height:34px;width:34px;top:35%;left:11px;background-image:radial-gradient(circle at center,#0785da 5px,transparent 5px);background-size:10px 10px;background-repeat:no-repeat;display:none}
.SwitchBtn .btn-toggle.active>.handle:before{background-image:radial-gradient(circle at center,#F47280 5px,transparent 5px)}
.SwitchBtn .btn-toggle>.handle{position:absolute;top:2px;left:3px;width:19px;height:19px;border-radius:1.125rem;background:#fff;transition:left 0.25s;border:1px solid #ccc}
.SwitchBtn .btn-toggle.active{transition:background-color 0.25s}
.SwitchBtn .btn-toggle.active>.handle{left:2.4175rem;transition:left 0.25s}
.SwitchBtn .btn-toggle.active:before{opacity:.5}
.SwitchBtn .btn-toggle.active:after{opacity:1;color:#F47280}
.SwitchBtn .btn-toggle.active{background-color:#fff0}.WizardForm div#suggesstion-box{margin-bottom:15px}
.ShippingType.relocate span.hawais svg{fill:#022767;position:absolute;width:23px;bottom:-10px;left:0}
.ShippingType.relocate span.hawais.DownArrow svg{transform:rotate(130deg)}
.ShippingType.relocate span.hawais.UpArrow svg{transform:rotate(-40deg)}
.ShippingType.relocate span.hawais.DownArrow.hawaishover svg,.ShippingType.relocate span.hawais.UpArrow.hawaishover svg{fill:#fff;opacity:0}
a.ShippingType.relocate:hover span.hawais svg{opacity:0}
a.ShippingType.relocate:hover span.hawais.DownArrow.hawaishover svg,a.ShippingType.relocate:hover span.hawais.UpArrow.hawaishover svg{opacity:1}
@media (min-width:200px) and (max-width:720px){
.transport h1.topHeaderHeading1{font-size:26px;line-height:33px;text-align:center;margin:10px 0 10px}
.badgequote{display:block;padding:10px;text-align:center;width:80%;margin:0 auto}
.shipping-quote a{padding:0}
.colMd6_margin h5{font-size:16px;line-height:20px;text-align:center}
.paragraph-rating{margin-top:25px;color:#fff}
.RatingStar{display:flex;justify-content:center;flex-wrap:wrap;margin:0;align-items:center;gap:5px;padding:0 20px;font-size:14px}
.RatingNumber{display:flex;height:60px;color:#000;align-items:center;justify-content:center;font-size:20px}
.rating.rating3 img{width:25px;margin:0 2px}
.ProgressBarRating{width:95%}
.ActionBtn.Previous,.ActionBtn.Next,.SlideContentArea p{display:none}
.ProgressBarRatingInner{z-index:8}
.WizardForm{margin:0 20px}
.quotemoneybtn.shippingstep,.QuoteWizard.widge .col{width:100%}
.SlideContentArea{margin:30px auto 30px}
.WizardForm.email{max-width:330px}
.wizardFormCarrier{margin:0 12px}
}
