.visualiser-container{position:relative;height:100vh;width:100vw}.visualiser-container main{position:relative;height:100%;width:100%}.visualiser-container main .viewport{position:relative;height:100%;width:100%}.visualiser-container main .viewport img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.visualiser-container nav{position:fixed;bottom:0;left:50%;transform:translate(-50%, 0%);z-index:999}.visualiser-container nav .pallettes{float:left}.visualiser-section{background-color:#EFEFEF}.visualiser-section main .visualiser{position:relative;margin-bottom:0}.visualiser-section main .visualiser img{display:block;position:absolute;top:0;left:0;width:100%}.visualiser-section main .visualiser img#base{position:relative}.visualiser-section main .visualiser .edit-tools{position:absolute;top:0;left:0;z-index:99}.visualiser-section .pallette{position:relative;border-bottom:1px solid #CCC}.visualiser-section .pallette .pallette-title{position:relative;padding-top:0.75em;padding-left:2.5em;padding-bottom:0.75em;line-height:1}.visualiser-section .pallette .pallette-title i{position:absolute;top:0;left:0;padding-top:0.75em;padding-left:1em;padding-right:1em;padding-bottom:0.75em;transform-origin:50% 50%;transition:0.3s}.visualiser-section .pallette .pallette-title.open i{transform:rotate(180deg);transform-origin:50% 50%}.visualiser-section.cat-room .pallette{border-bottom:1px solid #CCC}.visualiser-section.cat-unit .pallette-title{padding-left:1rem;padding-bottom:0.5rem}.visualiser-section.cat-unit .pallette-title i{display:none}.visualiser-section.cat-unit-ni .pallette-title{padding-left:1rem;padding-bottom:0.5rem}.visualiser-section.cat-unit-ni .pallette-title i{display:none}.qube-nav .card{position:relative;background-color:#000000;border:0}.qube-nav .card .card-body{background:white;background:linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);padding:0}.qube-nav .card .card-body img{width:100%;transition:0.3s}.qube-nav .card .card-body a,.qube-nav .card .card-body .link{display:block;color:#FFFFFF}.qube-nav .card .card-body a span,.qube-nav .card .card-body .link span{position:absolute;padding:1em;bottom:0;left:0;right:0}.qube-nav .card:hover img{opacity:0.7}.visualiser-section>header *:last-child{margin-bottom:2rem !important}.visualiser-section header .visualise-title{margin:0;font-size:2.5rem}.visualiser-section header p{margin-top:0.5rem}.visualiser-section .pallette{color:#5b5758}.visualiser-section .pallette h4{margin:0 0 0.5rem;font-size:1.2rem;font-weight:600}.visualiser-section .pallette .swatch{margin-bottom:0.5rem;padding:0;background:none;box-shadow:none;text-align:center;transition:0.3s}.visualiser-section .pallette .swatch:hover{box-shadow:none}.visualiser-section .pallette .swatch:before{display:none}.visualiser-section .pallette .swatch .swatch-img{position:relative;padding-top:60%;width:100%;display:block;border:1px solid #CCC;overflow:hidden;background-position:center top;background-size:cover}.visualiser-section .pallette .swatch .swatch-img img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.visualiser-section .pallette .swatch.unavailable{pointer-events:none}.visualiser-section .toolbar{display:block;width:100%;overflow:auto;text-align:center;background-color:#EEE;border-bottom:1px solid #CCC}.visualiser-section .toolbar a{border-width:0;color:#475e6b;text-decoration:none}.visualiser-section .toolbar a:hover{background-color:#DDD;text-decoration:none}.visualiser-section .toolbar button{border-width:0;color:#475e6b;cursor:pointer}.visualiser-section .toolbar button:hover{background-color:#DDD;background-color:#DDD}.visualiser-section .toolbar button div{padding-top:0.5em}.visualiser-section .generated{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:99}.visualiser-section .generated img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.visualiser-section .generated .close-modal{z-index:99}.visualiser-section .vis-sidebar .logo{padding:1.5rem 1rem;text-align:center}.pallette .pallette-title{padding:1rem}.pallette .swatch .swatch-label{position:relative;margin-top:0.3rem;padding:0;font-size:0.8rem;line-height:1.2}.vis-sidebar{overflow-x:hidden}.vis-sidebar .options button{font-size:1.2rem !important;white-space:initial}.samples .pallette{cursor:pointer}.cat-room{border:none}.cat-room .pallette{cursor:pointer}.cat-room .pallette .pallette-title svg{position:absolute;right:1rem;transition:all 0.5s ease}.cat-room .pallette .pallette-title.open svg{transform:rotate(-180deg)}.cat-room main{background-color:#FFF}.cat-room .pallettes{width:100%;overflow-x:hidden}.cat-room .visualiser{margin-bottom:0}.cat-room .vis-sidebar{overflow-y:auto;overflow-x:hidden;background-color:#FFF;color:#5b5758}.page-template-page-visualise-template .orderform{position:fixed;left:999vh}.page-template-page-visualise-template .orderform.view{position:relative;left:0}.small-text{font-size:0.7rem !important}.visualise-download{display:none !important}@media screen and (min-width:720px){.cat-room .vis-sidebar{overflow-y:scroll}}#wpforms-18183-field_8-container #wpforms-18183-field_8{height:300px;padding:10px;border-radius:2px}.accordion .accordion-button:not(.collapsed){background-color:unset;outline:none;box-shadow:none}.accordion .pallette-title{position:unset !important;padding-top:unset !important;padding-left:unset !important;padding-bottom:unset !important;line-height:unset !important}