.structural-points-wrapper{background-color:#252d30;color:#fff;padding-bottom:100px;padding-top:80px}.structural-points-wrapper .container{margin-left:auto;margin-right:auto;max-width:1140px;padding-left:15px;padding-right:15px;width:100%}.structural-points-wrapper .diagram-header{margin-bottom:40px;text-align:center}.structural-points-wrapper .diagram-header h2{color:#fff;font-size:33px;font-weight:600;line-height:1.2;margin-bottom:30px}.structural-points-wrapper .diagram{position:relative}.structural-points-wrapper .diagram__image-wrap{margin-bottom:30px;position:relative}.structural-points-wrapper .product-media img{display:block;line-height:0;margin-top:20px;width:100%}.structural-points-wrapper .diagram-list{list-style:none;margin:0;padding:0}.structural-points-wrapper .diagram-list li{line-height:1.5;margin:.5rem 0 0 2rem}.structural-points-wrapper .diagram-list--points .diagram-list__btn,.structural-points-wrapper .diagram-list__btn-count{align-items:center;background-color:var(--color-green);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;line-height:24px;min-width:24px;width:24px}.structural-points-wrapper .diagram-list--points .diagram-list__btn{align-items:center;background-color:var(--color-green);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px!important;font-weight:700;height:30px!important;justify-content:center;margin:0!important;min-width:24px;width:30px!important}.structural-points-wrapper .diagram__image-wrap img{display:block;line-height:0;margin-top:20px;width:100%}.structural-points-wrapper .diagram-list--points .diagram-list__btn{height:30px;line-height:30px;position:absolute;width:30px}.structural-points-wrapper .diagram-list--points .diagram-list__btn--1{right:43.5%;top:7.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--2{right:27%;top:14.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--3{right:21.5%;top:37%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--4{left:14%;top:52.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--5{left:20%;top:21%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--6{left:34.5%;top:10.5%}.structural-points-wrapper .diagram-list--key{border-top:1px solid #fff;-webkit-column-count:2;-moz-column-count:2;column-count:2;padding-top:30px}.structural-points-wrapper .diagram-list__item{margin:0 0 15px;min-height:39px}.structural-points-wrapper .diagram-list--key .diagram-list__btn{-webkit-appearance:button;background-color:transparent!important;border:none;border:0!important;color:#fff;display:flex;font-weight:400;letter-spacing:0;line-height:1.5!important;margin:0!important;padding:0 100px 0 0;padding:0 100px 0 0!important;text-align:left}.structural-points-wrapper .diagram-list li{margin-bottom:15px;margin-left:0;margin-top:0}.structural-points-wrapper .diagram-list__btn-text{font-size:15px;margin-left:8px;padding-top:1px;position:relative;text-transform:uppercase}.structural-points-wrapper .diagram-list__btn-text:after{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:20px;opacity:0;position:absolute;right:-30px;top:3px;transform:scale(.7) rotate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:20px}.structural-points-wrapper .diagram-list--key .diagram-list__btn:active .diagram-list__btn-text:after,.structural-points-wrapper .diagram-list--key .diagram-list__btn:focus .diagram-list__btn-text:after,.structural-points-wrapper .diagram-list--key .diagram-list__btn:hover .diagram-list__btn-text:after{opacity:1;-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg)}.structural-points-wrapper .diagram-list--points .diagram-list__btn:after{border-radius:50%;box-shadow:0 0 0 8px hsla(0,0%,75%,.5);content:"";height:100%;opacity:0;position:absolute;transition:opacity .2s ease-in-out;width:100%}.structural-points-wrapper .diagram-list--points .diagram-list__btn:hover .diagram-list__btn-icon,.structural-points-wrapper .diagram-list--points .diagram-list__btn:hover:after,.structural-points-wrapper.diagram-list--points .diagram-list__btn:active:after,.structural-points-wrapper.diagram-list--points .diagram-list__btn:focus:after{opacity:1}.structural-points-wrapper .diagram-list__btn-icon{height:18px;left:0;margin:-3px 0 0 -3px;opacity:0;position:absolute;top:0;transform:translate(50%,50%) rotate(45deg);width:18px}.structural-points-wrapper .diagram-list--points .diagram-list__btn:hover .diagram-list__btn-count{display:none}.structural-points-wrapper .diagram-list--key .diagram-list__btn{cursor:pointer}.structural-points-wrapper .diagram__image-wrap img{height:auto}@media(max-width:1199px){.structural-points-wrapper .container{max-width:992px}.structural-points-wrapper .diagram-list--key .diagram-list__btn{cursor:pointer;padding-right:30px!important}}@media(max-width:991px){.structural-points-wrapper .container{max-width:768px}.structural-points-wrapper .diagram-list__btn-text{font-size:14px}.structural-points-wrapper .diagram-header{margin-bottom:20px}.structural-points-wrapper .diagram-list--points .diagram-list__btn--1{right:43%;top:6%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--4{left:13%;top:51.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--5{top:20%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--6{top:9%}}@media(max-width:767px){.structural-points-wrapper .container{max-width:575px}.structural-points-wrapper .diagram-list--points .diagram-list__btn--1{right:41.5%;top:4.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--2{top:11.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--4{left:12%;top:49%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--5{left:18%;top:17.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--6{left:35.5%;top:6.5%}.structural-points-wrapper .diagram-list--key{-webkit-column-count:1;-moz-column-count:1;column-count:1}.structural-points-wrapper .diagram-list__item{min-height:1px}}@media(max-width:575px){.structural-points-wrapper .container{max-width:320px}.structural-points-wrapper .diagram-list--points .diagram-list__btn--1{right:38.5%;top:1.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn,.structural-points-wrapper .diagram-list__btn-count{font-size:11px}.structural-points-wrapper .diagram-list--points .diagram-list__btn{border:0!important;height:24px!important;line-height:24px!important;min-width:auto;padding:0!important;width:24px!important}.structural-points-wrapper .diagram-list--points .diagram-list__btn--2{right:23%;top:10.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--4{left:11%;top:46.5%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--5{left:14%;top:18%}.structural-points-wrapper .diagram-list--points .diagram-list__btn--6{left:34.5%;top:3.5%}.structural-points-wrapper .diagram-list__btn-text{font-size:14px;font-size:13px;padding-top:3px}.structural-points-wrapper .diagram-list--key .diagram-list__btn{padding:0!important}.structural-points-wrapper .diagram-list__btn-text:after{display:none}.structural-points-wrapper .diagram-list--points .diagram-list__btn--3{right:20.5%;top:37%}}