.video-pop__grid{margin-top:50px;display:block}.video-pop__wrapper{max-width:1500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0 0 0 auto}.video-pop__item--list{overflow:auto;margin-right:50px;max-height:750px}.video-pop__item--list::-webkit-scrollbar{width:30px;background-color:#fff;border-radius:5px;-webkit-box-shadow:1px 1px 9px 1px rgb(0 120 17 / 18%);box-shadow:1px 1px 9px 1px #0078112e;background-image:url(../assets/scroll-line.png);background-repeat:no-repeat;background-position:center;background-size:contain}.video-pop__item--list::-webkit-scrollbar-thumb{background-color:#3ab54a;border:10px solid #fff;border-radius:30px}.video-pop__item{max-width:50%;width:100%;padding-left:15px;padding-right:15px}.video-item__list{margin:0;list-style:none;padding:0 0 0 30px}.video-item__list>*{margin-bottom:40px}.list-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;max-width:90%;-webkit-box-shadow:1px 1px 9px 1px rgb(0 120 17 / 14%);box-shadow:1px 1px 9px 1px #00781124;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;z-index:1;border-radius:10px;-webkit-padding-start:0!important;padding-inline-start:0!important}.video-item__list li:nth-child(2n-1):before{position:absolute;content:"";height:180px;width:60px;left:-30px;border:1px solid #b6f0bd;top:50%;z-index:-1;border-radius:10px;border-right:0}.video-item__list li:nth-child(2n):after{position:absolute;content:"";height:180px;width:60px;right:-30px;border:1px solid #b6f0bd;top:50%;z-index:-1;border-radius:10px;border-left:0}.list-step__number{background-color:#3ab54a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:120px;height:140px;border-top-left-radius:10px;border-bottom-left-radius:10px}.list-step__number span{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#3ab54a;font:normal 700 23px/26px var(--text-font-family)}.list-step__title{margin:0;color:#000;padding:0 70px 0 40px;width:calc(100% - 120px);background-color:#fff;font:normal 700 24px/26px var(--text-font-family);font-size:22px}.video-pop__item--poster{padding-right:0;padding-bottom:50%;position:relative;width:100%;margin:0 -15px 0 0;max-width:calc(100% + 15px);width:calc(100% + 15px)}.video-item__button{position:absolute;top:50%;left:50%;border:2px solid #fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:90px;height:90px;border-top-left-radius:30px;border-bottom-right-radius:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.video-item__button span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:50px;height:50px;background-color:#3ab54a;border-top-left-radius:20px;border-bottom-right-radius:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.video-pop__item--poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 -9px;object-position:0 -9px}.video-pop__modal{display:block}.video-item__list>:last-child:after,.video-item__list>:last-child:before{display:none}.video-pop__modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity .3s linear,visibility .3s linear;transition:opacity .3s linear,visibility .3s linear}.video-pop__modal--active{opacity:1;visibility:visible;pointer-events:all}.video-pop__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0006}.video-pop__modal-media{background-color:#fefefe;margin:auto;padding:15px;border:1px solid #888;width:90%;max-width:800px;position:relative}.video-pop__modal-media button{color:#fff;font-size:16px;font-weight:700;position:absolute;right:-10px;top:-10px;background-color:#3ab54a;padding:0;margin:0;width:30px;height:30px;line-height:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;cursor:pointer}.video-pop__modal-media iframe{display:block;width:100%;height:400px}@media (min-width:1800px){.video-pop__wrapper{margin:0 auto}.video-pop__item--poster{margin:0;max-width:100%;width:100%}}@media (max-width:1500px){.video-pop__wrapper{max-width:1250px}.list-step__number{width:100px;height:110px}.list-step__title{width:calc(100% - 100px)}.video-item__list li:nth-child(2n):after,.video-item__list li:nth-child(2n-1):before{height:150px}}@media (max-width:992px){.video-item__list{padding-left:25px}.list-step__number{width:80px;height:90px}.list-step__number span{width:40px;height:40px;font-size:18px}.list-step__title{font-size:14px;width:calc(100% - 80px);padding:0 20px}.video-item__list li:nth-child(2n):after,.video-item__list li:nth-child(2n-1):before{height:130px}.video-item__list li:nth-child(2n):after{right:-20px}.video-item__list li:nth-child(2n-1):before{left:-20px}.video-item__list{margin:0;list-style:none;padding:0 0 0 30px}}@media (max-width:768px){.video-pop__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:15px}.video-pop__item{max-width:100%;width:100%;padding-left:0;padding-right:0}.video-pop__item--list{max-height:100%;margin:0 auto}.video-pop__item--poster{padding-bottom:107%}.video-pop__modal-media iframe{height:200px}.video-pop__item--poster img{-o-object-position:0 0;object-position:0 0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-video-pop-up.css.map */