.step-guide-main{padding-top:151px;background-color:#fff;position:relative}.step-guide-main .step-container{max-width:1180px;width:100%;margin:0 auto;position:relative;z-index:1}.step-guide-main.even{background-color:#f8f8f8}.top-cut:before,.bottom-cut:after{content:"";position:absolute;height:136px;width:100%;top:0;clip-path:polygon(50% 0,100% 55%,100% 100%,0 100%,0 55%);background-color:#f8f8f8;transform:rotate(180deg)}.bottom-cut:after{transform:unset;top:unset;bottom:100%}.step-guide-main .step-title{text-align:center;overflow:hidden}.step-guide-main .step-title h3{background:#0083c1;border-radius:9px;font-weight:700;font-size:36px;line-height:39px;color:#fff;text-transform:uppercase;padding:0 5px;display:inline-block;margin:0 0 10px;position:relative}.step-guide-main .step-title h3:after,.step-guide-main .step-title h3:before{content:"";height:3px;background:#d9d9d9;width:1000px;position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 18px);right:unset}.step-guide-main .step-title h3:before{right:calc(100% + 18px);left:unset}.step-guide-main .step-title h6{font-size:26px;line-height:39px;font-weight:400;color:#000;margin-bottom:10px}.step-guide-main .step-title p{font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#cecece;max-width:744px;margin:0 auto}.step-guide-main .door-lock{display:flex;flex-wrap:wrap;padding-top:25px}.step-guide-main .door-lock .door-lock-wrap{max-width:33.33%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-guide-main .door-lock .door-lock-wrap h2{margin:0;font-weight:700;font-size:26px;line-height:39px;color:#0083c1;padding-bottom:5px;text-transform:unset;text-align:center;letter-spacing:0}.step-guide-main .door-lock .door-lock-wrap img{margin:auto;display:block;height:auto}.step-guide-main .door-lock-material .door-lock-img{padding:15px;border-radius:50%;border:1px solid #0083c1;position:relative;height:108px;width:108px;margin-bottom:27px;margin-left:auto;margin-right:auto}.step-guide-main .door-lock-material .door-lock-img img{max-height:32px;max-width:73px;height:auto;width:auto;display:block;position:absolute;bottom:50px;left:50%;transform:translate(-50%);margin-left:auto;margin-right:auto}.step-guide-main .door-lock-material .door-lock-img p{font-weight:400;font-size:12px;line-height:15px;color:#0083c1;white-space:break-spaces;text-align:center;padding-top:45px;max-width:62px;margin:0 auto}.step-guide-main .door-lock-material h6{font-weight:400;font-size:16px;line-height:18px;color:#000;margin:0 auto;text-align:center}.step-guide-main .door-lock-material{display:flex;justify-content:space-between;padding-top:37px;padding-bottom:120px;flex-wrap:wrap;max-width:950px;margin:0 auto}.step-guide-main .door-lock-material .door-mat-inner{padding:0 10px;flex:1}.step-guide-main .need-more-info{max-width:600px;text-align:center;padding-botom:44px;margin:0 auto}.step-guide-main .need-more-info h6{font-weight:700;font-size:16px;line-height:18px;text-align:center;color:#0083c1;margin-bottom:15px}.step-guide-main .need-more-info p{font-size:12px;line-height:17px;color:#000}.step-video{max-width:939px;width:100%;margin:0 auto;padding-top:44px;padding-bottom:134px}.step-video .step-video-wrap{padding-bottom:55.804%;width:100%;height:100%;position:relative}.step-video .step-video-wrap video{position:absolute;overflow:hidden;top:0;left:0;height:100%;width:100%}.step-video .step-video-wrap button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;border:unset;transition:all ease-in-out .3s;padding:0}.step-video .step-video-wrap button.deactive{opacity:0;visibility:hidden;z-index:-1}.select-pvc-strip{padding:26px 50px 0;display:flex;flex-wrap:wrap}.select-pvc-strip .select-pvc-box{max-width:calc(33.33% - 100px);width:100%;padding:7px 20px 50px;background:#fff;border:1px solid #D9D9D9;border-radius:110px;text-align:center;margin:0 50px 42px;position:relative;height:100%;overflow:hidden}.step-guide-main.step-1{padding-bottom:134px}.step-guide-main.even{padding-top:50px;bottom:100%;top:unset}.step-guide-main.even .step-container{margin-top:-120px}.select-pvc-strip .select-pvc-box img{height:auto}.select-pvc-strip .select-pvc-box .select-pvc-box-top h4{font-weight:700;font-size:23px;line-height:28px;color:#0083c1;margin:0 0 10px;padding:0;height:60px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.select-pvc-strip .select-pvc-box .select-pvc-box-top p{font-weight:400;font-size:16px;line-height:22px;text-align:center;color:#000}.select-pvc-strip .select-pvc-box .select-pvc-info{padding-bottom:20px}.select-pvc-strip .select-pvc-box .select-pvc-info:first-child{padding-top:57px}.select-pvc-strip .select-pvc-box .select-pvc-info span{display:block;font-weight:400;font-size:12px;line-height:15px;text-align:center;color:#0083c1;padding-top:2px;padding-bottom:7px}.select-pvc-strip .select-pvc-box .select-pvc-info p{font-weight:400;font-size:16px;line-height:18px;text-align:center;color:#000}.select-pvc-strip .select-pvc-box .select-pvc-box-bottom{max-height:0;visibility:hidden;overflow:hidden;opacity:0;transition:max-height ease-in-out .3s;height:auto}.select-pvc-strip .select-pvc-box.active .select-pvc-box-bottom{max-height:500px;visibility:visible;overflow:visible;opacity:1;transition:max-height .3s ease-in-out}.select-pvc-strip .select-pvc-box.active .select-pvc-box-btn button{transform:rotate(180deg)}.select-pvc-box-btn button{padding:7px;background-color:transparent;border:unset;display:block;margin:0 auto}.select-pvc-box-btn button img{display:block}.select-pvc-box-btn{position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.bottom-cut.odd{background-color:#fff}.bottom-cut.step-3:before{transform:rotate(180deg);top:0}.step-guide-main.step-3 .step-container{padding-top:50px}.step-guide-main .step-guideline .progressAnimation{height:56px;background-color:#0083c1;transition:all ease-in-out .5s;width:0px}.progressAnimation-wrap{position:relative}.progressAnimation-wrap span{position:absolute;color:#fff;top:50%;transform:translateY(-50%);padding-left:6px;font-weight:700;font-size:16px;line-height:39px}.progressAnimation-wrap .progressAnimation span{position:absolute;top:50%;transform:translateY(-50%);color:#fff;padding-left:6px}.step-guideline-inner{padding-bottom:16px}.step-guideline-inner p{margin-bottom:10px;font-weight:400;font-size:14px;line-height:22px}.step-guideline{padding-top:78px;padding-bottom:20px}.step-guideline h2{font-weight:700;font-size:26px;line-height:39px;color:#0083c1;margin-bottom:20px;text-transform:inherit;letter-spacing:0}.step-guideline .step-guide-note{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#cecece;max-width:682px;display:block;padding-top:6px;padding-bottom:19px}.step-overlap-wrap{max-width:734px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;padding-top:65px;padding-bottom:100px}.step-overlap-wrap .step-overlap-inner{max-width:calc(50% - 20px);margin:0 10px 20px}.step-overlap-wrap .step-overlap-inner .step-overlap-inner-box{background:#fff;border:1px solid #D9D9D9;border-radius:47px;padding:15px;height:100%;display:flex;flex-direction:column}.step-overlap-wrap .step-overlap-inner-box img{display:block;margin:0 auto 10px}.step-overlap-wrap .step-overlap-inner-box p{font-weight:700;font-size:26px;line-height:35px;text-align:center;color:#0083c1;margin-bottom:10px}.step-overlap-wrap .step-overlap-inner-box span{font-weight:400;font-size:16px;line-height:22px;color:#000;display:block;text-align:center;margin-top:auto}.step-guide-main.step-3{padding-bottom:140px}.back-to-top button{padding:0;background-color:transparent;border:unset;margin:0 auto;display:block}.back-to-top button:hover,.back-to-top button:focus,.select-pvc-box-btn button:hover,.select-pvc-box-btn button:focus{background-color:transparent;box-shadow:none}.back-to-top{padding-bottom:60px}.back-to-top span{font-weight:300;font-size:26px;line-height:39px;text-align:center;text-transform:uppercase;color:#000;padding-top:15px;margin:0;display:block}.back-to-top img{display:block;margin:0 auto}.step-4.top-cut:before{bottom:unset;top:100%}.form-icon-wrap img{position:absolute;top:11px;left:11px;display:block;max-width:20px;width:100%;height:auto}.progressbar-active{animation-name:progress;animation-duration:1s;animation-fill-mode:forwards;animation-delay:.4s}h1.product-single__title{text-align:center;margin-bottom:1.75rem}.container-page-width .grid__item{float:left;padding-left:30px;width:100%}.container-page-width .grid:after{content:"";display:table;clear:both}.container-page-width .grid{list-style:none;padding:0;margin:0 0 0 -30px}.related_doc{margin:30px 0 50px}.related_doc a{text-decoration:underline}.related_doc h4{margin-bottom:10px}@keyframes progress{0%{width:0}to{width:100%}}@media only screen and (max-width:1500px){.step-guide-main,.step-guide-main.step-3{padding-bottom:100px}}@media only screen and (max-width:1200px){.step-guide-main .step-container{max-width:100%;padding:0 20px}.step-guide-main .step-title h3{font-size:26px;line-height:36px}.step-guide-main .step-title h6{font-size:20px;line-height:30px}.step-guide-main .step-title p{font-size:12px;line-height:14px}.step-guide-main .door-lock .door-lock-wrap h2{font-size:20px;line-height:22px}.step-guide-main .door-lock-material .door-lock-img img{max-height:25px;max-width:50px}.step-guide-main .door-lock-material .door-lock-img{padding:12px;height:100px;width:100px}.step-guide-main .door-lock-material h6{font-size:14px;line-height:17px}.step-guide-main .door-lock-material{padding-bottom:90px}.step-video .step-video-wrap button{max-width:90px}.step-video{padding-bottom:90px;max-width:767px}.step-guide-main .step-title h3:after,.step-guide-main .step-title h3:before{height:2px}.select-pvc-strip .select-pvc-box .select-pvc-box-top h4{font-size:20px;line-height:24px;height:60px}.select-pvc-strip .select-pvc-box .select-pvc-box-top p{font-size:14px;line-height:20px}.select-pvc-strip .select-pvc-box{padding:7px 20px 40px}.step-guide-main{padding-bottom:140px}.step-overlap-wrap .step-overlap-inner-box p{font-size:20px;line-height:24px}.step-overlap-wrap .step-overlap-inner-box span{font-size:14px}.step-guide-main .step-guideline .progressAnimation{height:46px}.progressAnimation-wrap span{font-size:14px;line-height:26px}.select-pvc-strip .select-pvc-box{border-radius:55px}}@media only screen and (max-width:991px){.step-guide-main .door-lock-material .door-mat-inner{padding:0 5px}.step-guide-main .door-lock-material h6{font-size:12px;line-height:16px}.step-guide-main .door-lock-material .door-lock-img{margin-bottom:15px}.step-guide-main .door-lock-material{padding-bottom:70px}.select-pvc-strip .select-pvc-box{margin:0 20px 42px;max-width:calc(33.33% - 40px)}.step-guide-main{padding-bottom:0}.step-overlap-wrap{padding-top:60px;padding-bottom:70px}.back-to-top span{font-size:16px;line-height:26px;padding-top:10px}.back-to-top img{max-width:25px;height:auto}.top-cut:before,.bottom-cut:after{height:100px}.contact-form .btn{font-size:14px}.select-pvc-strip{padding:26px 0 0}.step-guide-main.even .step-container{margin-top:-80px}}@media only screen and (max-width:767px){.select-pvc-strip .select-pvc-box{margin:0 10px 30px;max-width:calc(50% - 20px)}.select-pvc-strip{padding:26px 0 0}.step-overlap-wrap .step-overlap-inner-box p{font-size:16px;line-height:20px}.step-overlap-wrap .step-overlap-inner-box span{font-size:12px;line-height:18px}.step-guide-main .door-lock-material .door-mat-inner{padding:0 5px 10px 0}.step-guide-main .door-lock-material .door-lock-img{margin-bottom:5px}.step-guide-main .door-lock .door-lock-wrap h2{font-size:16px;line-height:20px}.step-guide-main .door-lock-material{padding-bottom:50px}.step-video{padding-bottom:20px}.step-guide-main{padding-top:90px}.step-guideline h2{font-size:20px;margin-bottom:15px}.step-guide-main .step-title h3{font-size:20px;line-height:30px}.top-cut:before,.bottom-cut:after{height:80px}.select-pvc-strip .select-pvc-box{border-radius:40px}.step-overlap-wrap .step-overlap-inner .step-overlap-inner-box{border-radius:15px}.select-pvc-strip .select-pvc-box .select-pvc-box-top h4{height:unset;text-overflow:unset;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset}}@media only screen and (min-width: 750px){.container-page-width{max-width:85vw;margin:0 auto}.container-page-width .medium-up--one-third{width:33.33333%}}@media only screen and (max-width:749px){div#shopify-section-product-calc{width:80%;display:block;margin:auto}.container-page-width{max-width:90%;margin:0 auto}.container-page-width .grid{margin-left:-0px}.container-page-width .grid__item{padding-left:0}}@media only screen and (max-width:550px){.select-pvc-strip .select-pvc-box{margin:15px 0;max-width:100%}.step-overlap-wrap .step-overlap-inner{max-width:100%;margin:15px 0}.step-overlap-wrap .step-overlap-inner{max-width:100%;margin:15px 0;width:100%}.step-overlap-wrap{padding-top:30px;padding-bottom:30px}.step-guide-main .step-guideline .progressAnimation{height:35px}.progressAnimation-wrap span{font-size:12px;line-height:16px}.step-guideline-inner p{font-size:12px;line-height:16px;margin-bottom:5px}.step-guideline h2{letter-spacing:0;font-size:18px;margin-bottom:15px;line-height:28px}.step-video .step-video-wrap button{max-width:35px}.step-guide-main .step-title h6{font-size:16px;line-height:20px}.step-overlap-wrap{padding-top:15px;padding-bottom:15px}}@media only screen and (max-width: 728px){.toi_inner div p{font-size:4vw}}
/*# sourceMappingURL=/s/files/1/0178/0911/3142/t/9/assets/custom.css.map */