*{margin:0;padding:0}body{background:transparent url("/img/brick-calculator.png") no-repeat center center;background-size:cover;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;color:#323232;font-weight:400;letter-spacing:.01em;font-size:12pt;line-height:24pt;margin-top:4em}.mobile-only{display:none}.lge{font-size:3.8rem !important}.lge1{font-size:1.9rem !important}.lgex{font-size:0.9rem !important;line-height:1.8rem !important}.smltxt,.sml{font-size:75% !important}.clear{background:transparent !important;color:transparent !important}.box-inner img{max-width:96%;margin:10px 2%}.box-inner img:hover{opacity:0.0}.ce{text-align:center}.le{text-align:left}.ri{text-align:right}.fle{float:left}.fri{float:right}.hideme{display:none}.error{color:red;font-weight:300;font-size:.7em}header{position:fixed;top:0;left:0;background:#616161;display:table;width:100%;color:#fff;box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0px 1px 10px 0 rgba(0,0,0,0.12),0px 2px 4px -1px rgba(0,0,0,0.2);z-index:99999999999}header span,h1{background:transparent url("/img/logo/180.png") no-repeat center left;background-size:1.5em;padding-left:2em;font-size:2em;font-weight:300;display:table-cell;vertical-align:middle;width:25%}header span{font-size:1.5em}header nav{display:table-cell;width:75%;text-align:right;font-size:.5em;vertical-align:middle}.logo{background:transparent url("/img/logo/180.png") no-repeat center center;background-size:cover;display:inline-block;min-width:2em;min-height:2em}header nav a{line-height:.7em;display:inline-block;text-align:center;color:#fff;text-decoration:none;vertical-align:middle;text-transform:uppercase;padding:1em}header nav a i{display:block;background:transparent url("/img/icons/home.png") no-repeat top center;background-size:contain;width:30px;height:30px;margin:0 auto;padding:0 0 .5em 0}header nav a:nth-of-type(992) i{background-image:url("/img/icons/calculator.png")}header nav a:nth-of-type(2) i,header nav a:nth-of-type(3) i{background-image:url("/img/icons/bricks.png")}header nav a:nth-of-type(4) i{background-image:url("/img/icons/code.png")}header nav a:nth-of-type(5) i{background-image:url("/img/icons/mail.png")}header nav a:hover{background:rgba(51,51,51,0.3)}h1{margin:1em 0;line-height:1.5em;font-weight:600}h2{margin-top:2em}h3{margin-top:1.8em}h4{margin-top:1.6em}h5{margin-top:1.4em}h6{margin-top:1.2em}h2,h3,h4,h5,h6{margin-bottom:.5em}.note,article{width:96%;margin:0 auto;padding:0}details{width:95%;padding-left:5%}article ol,article ul,details p{width:90%;padding-left:10%}summary{font-weight:bold}summary:hover{cursor:pointer}@supports(-ms-ime-align:auto){summary:hover{cursor:default}}main{display:block;width:950px;margin:0 auto;background-color:#fff;opacity:0.9;overflow-wrap:normal;padding:5px}main p{padding:.25em 1em}main ol,main ul{margin:1em 5% 1em 5%;width:80%;padding:0 0 0 10%}.col2{columns:2}.col3{columns:3}.col4{columns:4}.intro{font-size:.7em;line-height:1.5em}aside{width:25%;padding-left:.5rem;margin-left:.5rem;float:right;box-shadow:inset 5px 0 5px -5px #29627e;font-style:italic;color:#29627e}aside>h3{margin-top:0}aside>p{margin:.5rem}.code{display:inline-block;width:80%;margin:1.5em auto 1.5em 10%;padding:1em;font-family:monospace;background-color:#323232;color:orange;font-size:.8em;line-height:1.4em;border-radius:1em}.code h4{color:#fff;background:rgba(255,255,255,0.1);padding:.2em;border-radius:.2em;margin-bottom:1em;font-weight:300}article{text-align:justify;text-justify:inter-word}article li{margin:1em 0}.calculator{width:840px;margin:0 auto;display:block}.calculator h2{background:#616161 url("/img/logo/180.png") no-repeat 1em center;background-size:contain;padding:.5em 0 .5em 3.5em;color:#fff;font-weight:300;border-radius:1em 1em 0 0}.calculator h3,.calculator h4,.calculator h5,.calculator h6{margin-top:1em}.calculator p{padding:.2em 0}.calculator .CalcForm{background:rgba(168,229,247,0.4);background-image:linear-gradient( to top right,rgba(255,253,194,0.3),rgba(255,253,194,0.3) 10%,rgba(215,240,162,0.3) 12%,rgba(215,240,162,0.3) 35%,rgba(255,255,255,0.4) 30%,rgba(255,253,194,0.3) 45%);box-shadow:inset 2px 4px 5px 0 rgba(0,0,0,0.40);padding:0 1em 1em 1em;border:1em #616161 solid;border-radius:0 0 1em 1em}.calculator nav{font-size:.6em;background:#616161;text-align:center}.calculator nav a{line-height:.7em;display:inline-block;text-align:center;color:#fff;text-decoration:none;vertical-align:middle;text-transform:uppercase;padding:.5em 1.8em;border-radius:.8em}.calculator nav a i{display:block;background:transparent url("/img/icons/calculator.png") no-repeat top center;background-size:contain;width:5em;height:5em;margin:0 auto;padding:0 0 .5em 0}.calculator nav a:hover{background:rgba(51,51,51,0.3)}.calculator nav a:nth-of-type(2) i{background-image:url("/img/icons/bricks.png")}.calculator nav a:nth-of-type(3) i{background-image:url("/img/icons/windows-and-doors.png")}.calculator nav a:nth-of-type(4) i{background-image:url("/img/icons/settings.png")}.calculator nav a:nth-of-type(5) i{background-image:url("/img/icons/shopping-basket.png")}.calculator nav a:nth-of-type(6) i{background-image:url("/img/icons/info.png")}.bricksRequired{padding:1em;border-radius:.3em;border:2px #999 solid;background:rgba(255,255,255,0.8);margin:1em 0}.bricksRequired b{display:block;width:20%;margin:0 auto;border:3px solid #323232;border-radius:1em}.calculator .app-section ol,.calculator .app-section ul{font-size:.7em;line-height:1.8em;width:90%;margin:0 auto}.calculator h2{margin:0 !important}.calculator label{display:inline-block;width:11em}.calculator input[type="text"],.calculator input[type="number"],.calculator select{border-radius:.3em;border:2px #999 solid;padding:.3em;font-size:.9em;font-weight:600;max-width:12em}.calculator input[type="number"]{max-width:10em}.calculator button{margin:0 0 0 auto;display:block;border-radius:.3em;border:2px #516e12 solid;background:#d7f0a2;font-size:.9em;font-weight:600;padding:.5em 1em}.calculator button:hover{background:#abdf3a;border:2px #202c07 solid;cursor:pointer}.calculator input[type="radio"]{display:none;width:0;padding:0;margin:0}.calculator input[type="radio"]+label{cursor:pointer;width:auto;padding:0 1em;background:#ccc;color:#bbb;border:2px #999 solid;border-bottom:0;border-radius:.3em .3em 0 0;margin:0;text-align:center}.calculator .radioOptsArea,.calculator input[type="radio"]:checked + label{background:#616161;color:#f1f1f1}.calculator .fullradio input[type="radio"]+label{border-radius:.3em;border:2px #999 solid}.calculator .radioOptsArea{position:static;background:#616161;border:2px #999 solid;border-radius:0 .3em .3em .3em;margin:-2px 0 1em 0;padding:1em}table.NiceData{width:90%;margin:1em auto;font-size:.7em;background:rgba(255,255,255,0.8)}table.NiceData th{background:#616161;color:#f1f1f1}table.NiceData td{text-align:center;color:#616161}table.NiceData tr td:nth-of-type(1){text-align:left}footer{background:#616161;color:#fff;border-top:2px solid #323232;margin-top:2em;padding:1em 0}footer a{color:#fff;text-decoration:none}footer li{display:inline-block}@media(min-width:1600px){}@media(max-width:1250px){}@media(max-width:1160px){.desktop-only{display:none !important}}@media(max-width:1060px){main{display:block;width:96%}}@media(max-width:980px){h1:not(.h1home){font-size:1.5em}}@media(max-width:840px){.calculator{width:98%;font-size:10pt;line-height:20pt}.col3,.col4{columns:2}}@media(max-width:800px){.mobile-only{display:block !important}footer{text-align:center}}@media(max-width:600px){}@media all and(max-width:500px){.col2,.col3,.col4{columns:1}}@media all and(max-width:400px){}.hideme{display:none}