.hero-section.home{padding:70px 0}.hero-section.home h2{margin-bottom:40px;margin-right:30px}.hero-section.home p.video-play{margin-bottom:40px}.hero-section.home .play-button:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.hero-section.home .cta-cols{text-align:center}.switch-btn{text-align:center;margin-bottom:40px;display:inline-block;cursor:pointer}.switch-btn .switch-area{width:48px;height:20px;border-radius:10px;background:#a8a8a8;margin:-2px 25px 0;display:inline-block;vertical-align:middle;text-align:left}.switch-btn .switch-area img{width:38px;margin-top:-7px;margin-left:-6px}.shelving-images{margin-top:60px;margin-bottom:20px;position:relative}.frame-image{position:relative;z-index:1;-moz-transform:scale(1,.96);-o-transform:scale(1,.96);-webkit-transform:scale(1,.96);transform:scale(1,.96)}.video{position:absolute;top:4.6%;left:12%;width:76%;height:80.5%}.switch-area .shelving-images .video.shelve{display:block}.switch-area .shelving-images .video.checkpoint{display:none}.switch-label{display:inline-block;font-weight:300;font-size:22px}.switch-label.shelve{padding-left:50px}.switch-label.checkpoint{color:#999}.switch-area .text-box.checkpoint{display:none}.switch-area.switched .switch-btn .switch-area img{margin-left:19px}.switch-area.switched .switch-btn .switch-label.shelve{color:#999}.switch-area.switched .switch-btn .switch-label.checkpoint{color:#222}.switch-area.switched .text-box.shelve{display:none}.switch-area.switched .text-box.checkpoint{display:block}.switch-area.switched .shelving-images .video.shelve{display:none}.switch-area.switched .shelving-images .video.checkpoint{display:block}.speed-graph img{max-width:730px}#companies.table{margin-top:0;margin-bottom:5em;padding-left:30px;padding-right:30px}#companies.table .cell{width:16%;padding-left:1em;padding-right:1em;text-align:center}#companies.table .cell img{opacity:.4;width:100px;vertical-align:middle}#companies.table .row:nth-child(n+1) .cell{padding-top:3em}#feedback blockquote{width:100%}blockquote{font-size:16pt;font-weight:300;font-style:italic;color:#5a5a5a;text-align:left;position:relative;display:block;line-height:20pt}blockquote:before{font-family:hoefler text,times new roman,serif;font-style:normal;color:#ddd;content:open-quote;font-size:300%;line-height:0;margin-right:.1em;vertical-align:-.3em}blockquote:after{content:close-quote;color:transparent}#feedback h4{text-align:left;font-size:11pt;margin-top:1em;margin-bottom:0;color:#444}#feedback p{text-align:left;font-size:9pt;padding-top:.4em;color:#888;margin-bottom:40px}#feedback .grid-4{padding:0 40px}.modal{position:fixed;z-index:99999;padding-top:110px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(255,255,255,.7)}.modal-content{position:relative;background-color:#fff;margin:auto;padding:0;border-radius:3px;width:80%;height:80%;max-width:1000px;max-height:657px;display:flex;align-items:stretch;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@media screen and (max-width:560px){height: 360px; min-height: 360px; } .modal-content .modal-body { display: flex; align-items: stretch; width: 100%; padding: 0; } .modal-content .video-wrapper { width: 100%; height: 100%; border-radius: 3px; overflow: hidden; } .modal-content .video-wrapper iframe { max-width: 100%; max-height: 100%; } @-webkit-keyframes animatetop { from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{position:absolute;right:0;top:-84px;padding:20px;border-radius:50%;background:#263238;cursor:pointer}.close img{vertical-align:middle}.close:hover{opacity:.8}