.order-popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99997;background:rgba(0,0,0,0.6);overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:1}.order-popup.popup-hidden{top:auto;height:0;opacity:0;-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.order-popup.popup-hidden .order-popup__content{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.order-popup__content{background:#fff;display:inline-block;padding:40px;max-width:900px;width:90%;box-shadow:0px 5px 21px rgba(0,0,0,0.3);border-radius:5px;text-align:center;box-sizing:border-box;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 300ms linear 200ms;transition:all 300ms linear 200ms;position:relative;z-index:99999}@media (max-width: 500px){.order-popup__content{padding:20px}}.order-popup__overlay{z-index:99998;position:absolute;left:0;right:0;top:0;bottom:0}.order-trail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.order-trail__step{position:relative}@media (max-width: 500px){.order-trail__step{font-size:0}}.order-trail__step:before{content:attr(data-step);box-sizing:border-box;display:block;width:22px;height:22px;border:2px solid #959595;border-radius:100%;text-align:center;line-height:18px;margin:0 auto;background:#fff;z-index:4;position:relative;font-size:14px}.order-trail__step:after{left:-900px;right:50%;height:2px;background:#959595;content:"";position:absolute;top:10px;z-index:1}.order-trail__step:first-child:after{background:#fff !important;z-index:3 !important}.order-trail__step.active{color:#fca615}.order-trail__step.active:before{border:2px solid #fca615;background:#fca615;color:#fff}.order-trail__step.active:after{background:#fca615;z-index:2}.step-actions{border-top:2px solid #dedfe2;padding:30px 0 0 0;margin:30px 0 0 0}.step-actions .btn{padding:15px 40px;font-size:16px;line-height:23px;position:relative}.step-actions .btn.in-progress .text{opacity:0}.popup-loader{position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px}.popup-loader__spinner{display:block;width:100%;height:100%;-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;border:3px solid #FFF;border-top:3px solid #4e5362;border-radius:50%;-webkit-transition:opacity 300ms linear;transition:opacity 300ms linear;opacity:0}.btn.in-progress .popup-loader__spinner{opacity:1}.order-popup-plan{padding:30px 0}.order-popup-plan>*{display:inline-block;vertical-align:baseline}.order-popup-plan__type{text-transform:uppercase;color:#fca615;font-size:1.6em}.order-popup-plan__name{text-transform:uppercase;color:#959595}.order-row{padding:0 0 15px}.order-row__label{display:block;font-size:26px;margin-bottom:10px;font-weight:bold}.order-row__sublabel{font-size:16px;text-align:center;color:#959595;font-weight:normal}.order-row input,.order-row textarea{background-color:#f6f6f6;border:1px solid #f6f6f6;border-radius:50px;color:#4f5362;font-size:18px;padding:15px 30px;min-width:50%;max-width:100%;font-family:"PT Sans", sans-serif;box-sizing:border-box}.order-row input.error,.order-row textarea.error{border-color:#f00}.order-row input{text-align:center}.order-row textarea{border-radius:20px;padding:15px;height:150px}.order-row__2-cols{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.order-row__2-cols>*{width:48%;min-width:48% !important}@media (max-width: 500px){.order-row__2-cols>*{width:100%;margin:0 0 10px}}.hidden{display:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}