@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300,400,400i,500");*{box-sizing:border-box;background-repeat:no-repeat;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:1}article,aside,footer,header,nav,section,main,figcaption,figure,menu,details{display:block}audio,canvas,video{display:inline-block}img{display:block;border:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}p{margin:0;padding:0}address,cite,dfn,em,var{font-style:normal}ul,ol{margin:0;padding:0;list-style-type:none}a{background-color:transparent;font-size:inherit;color:inherit;text-decoration:none}a:active,a:hover{outline:0}:focus{outline:0}button,input,select,textarea{margin:0;font-size:inherit}button,html [type="button"],[type="reset"],[type="submit"]{padding:0;border:0;color:inherit;background-color:transparent;-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{padding:0;line-height:normal}input::-webkit-input-placeholder{font-weight:300}input::-ms-input-placeholder{font-weight:300}input::-moz-placeholder{font-weight:300}[type="number"]{-moz-appearance:textfield}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{margin:0;height:auto;-webkit-appearance:none}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:none;-webkit-appearance:none}select{-webkit-appearance:none;background-color:#fff}table{border-collapse:collapse;border-spacing:0}body{background-color:#ECF0F1;color:#444;font-family:"Fira Sans","Roboto",sans-serif;font-size:15px;font-weight:400;line-height:2}img{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:"Fira Sans Condensed","Roboto Condensed",sans-serif;font-weight:normal;color:#000;text-transform:uppercase;margin-bottom:15px;line-height:1.2}h1{font-size:36px}h1.product-section-header{text-align:center;line-height:1;padding:10px 0;margin:0}h2{font-size:25px}h3{font-size:20px}p{margin-bottom:15px}p.quote{font-style:italic;font-family:Georgia,"Times New Roman",serif}p.large{font-size:20px}.centred{text-align:center}section{padding:15px;padding-top:12vh;display:flex;flex-direction:row-reverse;flex-wrap:wrap}@media screen and (min-width: 640px){section{padding:25px;padding-top:12vh}}@media screen and (min-width: 800px){section{padding:25px;flex-wrap:nowrap;align-items:center;min-height:90vh}}section.blue{background-color:#f7fbfe;color:#000}section.white{background-color:#FFF}section.grey{background-color:#e1f0fa}section.rev-rev{flex-direction:row}section.text-heavy{display:block}section.text-heavy article{padding:0;width:100%;display:flex;flex-wrap:wrap}section.text-heavy article .col{padding:25px;padding-left:0}@media screen and (min-width: 800px){section.text-heavy article .col{flex:1}}section.product-section{min-height:auto}@media screen and (min-width: 800px){section.product-section article{width:70%;padding:25px}}section.product-section aside{display:flex;flex-direction:column;align-items:center}section article,section aside{padding:5px}@media screen and (min-width: 640px){section article,section aside{padding:10px}}@media screen and (min-width: 800px){section article,section aside{width:50%;padding:25px}}section article.noflex,section aside.noflex{display:block}section aside img{max-width:100%;max-height:100%}section aside .caption{text-align:center;font-size:12px;color:#ECF0F1}section.wide article{width:100%}section.wide article img{max-width:720px}@media screen and (min-width: 800px){section.wide-img article{width:25%}}@media screen and (min-width: 800px){section.wide-img aside{width:75%}}section .inner-section{margin-bottom:40px}section.with-cta article{width:100%;display:flex;flex-wrap:wrap;justify-content:center}section.with-cta .cta{padding:15px;margin:15px;text-align:center;background-color:#FFF;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 800px){section.with-cta .cta{width:40%;max-width:480px}}section.with-cta .cta .cta-link{display:block;width:120px;margin:0 auto;align-self:flex-end;background-color:#3498DB;color:#FFF;padding:5px 10px}section.with-cta .cta .cta-link:hover{background-color:#217dbb}section .vis-mis{width:100%;max-width:640px;padding:25px;padding-top:0;border:2px dotted #3498DB;margin:40px auto;border-radius:15px}section .vis-mis h2{margin-top:-16px;background:url(/assets/images/btn-blue.png) 0 50% no-repeat;height:32px;line-height:1.1;font-size:22px;padding:5px;padding-left:15px;color:#FFF;font-family:"Fira Sans","Roboto",sans-serif;font-weight:300}section .vis-mis.vis{text-align:right}section .vis-mis.vis h2{background-position:right 50%;padding:5px;padding-right:40px}section .vis-mis.mis{border-color:#A592C5}section .vis-mis.mis h2{background-image:url(/assets/images/btn-purple.png)}.products{display:flex;flex-wrap:wrap;justify-content:space-evenly}.products .product{background-color:#FFF;width:240px;height:270px;padding:15px;border:1px solid #e6e6e6;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:0}.products .product img{display:block;margin-bottom:auto}.products .product figcaption{margin-top:auto}.products .product.small{width:200px;height:240px}.products.components .product:first-child{flex:1}.specs{display:flex;justify-content:space-evenly}.specs .spec{width:240px;background-color:#FFF;padding:40px;background-image:linear-gradient(#ddd, #FFF)}.specs.horiz{display:block}.specs.horiz .spec{width:auto;background:transparent;padding:0}.specs.horiz .spec h2{margin-bottom:0}.specs.horiz .spec li{display:inline-block}footer{padding:15px;font-size:12px;text-align:center}footer a{color:#2980B9}a{color:#E74C3C}a:hover{color:#a82315}nav#main{background-color:#2980B9;height:10vh;display:flex;align-items:center;padding:0 5px;font-size:10px;position:fixed;top:0;left:0;width:100%;z-index:200}@media screen and (min-width: 800px){nav#main{padding:0 15px;font-size:15px;position:sticky;top:0}}nav#main li{display:block;float:left;margin-right:5px;position:relative;transition-duration:0.5s;padding:0 10px;vertical-align:middle}@media screen and (min-width: 800px){nav#main li{margin-right:25px}}nav#main li a{color:#FFF;text-transform:uppercase}nav#main li a:hover,nav#main li a.active{color:#8bc4ea}nav#main li:hover ul.subnav{visibility:visible;opacity:1;display:block;z-index:200 !important}nav#main li.has-subnav:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #FFF;position:absolute;top:12px;right:-5px}nav#main li.has-subnav:hover:after,nav#main li.has-subnav.active:after{border-top-color:#8bc4ea}nav#main #logo{margin-right:5px}@media screen and (min-width: 800px){nav#main #logo{margin-right:15px}}nav#main #logo img{width:80px}@media screen and (min-width: 800px){nav#main #logo img{width:180px}}nav#main ul.subnav{background-color:#2980B9;position:absolute;left:0;transition:all 0.5s ease;min-width:240px;padding:10px;font-size:12px;opacity:0;visibility:hidden;display:none}nav#main ul.subnav li{padding:10px 0;display:block;float:none}nav.slideshow{font-size:12px;text-align:center}nav.slideshow div{cursor:pointer;display:inline-block}nav.slideshow div:first-child{margin-right:15px}nav.floatingmenu{position:fixed;top:100px;right:10px;background-color:rgba(0,0,0,0.7);padding:10px;font-size:12px}nav.floatingmenu a{color:#FFF}nav.floatingmenu a:hover{color:#3498DB}a#scroll{display:block;position:fixed;bottom:10px;right:10px;text-align:center;line-height:1;font-size:12px;color:#444;width:75px}a#scroll span{color:#FFF;display:block;background-color:rgba(0,0,0,0.5);font-size:20px;border-radius:50%;width:50px;height:50px;margin:auto;padding:13px 0}table{font-size:12px;width:100%;margin-bottom:15px}table thead{background-color:#5faee3}table th,table td{padding:5px;border:1px solid #e6e6e6;text-align:center;min-width:72px}table th{font-weight:normal;color:#FFF;border-color:#8bc4ea}table td:last-child{max-width:320px}