*:focus{outline:none!important}button{transition:all 0.5s ease-in-out}button:disabled,button[disabled]{opacity:.87;filter:grayscale(1)}.top-nav{padding-top:118px;background-color:#242a2f;width:100%;position:absolute;top:0;left:0;z-index:100}.top-nav .row{display:flex;flex-flow:wrap;align-items:center}.top-nav .title{display:inline-block;color:#fff}.top-nav .logo img{height:66px}.thumb{width:50px;height:50px;border-radius:25px;background-color:#fff;padding-top:5px;float:right;margin-right:12px;margin-top:7px;position:relative}.thumb-container{width:100%;background-size:cover;overflow-y:hidden;position:relative;margin:auto;height:100%;overflow:hidden}.thumb-container img{width:100%;position:absolute;bottom:0;left:0}.thumb-new:after{font-size:14px;position:absolute;width:100%;height:100%;left:-2px;top:7px;text-align:center;line-height:1.2}#table-thumb .thumb-new:after{content:"add table"}#table-thumb .thumb-container img{height:60%;object-fit:cover;object-position:bottom;transform:translateY(-50%);top:50%}#screen-thumb .thumb-new:after{content:"add screen"}.screen-thumb{width:50px;height:50px;border-radius:25px;background-color:#fff;padding-top:5px;float:right;margin-right:12px;margin-top:7px}.screen-thumb-container{width:100%;background-size:cover;overflow-y:hidden;position:relative;margin:auto;margin-left:-15px;bottom:2px}.screen-thumb-container img{width:100%;position:absolute;bottom:0;left:0}div.page{padding-top:calc(118px + 66px);position:relative;height:100%}.page h3{font-family:'SteelfishBold',sans-serif;text-transform:uppercase;font-size:2em}.spacer-invis{display:block;clear:both;height:1px;margin:78px auto}.page .main .loader{position:absolute;left:50%;top:15px}.main{position:relative;height:100%;width:100%;padding:20px;float:right}aside~.main{width:calc(100% - 320px)}a.home-button{position:absolute;left:20px;top:20px;border-radius:3px;padding-top:10px;padding-bottom:10px;cursor:pointer;z-index:999;text-decoration:none}.btn-dark{background-color:#2881c0;background-image:linear-gradient(to right,#2881c0,#2ba1e3);color:#fff;transition:all 0.3s ease;background-size:150%}.btn-dark:hover{color:#fff;background-position:-70px}.btn-wide{padding-left:40px;padding-right:40px}.base-colours-btn:hover{box-shadow:0 0 5px rgba(0,0,0,.15);text-decoration:none}.base-colours-btn:hover a,.base-colours-btn:focus a,.base-colours-btn a:hover,.base-colours-btn a:focus{text-decoration:none;color:#f5f5f5;outline:none}.base-colours-btn a{color:#ddd;font-size:.9em;font-weight:700}.base-colours-btn img{width:40px;margin-left:12px}@media (max-width:768px){.btn-wide{padding-left:18px;padding-right:18px}}.sidebar-screen{position:relative;float:left;display:block;width:320px;padding:24px 12px}.sidebar{width:320px;background-color:#F5F2F0;float:left;min-height:calc(100vh - 66px);height:calc(100vh - 66px);box-shadow:0 -24px 24px rgba(0,0,0,.1) inset;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:touch;overscroll-behavior-y:touch}.sidebar img{max-width:80%}.right-sidebar{height:calc(100vh - 66px);width:280px;background-color:#F5F2F0;position:absolute;right:0;top:0;z-index:1000;padding:24px}.right-sidebar.close{right:-280px}.close-right-sidebar{font-size:3em;color:#999;line-height:24px}.close-right-sidebar:hover{text-decoration:none;color:#555}#inner-sidebar{width:1600px;transform:translateX(-320px)}#inner-sidebar.show1{transform:translateX(0)}#inner-sidebar.show2{transform:translateX(-320px)}#inner-sidebar.show3{transform:translateX(-640px)}#inner-sidebar.show4{transform:translateX(-960px)}#inner-sidebar.show5{transform:translateX(-1280px)}.option{margin-bottom:24px;border-radius:5px;padding:20px 12px 12px 12px;cursor:pointer;border:1px solid transparent;background-color:rgba(255,255,255,.5);position:relative;display:block;width:100%}#screen-2 .option{padding:20px 12px 0 12px}.option-title{padding-top:3px;position:absolute;left:-2px;top:10px}.option:hover{box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer;border:1px solid #999}.option h3{margin-top:0}.base-colours-btn{position:fixed;top:10px;right:-2px;border-radius:3px;padding:6px 12px;cursor:pointer;z-index:999;background-color:#2881c0;background-image:linear-gradient(to right,#2881c0,#2ba1e3);color:#fff}.base-colours-btn:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.base-colours-btn a{color:#fff;font-size:.9em;font-weight:700}.base-colours-btn:hover a,.base-colours-btn:focus a,.base-colours-btn a:hover,.base-colours-btn a:focus{text-decoration:none;color:#f5f5f5;outline:none}.base-colours-btn img{width:40px;margin-left:12px}.product-view{height:0;padding-top:47%;position:relative;max-width:1800px;margin:auto;top:50px}.table-view{position:relative;padding-top:53%;height:0;margin-top:70px}.table-style{display:block;margin-bottom:24px;border-radius:8px;padding:0 12px}.table-style:hover{box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer}.table-title,.screen-title{font-size:3em;text-transform:uppercase;color:#000;padding-right:20px}h2.table-title,h2.screen-title{display:inline-block;vertical-align:middle}h3.table-title,h3.screen-title{padding-bottom:40px;text-align:center}.table-container{background-size:cover;margin:auto;position:absolute;bottom:0;height:100%!important;width:100%}.table-container img{width:100%;position:absolute;bottom:0;left:0}.screen-container img{width:50%;position:absolute;bottom:0;left:0}@media screen and (max-width:420px){.main{padding-top:60px}}@media screen and (max-width:992px){.main{width:72%;float:none;height:calc(100vh - 220px - 66px);margin:auto;z-index:-1}#table-container{width:100%;position:absolute;bottom:0;left:0}.sidebar{position:fixed;min-height:auto;height:220px;bottom:0;left:0;width:100%;overflow-x:auto;overflow-y:hidden}.option{display:inline-block;width:200px;margin-right:12px}#inner-sidebar{width:auto;transform:translateY(-220px)}#screen-2{padding-left:10px!important}#screen-3 div[class*="col-"]{padding:7px!important}.sidebar-screen{float:none;width:auto;min-height:auto;height:220px;padding-top:24px!important;white-space:nowrap}.button-container{display:none}#inner-sidebar.show1{transform:translateX(0)}#inner-sidebar.show2{transform:translateY(-220px)}#inner-sidebar.show3{transform:translateY(-440px)}#inner-sidebar.show4{transform:translateY(-660px)}#inner-sidebar.show5{transform:translateY(-880px)}#screen-3 .button-container{top:600px}.options-row{display:inline-block}.options-row .option{width:125px}.options-row .col-xs-6{padding-left:0;padding-right:5px}}#mobile-button-container{position:fixed;bottom:24px;left:10px;z-index:1000;width:calc(100vw - 24px)}@media screen and (max-width:768px){.main{width:90%;margin:auto}}@media screen and (max-width:480px){.main{width:100%}}@media screen and (max-height:600px) and (max-width:992px){.main{width:60%}}@media screen and (max-height:540px) and (max-width:992px){.main{width:50%}}.inner-option{width:72px;position:absolute;right:0;padding:10px;background-color:transparent;z-index:1;margin:0;border-radius:5px;cursor:pointer;border:none}.inner-option img{border-radius:50%}.inner-option:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.inner-option-1-3{top:0}.inner-option-2-3{top:60px}.inner-option-3-3{top:120px}.option.inner-options{cursor:inherit}@media screen and (max-width:992px){.options-row .option.inner-options{width:160px;padding-right:47px}.inner-option{padding:1px;width:50px}.inner-option .option-title{font-size:10px;font-weight:400;padding-top:2px}.inner-option-1-3{top:-2px}.inner-option-2-3{top:36px}.inner-option-3-3{top:74px}.inner-option:hover{box-shadow:none}}div.visualiser-container{width:100%;padding:30px}div.visualiser-container-content{min-height:calc(100vh - 60px)}.visualiser-container .table-container{width:100%;min-height:calc(100vh - 60px);padding:24px}.table-container .block-content{position:relative}.disclaimer{float:right;font-size:12px;color:#aaa;margin:20px 12px}.voption{border-radius:5px;padding:20px 12px 12px 12px;cursor:pointer;border:1px solid #EEE;position:relative}.voption:hover{box-shadow:0 0 3px rgba(0,0,0,.1);border:1px solid #aaa}.voption .cta{display:none;align-content:center;justify-content:center;align-items:center;flex-direction:column;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:10;color:#fff;border-radius:3px}.voption.v-inactive .cta{display:flex}.visualiser-modal-content p{position:absolute;top:10px;left:10px;font-size:1.1em}.visualiser-modal-content img{max-width:100%;opacity:.7}#visualise-modal-content{height:100%;position:absolute;top:0;left:0;width:100%}.back-to-visual{position:absolute;z-index:1000;width:140px;margin:40px}.visual{overflow:hidden;position:relative;height:100%;max-height:1250px}@media (max-width:680px){.disclaimer.modal-disclaimer{position:relative;top:auto}}@media (max-width:768px){.visualiser-container{width:calc(100% - 20px)}}.t-container{height:100%!important;bottom:0}.t-container img{width:100%;position:absolute;bottom:0;left:0;height:100%;width:100%;object-fit:contain}#table-container1{z-index:40}.visual.single-table .t-container{position:absolute;left:50%;transform:translateX(-50%);width:100%}.single-table .t-container img{position:absolute;bottom:0;left:0;height:100%;width:100%;object-fit:contain}.visual.triple-table{display:flex}.triple-table .t-container{position:relative;width:33.3333%}.triple-table #table-container1 img{margin-left:44%;transform:translateY(3%) scale(1.1);transform-origin:bottom}.triple-table #table-container2{z-index:30}.triple-table #table-container2 img{transform:translateY(-10%) scale(.9);transform-origin:bottom}.triple-table #table-container3{z-index:10}.triple-table #table-container3 img{margin-left:-53%;transform:translateY(-20%) scale(.75);transform-origin:bottom}@media screen and (max-width:768px){.visual{padding-top:20%}}@media screen and (max-width:480px){.visual{padding-top:20%}}.s-container{width:805.5px;background-size:cover;overflow-y:hidden;position:absolute;margin:auto;left:25%}.s-container img{width:100%;position:absolute;bottom:0;left:0}#screen-container{z-index:9}