.checkout .progress-bar-container{background:#333;display:block;padding-top:24px;height:70px}@media screen and (min-width: 768px){.checkout .progress-bar-container{padding-top:28px;height:80px}}.checkout .progress-bar-container .progress{height:1px;background:#E4E4E4}.checkout .progress-bar-container .progress .progress-bar{background:#FFD900;height:1px;width:0;transition:width 0.3s ease}.checkout .progress-bar-container .progress_bar{max-width:240px}@media screen and (min-width: 768px){.checkout .progress-bar-container .progress_bar{max-width:500px;padding:0}}.checkout .progress-bar-container .bullet{height:11px;width:11px;box-shadow:0px 0px 0 8px #333;background-color:#E4E4E4;text-align:center;margin:0 auto;position:relative;z-index:2}.checkout .progress-bar-container .bullet.info,.checkout .progress-bar-container .bullet.passed{background:#FFD900}.checkout .progress-bar-container .step_info{text-align:center;position:absolute;padding-top:18px;color:#E4E4E4;font-size:15px;font-family:"titillium_websemibold",sans-serif;letter-spacing:0.1px;line-height:23px;margin-left:-22px;white-space:nowrap}@media screen and (min-width: 768px){.checkout .progress-bar-container .step_info{display:block;position:relative;margin-left:-22px}}.checkout .progress-bar-container .bullet.active{border-color:#FFD900;color:#fff;position:relative;background:#FFD900}.checkout .progress-bar-container .bullet.active:after{content:'';position:absolute;width:1px;border:2px solid #FFD900;border-radius:50%;width:21px;height:21px;left:-5px;top:-5px}.checkout .progress-bar-container .bullet.active .step_info{color:#fff}.checkout .progress-bar-container .bullet.active ~ .bullet{background:#E4E4E4}@media (min-width: 1024px){.checkout-breadcrumb{margin-top:30px !important}}