body.modal-open{overflow:visible !important}
.installment-timeline-component{background-color:#fff;padding-top:51px}
.installment-timeline-component .container-fluid{width:80pc;max-width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;overflow:hidden}
@media screen and (max-width:640px){.installment-timeline-component .container-fluid{padding-left:1pc;padding-right:1pc;overflow:visible}
}
.installment-timeline-component .timeline__wrapper{padding-left:2pc;padding-right:2pc;padding-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:0;position:relative}
@media(max-width:1439.98px){.installment-timeline-component .timeline__wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;-ms-overflow-style:none}
.installment-timeline-component .timeline__wrapper::-webkit-scrollbar{display:none}
}
.installment-timeline-component .timeline__wrapper--large{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;-ms-overflow-style:none}
.installment-timeline-component .timeline__wrapper--large::-webkit-scrollbar{display:none}
@media screen and (max-width:640px){.installment-timeline-component .timeline__wrapper{display:block;padding-left:0;padding-right:0}
}
.installment-timeline-component .timeline__step-wrapper{position:relative;max-width:264px;min-width:222px;-ms-flex-preferred-size:25%;flex-basis:25%}
@media(max-width:1023.98px){.installment-timeline-component .timeline__step-wrapper{max-width:382px;width:100%;margin:0 auto}
}
.installment-timeline-component .timeline__step-wrapper:before{content:"";position:absolute;top:20px;width:100%;height:1px;background-image:-webkit-gradient(linear,left top,right top,color-stop(55%,#d1d1d1),color-stop(0,rgba(255,255,255,0)));background-image:linear-gradient(90deg,#d1d1d1 55%,rgba(255,255,255,0) 0);background-position:bottom;background-size:10px 1px;background-repeat:repeat-x;z-index:1}
@media screen and (max-width:640px){.installment-timeline-component .timeline__step-wrapper:before{width:1px;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(55%,#d1d1d1),color-stop(0,rgba(255,255,255,0)));background-image:linear-gradient(180deg,#d1d1d1 55%,rgba(255,255,255,0) 0);background-position:0 0;background-size:1px 10px;background-repeat:repeat-y;left:20px;top:0}
}
.installment-timeline-component .timeline__step-wrapper:after{content:"";width:20px;height:20px;border-radius:50%;top:10px;z-index:2;position:absolute;border:1px solid #d1d1d1;background-color:#fff}
@media screen and (max-width:640px){.installment-timeline-component .timeline__step-wrapper:after{left:10px;top:0}
}
.installment-timeline-component .timeline__step-wrapper:last-child{max-width:222px}
@media(max-width:1023.98px){.installment-timeline-component .timeline__step-wrapper:last-child{max-width:382px;width:100%}
}
.installment-timeline-component .timeline__step-wrapper:last-child:before{background:0}
.installment-timeline-component .timeline__card-content{max-width:200px;padding-top:65px}
@media screen and (max-width:640px){.installment-timeline-component .timeline__card-content{padding-top:8px;padding-left:44px;max-width:100%;padding-bottom:40px}
}
@media(max-width:767.98px){.installment-timeline-component .timeline__card-content.floating-mobile{padding-bottom:70px}
}
.installment-timeline-component .timeline__title{color:#000;font-family:Medium,sans-serif;font-size:30px;font-weight:500;letter-spacing:0;line-height:40px;text-align:center;margin-bottom:4pc;padding-right:2pc;padding-left:2pc}
@media screen and (max-width:640px){.installment-timeline-component .timeline__title{padding-left:1pc;padding-right:1pc;max-width:382px;width:100%;margin:0 auto 3pc;text-align:left;font-size:24px;line-height:28px}
}
.installment-timeline-component .timeline__step--past:after,.installment-timeline-component .timeline__step--reached:after{content:"";position:absolute;top:17px;width:calc(100% - 20px);height:6px;background-color:#ffc302;right:0;z-index:4}
@media screen and (max-width:640px){.installment-timeline-component .timeline__step--past:after,.installment-timeline-component .timeline__step--reached:after{top:auto;left:17px;width:6px;height:calc(100% - 20px);right:auto;bottom:0}
}
.installment-timeline-component .timeline__step--past:before,.installment-timeline-component .timeline__step--reached:before{content:"";position:absolute;top:10px;width:20px;height:20px;border-radius:50%;border:6px solid #ffc302;left:0;z-index:4}
@media screen and (max-width:640px){.installment-timeline-component .timeline__step--past:before,.installment-timeline-component .timeline__step--reached:before{left:10px;top:0}
}
.installment-timeline-component .timeline__step--reached .timeline__header-additional-background:after{width:6%;right:40%;border-radius:3px;background-color:#ffc302;content:"";top:17px;height:6px;z-index:4;position:absolute}
@media screen and (max-width:640px){.installment-timeline-component .timeline__step--reached .timeline__header-additional-background:after{width:6px;height:10%;left:17px;bottom:43%;top:auto}
}
.installment-timeline-component .timeline__step--reached:after{width:40%;left:20px;right:auto;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#ffc302}
@media screen and (max-width:640px){.installment-timeline-component .timeline__step--reached:after{border-bottom-left-radius:3px;border-bottom-right-radius:3px;width:6px;height:calc(45% - 20px);top:17px;left:17px;right:auto}
}
.installment-timeline-component .timeline__card-title{color:#000;font-family:Medium,sans-serif;font-size:1pc;font-weight:500;letter-spacing:0;line-height:19px;margin-bottom:7px;min-height:19px}
@media screen and (max-width:640px){.installment-timeline-component .timeline__card-title{min-height:0}
.installment-timeline-component .timeline__card-title:empty{margin-bottom:0}
}
.installment-timeline-component .timeline__card-body{color:#000;font-family:Light,sans-serif;font-size:14px;font-weight:300;letter-spacing:0;line-height:20px;margin-bottom:8px;overflow-wrap:break-word}
.installment-timeline-component .timeline__card-body b,.installment-timeline-component .timeline__card-body p b{font-family:Medium,sans-serif;font-weight:500}
.installment-timeline-component .timeline__card-body ul{padding-left:20px}
.installment-timeline-component .timeline__card-body ul li{padding-left:4px}
.installment-timeline-component .timeline__card-modal-link{color:#000;font-family:Regular,sans-serif;font-size:14px;letter-spacing:0;line-height:20px}
.installment-timeline-component .timeline__navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media screen and (max-width:640px){.installment-timeline-component .timeline__navigation{display:none}
}
.installment-timeline-component .timeline__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;margin-left:8px;margin-right:8px}
.installment-timeline-component .timeline__button .fontello-icon-arrow_left,.installment-timeline-component .timeline__button .fontello-icon-arrow_right_chevron{line-height:normal}
.installment-timeline-component .timeline__button:active,.installment-timeline-component .timeline__button:focus,.installment-timeline-component .timeline__button:hover{background:0}
.installment-timeline-component .timeline__btn-text{font-family:Medium,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:17px;text-transform:none}
.timeline__modal .modal-dialog .fontello-icon-close{cursor:pointer}
@media(max-width:767.98px){.timeline__modal .modal-dialog{margin:0;position:relative;top:auto}
}
@media(max-width:767.98px){.timeline__modal .modal-dialog .modal-content{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);height:100vh;overflow-y:auto}
}
.timeline__modal.short-content-modal .modal-dialog{position:fixed;right:0;left:0}
.timeline__modal.short-content-modal .modal-dialog .modal-content{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
@media(min-width:600px){.timeline__modal .modal-dialog{max-width:445px}
}
.timeline__modal .modal-content .modal-header{padding:1pc 1pc 10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-bottom:1px solid #000}
.timeline__modal .modal-content .modal-body{padding:24px 2pc;min-height:500px}
@media(max-width:767.98px){.timeline__modal .modal-content .modal-body{padding-left:13px;padding-right:13px}
}
.timeline__modal .modal-content .modal-body .modal-title{font-family:Medium,sans-serif;font-size:30px;line-height:35px;margin-bottom:1pc}
.timeline__modal .modal-content .modal-body .modal-text{font-family:Light,sans-serif;font-size:1pc;line-height:20px;color:#000}
.timeline__modal .modal-content .modal-body .modal-text a{font-family:Medium,sans-serif;color:#000;text-decoration:underline}
.timeline-error-service-wrapper{max-width:67pc;margin:-40px auto 0;padding-right:2pc;padding-left:2pc}
@media screen and (max-width:640px){.timeline-error-service-wrapper{margin-top:-17px;padding-left:0;padding-right:0;width:100%}
}
.timeline-error-service-wrapper .service-error-external-container{background-color:#fff9e5;padding:52px}
@media only screen and (max-width:600px){.timeline-error-service-wrapper .service-error-external-container .service-error-title{max-width:283px}
}
.timeline-error-service-wrapper .service-error-external-container .service-error-subtitle p:last-child{margin-bottom:0}
@media only screen and (max-width:600px){.timeline-error-service-wrapper .service-error-external-container{padding:1pc;margin-bottom:50px}
}
.timeline-error-service-wrapper .service-error-external-container .service-error-line-container .hor-bottom-line,.timeline-error-service-wrapper .service-error-external-container .service-error-line-container .hor-top-line{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#ffc412),color-stop(0,rgba(255,255,255,0)));background-image:linear-gradient(90deg,#ffc412 50%,rgba(255,255,255,0) 0);background-size:15px 1px}
.timeline-error-service-wrapper .service-error-external-container .service-error-line-container .ver-left-line,.timeline-error-service-wrapper .service-error-external-container .service-error-line-container .ver-right-line{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffc412),color-stop(0,rgba(255,255,255,0)));background-image:linear-gradient(#ffc412 50%,rgba(255,255,255,0) 0);background-size:1px 15px}
.installment-timeline-component.active-gas .timeline__step--past:after,.installment-timeline-component.active-gas .timeline__step--reached:after{background-color:#5fdbe7}
.installment-timeline-component.active-gas .timeline__step--past:before,.installment-timeline-component.active-gas .timeline__step--reached:before{border:6px solid #5fdbe7}
.installment-timeline-component.active-gas .timeline__step--reached .timeline__header-additional-background:after,.installment-timeline-component.active-gas .timeline__step--reached:after{background-color:#5fdbe7}
.installment-timeline-component.active-gas .timeline-error-service-wrapper .service-error-external-container{background-color:#effbfc}
.installment-timeline-component.active-gas .timeline-error-service-wrapper .service-error-external-container .service-error-line-container .hor-bottom-line,.installment-timeline-component.active-gas .timeline-error-service-wrapper .service-error-external-container .service-error-line-container .hor-top-line{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#74dfea),color-stop(0,rgba(255,255,255,0)));background-image:linear-gradient(90deg,#74dfea 50%,rgba(255,255,255,0) 0)}
.installment-timeline-component.active-gas .timeline-error-service-wrapper .service-error-external-container .service-error-line-container .ver-left-line,.installment-timeline-component.active-gas .timeline-error-service-wrapper .service-error-external-container .service-error-line-container .ver-right-line{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#74dfea),color-stop(0,rgba(255,255,255,0)));background-image:linear-gradient(#74dfea 50%,rgba(255,255,255,0) 0)}
.skeleton-progress.timeline__wrapper .timeline__card-body,.skeleton-progress.timeline__wrapper .timeline__card-modal-link,.skeleton-progress.timeline__wrapper .timeline__card-title{display:none}
@media only screen and (max-width:640px){.skeleton-progress.timeline__wrapper .timeline__card-content{padding-left:58px;padding-bottom:14px}
}
.skeleton-progress.timeline__wrapper .timeline__step--past:before,.skeleton-progress.timeline__wrapper .timeline__step--reached:before{border:0}
.skeleton-progress.timeline__wrapper .timeline__step--reached .timeline__header-additional-background:after,.skeleton-progress.timeline__wrapper .timeline__step--reached:after{background-color:transparent}