@keyframes slideopen{0%{opacity:0;height:0px}50%{opacity:1;height:100px}100%{opacity:1;height:auto}}@keyframes slideclose{0%{opacity:1;height:auto}50%{opacity:1;height:100px}100%{opacity:0;height:0px}}.vid-pop-btn{box-sizing:border-box;width:100%;text-align:center;-webkit-font-smoothing:antialiased;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;display:inline-block;font-weight:normal;text-align:center;text-decoration:none;font-family:sans-serif;background:#fff;color:#fff;border-radius:6px;border-width:0px;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;text-shadow:none;line-height:1.5em;padding:6px 18px;Background:#556d76;Border-radius:0px;color:#fff;padding:10px 40px;text-decoration:uppercase;font-size:14px;font-family:"Montserrat";font-style:normal;font-weight:700;letter-spacing:3px}.vid-pop-btn:hover{Background:#fff;Border-radius:0px;Border:#556d76 1px solid;color:#556d76}.video-pop-wrapper{display:flex;justify-content:center;align-items:center;text-align:center;position:fixed;top:0;bottom:0;right:0;left:0;z-index:999;transition:.5s all;opacity:1;transform:translateY(0)}.video-pop-wrapper video{width:100%;height:100%}.video-pop{max-width:70%;max-height:75%;position:relative}.video-pop i{cursor:pointer;font-size:40px;position:absolute;top:-15px;left:-15px;color:#434f51;border-radius:50%;background:white;width:30px;line-height:.8}.video-pop i:before{margin-left:-3px}.hide-video{display:none !important;opacity:0;transform:translateY(300px)}img{max-width:100%}.container{width:1200px;margin:0 auto;max-width:90%}@media(min-width:1050px){.roadmap{height:560px;position:relative;z-index:1}.roadmap .container{display:-webkit-flex;display:flex;height:100%}.roadmap .band{position:absolute;z-index:1;pointer-events:none;left:0;top:50%;width:100%;height:160px;margin-top:-80px;background:url(https://cdn2.hubspot.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-dark.jpg) center no-repeat;background-size:cover}.roadmap .band .wave{height:200px;margin-top:-20px;background:url(https://www.thompsonremodeling.com/hubfs/images/bandwave.png) center no-repeat;background-size:contain}.roadmap-item{flex:1 auto;padding:10px;position:relative;width:25%}.roadmap-item .item-box{position:absolute;z-index:0;bottom:310px;width:90%;margin:0 5%;border-radius:10px 10px 0 0;padding:5px 20px 50px;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:-moz-linear-gradient(top,rgba(213,236,239,1) 0%,rgba(213,236,239,1) 85%,rgba(213,236,239,0) 100%);background:-webkit-linear-gradient(top,rgba(213,236,239,1) 0%,rgba(213,236,239,1) 85%,rgba(213,236,239,0) 100%);background:linear-gradient(to bottom,rgba(213,236,239,1) 0%,rgba(213,236,239,1) 85%,rgba(213,236,239,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5ecef',endColorstr='#00d5ecef',GradientType=0)}.roadmap-item .item-hover:hover .item-box{bottom:360px}.roadmap-item .item-box h4{margin:5px 0 15px;font-size:26px;font-weight:600;min-height:56px}.roadmap-item .item-hover:hover .item-box h4{min-height:0px}.roadmap-item .item-dsp{overflow:hidden;height:0;opacity:0;animation:slideclose .2s linear forwards 1;font-size:13px;line-height:1.3em}.roadmap-item .item-dsp p{margin-top:0}.roadmap-item .item-dsp ul{padding-left:18px}.roadmap-item .item-hover:hover .item-dsp{animation-play-state:paused;animation:slideopen .2s linear forwards 1}.roadmap-item img{position:absolute;top:190px;z-index:2;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.roadmap-item .item-hover:hover img{z-index:3;-ms-transform:rotate(2deg) scale(1.05);-webkit-transform:rotate(2deg) scale(1.05);transform:rotate(2deg) scale(1.05)}}@media(max-width:1049px){.roadmap{position:relative;z-index:1;padding:50px 0}.roadmap .band{position:absolute;z-index:-1;left:0;top:0;bottom:0;width:25%;height:100%;background:url(https://cdn2.hubspot.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-dark.jpg) center no-repeat;background-size:cover}.roadmap .band .wave{height:100%;position:absolute;width:250px;margin-left:50px;max-width:200%;background:url(https://www.thompsonremodeling.com/hubfs/images/bandwavev.png) center no-repeat;background-size:contain}.roadmap-item{padding:30px 0}.roadmap-item .item-hover{display:-webkit-flex;display:flex}.roadmap-item .item-hover img{align-self:center;width:260px;margin-left:5%}.roadmap-item .item-box{margin:0 5%;flex:1 auto;border-radius:10px 10px 0 0;padding:5px 20px 50px;box-sizing:border-box;background:-moz-linear-gradient(top,rgba(213,236,239,1) 0%,rgba(213,236,239,1) 85%,rgba(213,236,239,0) 100%);background:-webkit-linear-gradient(top,rgba(213,236,239,1) 0%,rgba(213,236,239,1) 85%,rgba(213,236,239,0) 100%);background:linear-gradient(to bottom,rgba(213,236,239,1) 0%,rgba(213,236,239,1) 85%,rgba(213,236,239,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5ecef',endColorstr='#00d5ecef',GradientType=0)}.roadmap-item .item-box h4{margin:5px 0 15px;font-size:22px;font-weight:600}}@media(max-width:767px){.video-pop{max-width:92%}.roadmap .band{width:33%}.roadmap .band .wave{display:none}.roadmap-item{padding:10px 0;width:400px;max-width:100%;margin:0 auto}.roadmap-item .item-hover{display:block;position:relative;text-align:center}.roadmap-item .item-hover img{display:inline-block;margin:0 0 -40px;width:160px}.roadmap-item .item-box{text-align:left;padding:40px 30px 20px;margin:0;background:rgba(213,236,239,1);border-radius:10px}}