.section-adv-videobanner .page-width{position:relative;padding:0;margin-bottom:70px}.section-adv-videobanner .page-width{max-width:1440px;padding:0;margin-right:auto;margin-left:auto;width:100%}@media screen and (min-width: 991px){.section-adv-videobanner .page-width{height:631px;display:flex;align-items:center}.section-adv-videobanner .page-width{margin-bottom:96px}}.vb-container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;max-width:1120px}.videobanner-background-content{max-width:1248px}.videobanner-background-content{padding:0}.section-adv-videobanner .videobanner-card{border-radius:8px;overflow:hidden;background-color:#fff;position:relative;z-index:1}.videobanner-card .videobanner-card-content{padding:24px 16px;display:flex;flex-direction:column;flex:1 0 auto}.section-adv-videobanner .videobanner-card .videobanner-card-content{padding:40px 20px}.videobanner-card .vb-card-title{line-height:1.5;font-weight:300;font-size:20px;color:#1c1c1e;margin-top:0;margin-bottom:16px}.videobanner-card .vb-card-rte{line-height:1.5;font-weight:400;font-size:16px;color:#636366;margin-bottom:32px}.videobanner-card .vb-card-rte p{margin:0}.videobanner-card .vb-progress-bar{margin-bottom:24px}.vb-progress-bar .vb-progress-bar-title{margin:0 auto 8px;line-height:1.5;font-weight:400;font-size:16px;color:#636366}.vb-progress-bar .vb-progress-bar-title .vb-progress-bar-no{line-height:1.5;font-weight:400;font-size:16px;color:#1c1c1e}.vb-progress-bar-container{width:100%;height:8px;border-radius:8px;background-color:#d1d1d6;z-index:-1;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}.vb-progress--bar{height:8px;background-size:200% 100%;border-radius:8px;transition:transform 1s ease-out .5s;transform:translate(-100%);animation:2.5s ease-in-out infinite pap-gradient}.vb-progress--bar.active{transform:translate(0)}.vb-progress-bar-container .vb-progress--bar{background:linear-gradient(90deg,#002fa7 27%,#a2b9f2 90%)}.media-vb-container{width:100%;height:100%;overflow:hidden}.video-vb-container video{display:block;opacity:1}.video-vb-container svg{width:100%;height:100%;display:block;background-color:#f4f4f4;border:1px solid #ddd}.videobanner-card-content button.modal-button{margin-top:8px;text-align:left;display:flex;align-items:center;color:#1c1c1e;font-weight:500;line-height:1;font-size:16px;background-color:transparent;border:none;cursor:pointer}@media screen and (min-width: 991px){.videobanner-background-content{padding-left:24px}.section-adv-videobanner .videobanner-card{width:50%;max-width:471px}.videobanner-card .videobanner-card-content{padding:24px}.videobanner-card .vb-card-title{font-size:24px}.videobanner-background .videobanner-background-bg{position:absolute;height:100%;width:100%;left:0;top:0}.video-vb-container video{object-fit:cover;height:100%;width:100%}}@media screen and (min-width: 1248px){.videobanner-background-content{padding:0}.section-adv-videobanner .videobanner-card .videobanner-card-content{padding:48px}}@media screen and (max-width: 990px){.video-vb-container video{display:block;opacity:1;width:100%;height:auto}}.modal{position:fixed;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%}.modal.is-visible{visibility:visible}.modal-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:#00000080;visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s}.modal.is-visible .modal-overlay{opacity:1;visibility:visible;transition-delay:0s}.modal-wrapper{position:absolute;z-index:9999;top:50%;left:50%;width:560px;max-width:90%;background-color:#fff;box-shadow:0 0 1.5em #00000059;border-radius:8px;overflow:hidden}.modal-transition{transition:all .3s .12s;transform:translate(-50%,-50%);opacity:0}.modal.is-visible .modal-transition{transform:translate(-50%,-50%);opacity:1}.modal-header,.modal-content{padding:1em}.modal-header{position:relative;background-color:#fff}.modal-close{position:absolute;top:10px;right:10px;padding:0;color:#000;background:none;border:0;cursor:pointer}.modal-close .icon.icon-close{width:16px;height:16px}.modal-close:hover{color:#777}.modal-heading{font-size:1.125em;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal-content>*:first-child{margin-top:0}.modal-content>*:last-child{margin-bottom:0}.modal-body{max-height:294px;overflow-y:auto}.modal-content{color:#636366;line-height:1.5;font-weight:400;font-size:16px}.modal-content p{font-size:16px;line-height:1.5;font-weight:400;color:#636366}.modal-content h4{margin-bottom:10px}.modal-content ul{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-adv-videobanner-progress.css.map */