*, *:before, *:after{box-sizing:border-box;}
a:hover{color:#A15E3B;}
a{color:#2c5871;outline:none;transition:all .25s ease;}
body{margin:3.5em 0 0 0;padding:0;font-size:18px;line-height:1.75;color:#2c5871;font-family:'Roboto', sans-serif;font-weight:400;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}
footer a{color:#fff;text-decoration:none;}
footer{color:#fff;padding:2em 0.75rem;font-style:italic;text-align:center;}
form{margin-bottom:1em;}
h1, h2, h3, p, ul{margin-top:0;}
h1, h2, h3{margin-bottom:0.5em;line-height:1;font-weight:300;}
html{background-image:url('//cdn.bion-systems.com.au/lib/img/bion-systems-background-1920x1080.jpg');min-height:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;}
img#vertical{display:none;}
img{display:block;border:0;width:100%;height:auto;margin:1em 0;}
input#menu-toggle:checked ~ nav#topnav .dropdown-content{display:flex;flex-direction:column;width:100%;}
input#menu-toggle:checked ~ nav#topnav a.dlink:hover,
input#menu-toggle:checked ~ nav#topnav a.link:hover{background-color:#f7f7f7;}
input#menu-toggle:checked ~ nav#topnav a.dlink,
input#menu-toggle:checked ~ nav#topnav a.link{display:block;width:100%;padding:0.15em 0.75em;}
input#menu-toggle:checked ~ nav#topnav a.dlink{padding-left:2em;}
input#menu-toggle:checked ~ nav#topnav{display:flex;flex-direction:column;}
input#menu-toggle{display:none;}
input,textarea{color:#1f1f1f;width:100%;padding:0.5em;font-size:18px;box-shadow:0px 1px 4px 0px rgba(0,0,0,0.6);margin-bottom:0.75em;border:1px solid transparent;background-color:rgba(255, 255, 255, 0.3);}
input:hover,textarea:hover{box-shadow:0px 1px 4px 0px rgba(0,0,0,0.8);background-color:rgba(255, 255, 255, 0.5);}
input[type=submit]{width:10rem;}
label.label-toggle{background:linear-gradient(to bottom, #2c5871 0%, #2c5871 20%, transparent 20%, transparent 40%, #2c5871 40%, #2c5871 60%, transparent 60%, transparent 80%, #2c5871 80%, #2c5871 100%);cursor:pointer;display:block;float:right;height:1.5em;width:1.5em;z-index:99;margin:0.5em 1em;}
li ol > li:before{content:counters(item, ".") " ";}
li ol > li{margin:0;padding:0.5em 0 0 0;}
nav a.active,nav a.active:hover{color:#A15E3B;}
nav#topnav a, a.btn{text-decoration:none;}
nav#topnav a.dlink,nav#topnav a.link{display:none;}
nav#topnav a.link{font-weight:bold;}
nav#topnav{z-index:99;}
nav{display:flex;justify-content:space-between;}
ol > li > ol > li > ol > li > ol > li:before{width:3.5em;}
ol > li > ol > li > ol > li:before{width:2.75em;}
ol > li > ol > li:before{width:1.75em;}
ol > li:before{width:1.25em;content:counters(item, ".") ". ";display:table-cell;}
ol > li{display:table;counter-increment:item;margin-bottom:1em;}
ol{list-style-type:none;counter-reset:item;margin:0;padding:0;}
p code{background-color:#eee;padding:.2em .4em;border-radius:2px;}
pre{background-color:#eee;max-width:100%;overflow:auto;padding:1em;}
#bion img{height:auto;max-width:572px;width:90%;margin:1em auto;float:none;}
.arrow-down{display:inline-block;margin:0.2em;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c5871;}
.blu{color:#2c5871;}
.box h2.first{margin-top:1em;}
.box p{color:#fff;margin-bottom:0.5em;}
.box{font-size:16px;border:none;width:100%;padding:0.75rem;background-color:rgba(0,0,0,0.5);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.boxes{display:flex;justify-content:space-between;flex-direction:column;margin:0;}
.btn-danger:hover{color:#fff;background-color:#ff0000;border-color:#df0000;text-decoration:none;}
.btn-danger{color:#fff;background-color:#df0000;border-color:#bf0000;}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439;text-decoration:none;}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;}
.btn{background-image:none;border-radius:0.25em;border:1px solid transparent;cursor:pointer;display:inline-block;margin-bottom:0;padding:0.3em 1em;text-align:center;vertical-align:middle;white-space:nowrap;}
.center{text-align:center;}
.container{margin:0 auto;max-width:960px;}
.dark{color:#3f3e3d;}
.dropdown{position:relative;display:block;width:100%;}
.heading{font-size:1.25em;text-align:center;font-style:italic;padding-bottom:0;}
.justify{text-align:justify;}
.large{font-size:4em;line-height:1;font-weight:500;padding-bottom:1em;}
.left{text-align:left;}
.lhs_note a,.rhs_note a{color:#ffffff;}
.lhs_note h2,.rhs_note h2{margin-bottom:0.5em;}
.lhs_note,.rhs_note{padding:1em 1em 0.25em 1em;}
.lhs_note{background-color:rgba(44, 88, 113, 0.94);color:#ffffff;}
.navbar a.logo{font-size:1.5em;margin-left:0.25em;}
.navbar a:hover{text-decoration:none;}
.navbar{background-color:#ffffff;position:fixed;top:0;width:100%;box-shadow:0 5px 5px rgba(0,0,0,.1);padding:0;z-index:99;}
.notes{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;}
.panel p,.box p{text-align:left;}
.panel p,.panel ul{color:#000000}
.panel{background-color:#84B7C8;padding:1.5em 0.75em;opacity:0.9;}
.product ul.extras{padding-left:1em;}
.product ul{text-align:left;}
.product:hover{box-shadow:0 0.2em 0.4em rgba(0, 0, 0, 0.5);background-color:#eeeeee;}
.products{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-gap:1em;}
.product{opacity:0.94;box-shadow:0 0 1.5em rgba(0, 0, 0, 0.25);transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between;background-color:#ffffff;text-align:center;padding:0.75em;border-radius:0.5em;}
.ptitle{padding-top:0.25em;font-size:1.75em;font-weight:500;margin-bottom:0.5em;}
.red{color:#df0000;}
.rhs_note{background-color:rgba(223, 0, 0, 0.94);color:#ffffff;}
.right{text-align:right;}
.spec{display:inline-block;width:10em;}
.store{padding:1em;}
.subheading{font-size:2em;line-height:1.25;padding:1em 0.1em;color:#fff;text-shadow:0 0.1em 0.1em rgba(0,0,0,0.9);text-align:center;letter-spacing:0.1em}
.whitebox img{width:80%;float:none;margin:1em 10%;}
.whitebox{display:flex;flex-direction:column;padding:1em;margin:1em 0;background-color:#fff;opacity:1;}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@keyframes slideup{0%{transform:translate(0,600px);opacity:0;}100%{transform:translate(0,0);opacity:1;}}
@media screen and (min-width:400px){img{float:right;width:33%;height:auto;margin:0.5em 0 0.5em 1em;opacity:1;}
.products{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
}
@media screen and (min-width:799px){.box h2,.box h2.first{margin-top:0.5em;}
.box{border:3px solid #fff;width:49%;padding:1em;margin-bottom:1em;}
.boxes{flex-direction:row;}
.feature{text-align:center;padding:2em 0.2em;font-size:1.5em;width:100%;margin-top:1em;line-height:1;}
.intro,.linux{column-gap:2em;columns:2;text-align:justify;}
.lhs_note, .rhs_note{padding:2em 2em 0.5em 2em;}
.notes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;}
.panel p, .box p{text-align:justify;}
.panel{padding:2em;}
.products{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;}
.subheading{font-size:3em;}
.whitebox img{flex:1;max-width:22%;height:100%;margin:0;}
.whitebox{flex-direction:row;justify-content:space-around;align-items:center;}
footer{flex-direction:row;}
img#vertical{display:block;float:left;border:1px solid #fff;margin:0 2em 1em 0;width:300px;height:auto;}
input#menu-toggle{display:none;}
input#menu-toggle{display:none;}
label.label-toggle{display:none;}
label.label-toggle{display:none;}
li ol > li{text-align:justify;}
nav#topnav .dropbtn{border:none;cursor:pointer;}
nav#topnav .dropdown{position:relative;display:inline-block;width:auto;}
nav#topnav .dropdown-content a{padding:0.25em 1em;text-decoration:none;display:block;width:100%;}
nav#topnav .dropdown-content a:hover{background-color:#f1f1f1}
nav#topnav .dropdown-content{display:none;position:absolute;background-color:#f7f7f7;min-width:300px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.25);z-index:1;}
nav#topnav .dropdown:hover .dropdown-content{display:block;}
nav#topnav a.link:hover{background-color:#f7f7f7;}
nav#topnav a.link{display:inline-block;padding:0.5em 1em;}
nav#topnav a.logo{display:none;}
}