.page-brand-story{color:#000;font-size:1.125rem;background-color:#fff}.page-brand-story .gp-blog-content{padding:50px 1rem}.page-brand-story .text-green{color:#30b700}.page-brand-story .gap-4rem{height:40px}.page-brand-story .gap-5rem{height:50px}@media (max-width: 992px){.page-brand-story .container{max-width:inherit}}@media (max-width: 767px){.page-brand-story .mb-pt-0{padding-top:0}}.page-brand-story .gp-blog-banner{text-align:center;color:#fff;position:relative;overflow:hidden}.page-brand-story .gp-blog-banner .banner-content{position:relative;z-index:10;margin:0 auto}.page-brand-story .gp-blog-banner .banner-content .banner-image{position:relative;z-index:9}.page-brand-story .gp-blog-banner .banner-content .banner-image img{width:100%}.page-brand-story .gp-blog-banner .banner-content .banner-text{margin:0 auto;padding:3rem 1rem;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background:#0006}.page-brand-story .gp-blog-banner .banner-content .banner-text h1{font-size:42px;line-height:60px;font-weight:600;margin:0 0 2rem}@media (max-width: 1024px) and (min-width: 481px){.page-brand-story .gp-blog-banner .banner-content .banner-text h1{font-size:36px;line-height:42px;margin:0 0 .5rem}.page-brand-story .gp-blog-banner .banner-content .banner-text h2{margin:0 0 .5rem}.page-brand-story .gp-blog-banner .banner-content .banner-text p{width:95%}}@media (max-width: 480px){.page-brand-story .gp-blog-banner .banner-content .banner-text h1{font-size:28px;line-height:36px;margin:0 0 .5rem}.page-brand-story .gp-blog-banner .banner-content .banner-text h2{margin:0 0 .5rem}.page-brand-story .gp-blog-banner .banner-content .banner-text p{width:88%}}.page-brand-story .gp-blog-title{position:relative;z-index:2;text-align:center;margin:0}.page-brand-story .gp-blog-title h2{font-size:32px;line-height:32px;font-weight:600;margin:0 0 2rem;color:#000}.page-brand-story .gp-blog-title h1,.page-brand-story .gp-blog-title h3{font-size:46px;line-height:38px;font-weight:600;margin:0;color:#000;padding:60px 0 20px}.page-brand-story .gp-blog-title p{width:75%;padding:0;margin:0 auto 1rem;font-size:18px;line-height:28px;color:#000}.page-brand-story .gp-blog-title .p{width:75%;margin:0 auto}.page-brand-story .gp-blog-title .pw{width:auto!important}.page-brand-story .gp-blog-title *:last-child{margin-bottom:0}@media (max-width: 1024px){.page-brand-story .gp-blog-title p,.page-brand-story .gp-blog-title .p{width:95%}}@media (max-width: 768px){.page-brand-story .gp-blog-title p,.page-brand-story .gp-blog-title .p{width:auto}}@media (max-width: 720px){.page-brand-story .gp-blog-title h1,.page-brand-story .gp-blog-title h3{font-size:28px!important;line-height:36px!important}}@media (min-width: 721px){.page-brand-story .gp-blog-title p{max-width:730px}}.page-brand-story .gp-blog-buttons a{display:block;margin-top:1rem}.page-brand-story .gp-blog-content{position:relative;z-index:2;margin-top:80px;background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat}.page-brand-story .gp-blog-content .container>div:first-child{margin-top:0}.page-brand-story .gp-blog-content .container>div:last-child{margin-bottom:0}.page-brand-story .gp-blog-content-white{background-color:#fff}.page-brand-story .gp-blog-content-green{background-color:#81bb00;color:#fff}.page-brand-story .gp-blog-content-green .gp-blog-title *{color:#fff}.page-brand-story .gp-blog-content-border-b:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);max-width:1200px;border-bottom:1px solid #979797}@media (max-width: 767px){.page-brand-story .gp-blog-side-contents .gp-blog-content{padding:0 1rem 2rem}}.page-brand-story .gp-blog-side-content{position:relative;z-index:2;margin-top:78px;margin-bottom:78px}.page-brand-story .gp-blog-side-content h3{font-size:24px;line-height:28px;font-weight:700;margin:0 0 1.5rem}.page-brand-story .gp-blog-side-content p{font-size:18px;line-height:28px;color:#000;padding:0;margin:0 0 2rem}@media (min-width: 768px){.page-brand-story .gp-blog-side-content>div:first-child{padding-right:35px}.page-brand-story .gp-blog-side-content>div:last-child{padding-left:35px}.page-brand-story .gp-blog-side-content>div>*:last-child{margin-bottom:0}}@media (max-width: 767px){.page-brand-story .gp-blog-side-content{text-align:center}.page-brand-story .gp-blog-side-content>img,.page-brand-story .gp-blog-side-content>div>img{margin-left:-31px;margin-right:-31px;max-width:inherit;width:calc(100% + 62px);padding-bottom:4rem}.page-brand-story .gp-blog-side-content>img{padding-bottom:0;margin-bottom:-2rem}}@media (max-width: 480px){.page-brand-story .gp-blog-side-content .buttons{display:flex;flex-wrap:wrap;justify-content:center;margin:1rem -1rem}.page-brand-story .gp-blog-side-content .buttons br{display:none}.page-brand-story .gp-blog-side-content .buttons.buttons-block .button{flex:1 0 calc(100% - 2rem);max-width:inherit}}@media (max-width: 374px){.page-brand-story .gp-blog-side-content .buttons .button{flex:1 0 calc(100% - 2rem);max-width:inherit}}.page-brand-story .gp-blog-item-lists{position:relative;z-index:2;justify-content:center;text-align:center}.page-brand-story .gp-blog-item-lists>div{margin-bottom:2rem}.page-brand-story .gp-blog-item-lists>div:last-child{margin-bottom:0!important}@media screen and (max-width: 991px){.page-brand-story .gp-blog-item-lists>div{margin-bottom:4rem}}.page-brand-story .gp-blog-item-list{height:100%;display:flex;flex-direction:column}.page-brand-story .gp-blog-item-list .number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 1rem;font-weight:700;border-radius:50%;border:2px solid #30B700;color:#30b700;font-size:22px}.page-brand-story .gp-blog-item-list .icon{display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.page-brand-story .gp-blog-item-list .text{padding:0 1rem;display:flex;flex-direction:column;justify-content:space-between;flex:1}.page-brand-story .gp-blog-item-list .text h3{font-size:24px;line-height:28px;color:#81bb00;font-weight:600;margin:0 0 1.5rem;padding:0}.page-brand-story .gp-blog-item-list .text p{font-size:18px;line-height:28px;margin:0;padding:0}@media (max-width: 767px){.page-brand-story .gp-blog-content-banner{padding-top:0}}.page-brand-story .gp-highlight{display:flex;align-items:center;justify-content:center;font-size:14px;line-height:28px;text-align:center}.page-brand-story .gp-highlight>div+div{padding:0 0 0 60px}.page-brand-story .gp-highlight>div>div.text-green{display:flex;align-items:center;height:80px}.page-brand-story .gp-highlight>div>div.text-green span+span{margin-left:10px}@media (max-width: 992px){.page-brand-story .gp-highlight>div+div{padding:0 0 0 30px}}@media (max-width: 767px){.page-brand-story .gp-highlight{display:block;text-align:center}.page-brand-story .gp-highlight>div{display:inline-block;text-align:left;padding:0 30px}.page-brand-story .gp-highlight>div:before,.page-brand-story .gp-highlight>div:after{content:"";display:block;clear:both}.page-brand-story .gp-highlight>div:first-child{justify-content:center}.page-brand-story .gp-highlight>div+div{padding:30px 0 0}}@media (max-width: 720px){.page-brand-story .gp-highlight{margin-bottom:80px}.page-brand-story .gp-highlight span,.page-brand-story .gp-highlight p{text-align:center}.page-brand-story .gp-highlight>div:nth-child(2){display:block;width:100%;padding-bottom:60px}}@media (min-width: 721px){.page-brand-story .gp-highlight>div+div{padding:0 0 0 120px}}@media screen and (min-width: 768px) and (max-width: 1024px){.page-brand-story .gp-highlight>div+div{padding:0 0 0 80px}}.page-brand-story .gp-timeline ul{list-style:none;margin:0;padding:0;position:relative}.page-brand-story .gp-timeline ul:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#30b700;display:block;height:100%;width:2px}.page-brand-story .gp-timeline li{display:flex;position:relative;z-index:1}.page-brand-story .gp-timeline li+li{margin:40px 0 0}.page-brand-story .gp-timeline li.start .timeline-dot,.page-brand-story .gp-timeline li.end .timeline-dot{height:48px;border-radius:99px;border:4px solid #fff;background:#30b700;color:#fff;padding:6px 0;font-size:18px;line-height:28px;text-align:center;width:100px}.page-brand-story .gp-timeline li.circle .timeline-dot{width:38px;height:38px}.page-brand-story .gp-timeline li.circle .timeline-dot:before{border:6px solid #30B700;width:100%;height:100%;border-radius:99px;background:#fff}.page-brand-story .gp-timeline li.dot .timeline-dot{width:26px;height:26px;top:11px}.page-brand-story .gp-timeline li.dot .timeline-dot:before{border:4px solid #fff;width:100%;height:100%;border-radius:99px;background:#30b700}.page-brand-story .gp-timeline li.dot .timeline-dot:after{display:none!important}.page-brand-story .gp-timeline li.left{justify-content:flex-start;text-align:right}.page-brand-story .gp-timeline li.left>div{padding-right:70px}.page-brand-story .gp-timeline li.left .timeline-dot{left:100%}.page-brand-story .gp-timeline li.left .timeline-dot:after{right:50%}.page-brand-story .gp-timeline li.right{justify-content:flex-end;text-align:left}.page-brand-story .gp-timeline li.right>div{padding-left:70px}.page-brand-story .gp-timeline li.right .timeline-dot{left:0%}.page-brand-story .gp-timeline li.right .timeline-dot:after{left:50%}.page-brand-story .gp-timeline li.end{background:#fff;justify-content:center}.page-brand-story .gp-timeline li.end>div{padding-top:70px;width:auto;max-width:280px}.page-brand-story .gp-timeline li.end .timeline-dot{left:50%}.page-brand-story .gp-timeline li.end .timeline-dot:after{display:none}.page-brand-story .gp-timeline li>div{width:50%;position:relative}.page-brand-story .gp-timeline .timeline-dot{display:inline-block;position:absolute;top:0;transform:translate(-50%)}.page-brand-story .gp-timeline .timeline-dot:before{content:"";position:absolute;top:0;left:0;z-index:2;display:block}.page-brand-story .gp-timeline .timeline-dot:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:60px;height:2px;display:block;background:#30b700;z-index:1}.page-brand-story .gp-timeline .timeline-dot>span{position:relative;z-index:5}.page-brand-story .gp-timeline .timeline-year{color:#30b700;font-size:40px;line-height:48px}.page-brand-story .gp-timeline .timeline-text{font-size:18px;line-height:28px;margin:20px 0 0}.page-brand-story .gp-timeline .timeline-text small{font-size:12px;line-height:20px;display:block;margin:4px 0 0}.page-brand-story .gp-timeline .timeline-img{display:inline-block;margin:20px 0 0}@media screen and (max-width: 920px){.page-brand-story .gp-timeline{padding:0 30px}.page-brand-story .gp-timeline ul:before{left:0}.page-brand-story .gp-timeline li{justify-content:flex-start!important;text-align:left!important}.page-brand-story .gp-timeline li>div{width:100%!important;padding-left:70px!important;padding-right:0!important}.page-brand-story .gp-timeline li.end{position:relative;left:-35px}.page-brand-story .gp-timeline li.end>div{padding-left:0!important}.page-brand-story .gp-timeline li.end .timeline-dot{left:35px!important}.page-brand-story .gp-timeline .timeline-dot{left:0%!important}.page-brand-story .gp-timeline .timeline-dot:after{left:50%!important}}@media screen and (max-width: 767px){.page-brand-story .gp-timeline{padding-right:0}.page-brand-story .gp-timeline ul:before{width:6px}.page-brand-story .gp-timeline li+li{margin:80px 0 0}.page-brand-story .gp-timeline li>div{padding-left:60px!important}.page-brand-story .gp-timeline li.start .timeline-dot,.page-brand-story .gp-timeline li.end .timeline-dot{width:85px;font-size:16px;line-height:28px;height:40px;padding:2px 0}.page-brand-story .gp-timeline li.end{left:-25px}.page-brand-story .gp-timeline li.end>div{padding-top:55px}.page-brand-story .gp-timeline li.end .timeline-dot{left:25px!important}.page-brand-story .gp-timeline li.end .timeline-text{left:0}.page-brand-story .gp-timeline li.end .timeline-img{left:-20px}.page-brand-story .gp-timeline li.dot .timeline-year{padding-top:10px;position:relative;left:-40px}.page-brand-story .gp-timeline .timeline-year{font-size:24px;line-height:28px;padding-top:5px}.page-brand-story .gp-timeline .timeline-dot:after{width:50px;height:3px}.page-brand-story .gp-timeline .timeline-text{position:relative;left:-40px;font-size:16px;line-height:24px}.page-brand-story .gp-timeline .timeline-img{position:relative;left:-40px}}@media screen and (max-width: 720px){.page-brand-story .gp-timeline .timeline-year{color:#fff;font-size:20px;text-align:center;line-height:30px;position:absolute;background:#30b700;width:80px;height:30px;border-radius:50px;left:-75px;top:0;z-index:99;padding:0}.page-brand-story .gp-timeline .timeline-text{width:120%!important}.page-brand-story .gp-timeline .timeline-text br{display:none!important}}@media screen and (min-width: 721px){.page-brand-story .gp-timeline .timeline-year{color:#fff;font-size:30px;text-align:center;line-height:54px;position:absolute;background:#30b700;width:130px;height:54px;border-radius:50px;left:-165px;top:0}}.page-brand-story .double-dv .tooltip{font-size:20px;line-height:22px;color:#999;font-style:normal;display:inline-block}.page-brand-story .double-dv .tooltip:before{border:none;border-left:1px solid #ccc;border-top:1px solid #ccc;display:block;width:10px;height:10px;z-index:11;transform:translate(-50%,4px) rotate(45deg)!important;transform-origin:center center;background:#fff}.page-brand-story .double-dv .tooltip:after{display:none}.page-brand-story .double-dv .timeline-text-tooltip{position:relative}.page-brand-story .double-dv .timeline-text-tooltip:after{content:attr(aria-label);position:absolute;top:calc(100% + 5px);left:20px;right:20px;font-size:14px;line-height:22px;border:1px solid #ccc;padding:20px;border-radius:12px;color:#999;white-space:normal;text-align:left;background:#fff;transform:none!important;transition:all .18s ease-out .18s;opacity:0}.page-brand-story .double-dv .timeline-text-tooltip.hover:after{opacity:1}@media (max-width: 720px){.page-brand-story .double-dv .timeline-text-tooltip:after{left:-60px;right:-20px}}.brand-story-content{position:relative;background-image:url(https://cdn.shopify.com/s/files/1/0027/5683/7411/files/brand-story-timeline-border.svg);background-repeat:repeat-y}.brand-story-content:before{content:"";width:20px;height:20px;background:#30b700;position:absolute;left:-8px;top:0;border-radius:50px}.brand-story-content:after{content:"";width:20px;height:20px;border:3px solid #30B700;position:absolute;left:-8px;bottom:-18px;border-radius:50px}.brand-section-title{padding:40px 0}.brand-section-title h3{font-size:28px;line-height:32px;font-weight:700}.brand-section-title p{font-size:20px;line-height:26px;font-weight:400}.pxs-video .video-overlay img{opacity:1}.pxs-video .video-overlay-button-primary .video-play-button{background-color:unset}.pxs-video .video-overlay-button-primary .video-play-button .green-play{display:none}.pxs-video .video-overlay-button-primary .video-play-button:hover .green-play{display:block}.pxs-video .video-overlay-button-primary .video-play-button:hover .white-play{display:none}.brand-section-main{position:relative;z-index:1}.brand-section-2 .timeline-img{position:relative}.brand-section-2 .timeline-img img:nth-of-type(2){position:absolute;bottom:25%;left:44%}.brand-section-3 span{font-size:20px;line-height:26px}.brand-section-3 p{font-size:14px;line-height:18px}.brand-section-8 .double-dv .timeline-img,.brand-section-8 .double-dv .timeline-text{width:100%}.brand-section-11{position:relative;z-index:11}.brand-section-11 .double-dv .timeline-img,.brand-section-11 .double-dv .timeline-text{width:100%}.small-text{text-align:center}.para{color:#000;text-align:center;font-size:15px;line-height:18px}.battery-exp{font-size:80px;line-height:94px;font-weight:700;letter-spacing:2px}.text-green1 p{line-height:18px;padding-top:4px;color:#000;font-size:15px;padding-bottom:0}.text-green1 p .font-xs-sm{display:inline-block;color:#000;font-size:11px;line-height:13px;font-style:normal}.text-green1 span{display:block;color:#30b700}span.num-1{font-size:80px;line-height:80px;font-weight:700}span.num-2{font-size:26px;line-height:30px;font-weight:700}span.five{font-size:80px;line-height:94px;font-weight:700}.first-dv>span{font-size:40px;line-height:30px;font-weight:700;display:flex;margin-left:12px}.first-dv>span+span{font-size:27px;line-height:30px;font-weight:700;display:flex;margin-left:12px!important}@media screen and (max-width: 720px){.dt{display:none}.div-2{padding-top:60px!important}.page-brand-story .gp-blog-content{background-image:url(https://cdn.shopify.com/s/files/1/0027/5683/7411/files/img-cpp-brandstory-dynamic-bg-mb.jpg);background-position:top!important}.brand-story-content{padding-left:50px;background-position:13px}.brand-story-content:before,.brand-story-content:after{left:5px!important}.brand-section-main{padding:50px 0}.brand-section-7 .timeline-text{padding-left:12px}}@media screen and (min-width: 721px){.mb{display:none}.page-brand-story .gp-blog-content{background-image:url(https://cdn.shopify.com/s/files/1/0027/5683/7411/files/img-cpp-brandstory-dynamic-bg-dt.jpg)}.pxs-video{margin-top:40px}.brand-story-content{max-width:850px;margin:80px auto;padding-left:100px}.brand-section-main{padding:50px 0}.brand-section-1 img.dt{width:50%}.brand-section-1 .timeline-text{padding-left:30px}.brand-section-3{padding:90px 0}.brand-section-4 img.dt{width:45%}.brand-section-5 img.dt{width:68%}.brand-section-5 .timeline-text{position:absolute;right:5%;bottom:0}.brand-section-6 img.dt{width:50%}.brand-section-7 img.dt{width:80%}.brand-section-7 .timeline-text{padding-left:36px}.brand-section-8 .double-dv .timeline-img,.brand-section-8 .double-dv .timeline-text{padding:0 20px}.brand-section-9 img.dt{width:50%}.brand-section-10 .timeline-text{padding-left:56px}.brand-section-11 .gp-timeline>.timeline-img img.dt{width:60%}.brand-section-11 .double-dv{align-items:flex-end}.brand-section-11 .double-dv>div{top:0}.brand-section-11 .double-dv .timeline-img,.brand-section-11 .double-dv .timeline-text{padding:0 20px}.brand-section-12 img.dt{width:75%}.double-dv{display:flex;flex-wrap:wrap;align-items:center}.double-dv .timeline-img,.double-dv .timeline-text,.double-img{width:50%}.double-img:nth-of-type(2){position:relative;top:62px}@keyframes fadeInUp{0%{transform:translate3d(0,80px,0)}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{transform:translate3d(0,80px,0)}to{transform:translateZ(0);opacity:1}}.animated{animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:both}.animated1{animation-duration:2s;animation-fill-mode:both;-webkit-animation-duration:2s;-webkit-animation-fill-mode:both}.animated2{animation-duration:2.5s;animation-fill-mode:both;-webkit-animation-duration:2.5s;-webkit-animation-fill-mode:both}.animated3{animation-duration:3s;animation-fill-mode:both;-webkit-animation-duration:3s;-webkit-animation-fill-mode:both}.animatedFadeInUp{opacity:0}.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}}@media screen and (min-width: 768px) and (max-width: 1024px){.brand-story-content{margin-left:80px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/page-brand-story.scss.css.map */