.banner{background-image:url(/assets/images/leggat/sell-or-trade/sell_or_trade_landing_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px 100px;max-width:2000px;margin:0 auto;position:relative;z-index:1;background-color:rgba(0,0,0,.32)}h1{font-size:80px;line-height:84px;color:#fff;font-weight:700;text-shadow:1px 1px 30px rgba(0,0,0,.3);z-index:2;margin:0}h1::before{content:'';position:absolute;height:6px;width:50px;background-color:#46c3b2;top:-16px;left:20px}.banner .btn.btn-outlined.btn-find-vehicle{color:#fff;letter-spacing:4px;padding:20px 40px;font-size:18px;line-height:20px;border-radius:5px;margin-top:20px;font-weight:500}.banner img.arrow{margin-top:200px;user-select:none;z-index:2}.hero-row{display:flex;align-items:center;padding:0 5%}.hero-col{width:50%}#dv_vin_form{background-color:#fff;border-radius:5px;padding:20px;font-family:Roboto,Poppins,sans-serif;max-width:500px;margin:auto}.vf-heading{display:flex;justify-content:space-between;align-items:center}.vf-heading-text{font-size:18px;line-height:20px}.vf-form-group{display:flex;height:56px;margin-top:20px}.vf-form-group label{font-size:22px;line-height:1;position:absolute;user-select:none;font-weight:500;transform:translate(22px,21px) scale(1);transition:all .2s;margin:0;color:#3a3a3a;z-index:1;cursor:text}.vf-form-group.is-focused label,.vf-form-group.is-populated label{transform:translate(22px,16px) scale(1);font-size:12px;color:#070b1d;font-weight:400}.vf-form-group.has-error #txtVIN{border-color:#dc2f2f}.vf-form-group.has-error label{color:#dc2f2f}#txtVIN{padding:18px 20px 0 20px;border-radius:5px;border:1px solid #cdcdcd;color:#070b1d;font-size:18px;outline:none;appearance:none;flex:1 1 0;height:60px;text-transform:uppercase;transition:all .2s}#txtVIN:focus{border:1px solid #070b1d}.vf-where{font-size:16px;line-height:26px;margin:10px 0;color:#46c3b2;cursor:pointer}.vf-where:hover{text-decoration:underline}.vf-no-vin{font-size:18px;line-height:24px;margin-top:20px}.vf-no-vin a{color:#46c3b2}#howItWorks{padding:50px 0}#howItWorks h2{font-size:54px;line-height:58px;font-weight:700;text-align:center;margin:0}#howItWorks h2::before{content:'';position:absolute;height:6px;width:50px;background-color:#46c3b2;top:-22px;left:50%;transform:translateX(-50%)}#howItWorks .sub{text-align:center;font-family:Roboto,Poppins,sans-serif;font-size:26px;line-height:30px;margin-top:10px}#hiw_steps{display:flex;align-items:flex-start;justify-content:center;margin:50px auto}.step{text-align:center;max-width:330px;margin:0 20px;font-family:Roboto,Poppins,sans-serif}.s-description{font-size:18px;line-height:22px;font-weight:400;margin-top:10px}.s-title{font-size:24px;line-height:26px;font-weight:500;margin-top:20px;text-transform:uppercase}#appraisal_booking{background-image:url(/assets/images/leggat/sell-or-trade/appraisal_form_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:60px 0;margin-bottom:30px}#appraisal_form{background-color:#fff;width:750px;padding:40px;box-shadow:0 3px 7px 0 rgba(0,0,0,.4);border-radius:10px;font-family:Roboto,Poppins,sans-serif}.af-heading{font-size:44px;line-height:48px;font-weight:500}.af-who{font-size:18px;line-height:24px;margin-top:20px}#frmScheduleAppraisal{margin-top:30px}.af-form-group{display:flex;margin-bottom:20px;flex-direction:column;overflow:hidden;padding-bottom:1px}.af-form-group label{font-size:24px;line-height:1;position:absolute;user-select:none;transform:translate(0,16px) scale(1);transition:all .2s;margin:0;color:#3a3a3a;z-index:1;cursor:text}.af-form-group label span{font-size:14px;vertical-align:super;color:#dc2f2f}.af-form-group.is-focused label,.af-form-group.is-populated label{transform:translate(0,-1px) scale(1);font-size:14px;color:#253746}.af-form-group.is-focused label span,.af-form-group.is-populated label span{font-size:10px}.af-form-control{flex:1 1 0;font-size:22px;padding:10px 10px 0 0;border-top:none;border-right:none;border-left:none;border-color:#9b9b9b;border-width:1px;border-radius:0;min-height:44px}select.af-form-control{width:calc(100% + 4px);margin-left:-4px}.af-form-group.is-focused .af-form-control,.af-form-group.is-populated .af-form-control{border-color:#253746;box-shadow:0 1px 0 rgba(37,55,70,.25)}.af-form-control:disabled{cursor:not-allowed}.af-buttons{margin-top:20px}@media only screen and (max-width:1400px){.banner{}.banner h1{font-size:70px;line-height:74px}.banner img.arrow{margin-top:100px}}@media only screen and (max-width:1199px){.banner{background-image:url(/assets/images/leggat/sell-or-trade/sell_or_trade_landing_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:100px 20px 100px}.banner h1{font-size:60px;line-height:64px}}@media only screen and (max-width:991px){.hero-row{padding:0}.banner{padding:100px 0}}@media only screen and (max-width:767px){.banner{background-image:url(/assets/images/leggat/sell-or-trade/sell_or_trade_landing_bg.jpg);padding:70px 0 50px}.banner h1{font-size:50px;line-height:54px;text-align:center}h1::before{top:-26px;left:50%;transform:translateX(-50%)}.hero-col{width:100%}.hero-row{display:block;margin:0 auto}#dv_vin_form{margin-top:20px}#appraisal_form{width:100%}.af-heading{font-size:40px;line-height:42px}#howItWorks h2{font-size:48px;line-height:52px}#howItWorks .sub{font-size:24px;line-height:26px}.step{width:50%}}@media only screen and (max-width:576px){.banner{padding:30px 0 30px}.banner h1{font-size:40px;line-height:44px;margin-top:30px}.banner .btn.btn-outlined.btn-find-vehicle{letter-spacing:3px;padding:14px;font-size:14px;width:100%;line-height:20px}.banner img.arrow{margin-top:80px;width:36px}#hiw_steps{display:block;margin:0 auto;padding:0 20px}.step{width:100%;max-width:100%;margin:50px 0 0}#appraisal_form{padding:20px}.af-heading{font-size:30px;line-height:32px;text-align:center}#howItWorks h2{font-size:42px;line-height:46px}#howItWorks .sub{font-size:20px;line-height:22px;margin-top:0}.s-description{font-size:16px;line-height:20px}.vf-form-group label{font-size:20px;transform:translate(18px,17px) scale(1)}.vf-form-group.is-focused label,.vf-form-group.is-populated label{transform:translate(18px,10px) scale(1)}#txtVIN{padding:10px 16px 0 16px;height:54px}}@media only screen and (max-width:450px){.banner{}.banner h1{font-size:36px;line-height:40px}.hero-col{padding:0}.banner .btn.btn-outlined.btn-find-vehicle{letter-spacing:2.4px;padding:14px;font-size:12px;border-width:1px;font-weight:300;margin-top:0}.banner img.arrow{margin-top:70px;width:34px}#howItWorks h2{font-size:38px;line-height:44px}#howItWorks .sub{font-size:18px;line-height:20px}.s-title{font-size:22px;line-height:24px}.step{margin:40px 0 0}.af-heading{font-size:26px;line-height:32px}#frmScheduleAppraisal{margin-top:10px}.af-form-group label{font-size:20px}.af-form-group{margin-bottom:15px}.af-form-control{flex:1 1 0;font-size:20px}.af-buttons{margin-top:10px}.vf-no-vin{font-size:16px;line-height:20px;margin-top:10px}.vf-heading-text{font-size:16px;line-height:20px}.vf-where{font-size:14px;line-height:22px}}@media only screen and (max-width:350px){.banner h1{font-size:32px;line-height:38px}#howItWorks h2{font-size:32px;line-height:40px}}@media only screen and (max-width:320px){.banner{}.banner h1{font-size:34px;line-height:42px}.banner .btn.btn-outlined.btn-find-vehicle{letter-spacing:2px;padding:10px 0;line-height:20px}.banner img.arrow{margin-top:60px;width:30px}}