body{color:#6e6e6e;background-color:#f5f5f5;font-family:Roboto,sans-serif}a{cursor:pointer}#VisAppHeader{background-color:#fff;box-sizing:border-box;padding:0 .5rem;position:fixed;top:0;left:0;width:100%;z-index:10;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);height:4.5em;transform:scale3d(1,1,1) translateZ(0)}.Embedded>#VisAppHeader{display:none}#VisAppFloatingHeader{box-sizing:border-box;padding:0 .5rem;position:fixed;left:0;top:0;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#VisAppFloatingHeader>*{vertical-align:middle}#VisAppFloatingMenu{position:fixed;top:0;right:0;display:block;z-index:3;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#VisAppFloatingMenu>input{display:block;width:64px;height:64px;position:absolute;margin:0;top:0;right:0;padding:0;cursor:pointer;opacity:0;z-index:5;-webkit-touch-callout:none}#VisAppFloatingMenu label{position:relative;display:block;width:64px;height:64px;z-index:4}#VisAppFloatingMenu label span{display:none}#VisAppFloatingMenu .MenuIcon{width:56px;height:56px;padding:4px;cursor:pointer}#VisAppMenuContainer{position:fixed;width:300px;box-sizing:border-box;background-color:rgba(0,0,0,.7);padding:.5rem;right:-300px;-webkit-transition:right .3s ease;-o-transition:right .3s ease;transition:right .3s ease;top:64px;bottom:0;overflow-y:auto}#VisAppMenuContainer hr{border:solid 1px #ccc}.Vis3DMaterial,.Vis3DStyle{cursor:pointer;width:120px;height:120px;border-radius:5px;display:inline-block;margin:5px;vertical-align:top;position:relative;box-sizing:border-box;border:solid 2px rgba(0,0,0,.5);background-size:cover;background-repeat:no-repeat;background-position:center center}.Vis3DMaterial.Selected,.Vis3DStyle.Selected{border-color:red}.Vis3DMaterialName,.Vis3DStyleName{position:absolute;bottom:0;width:100%;padding:2px 5px;background-color:rgba(0,0,0,.5);color:#fff;font-weight:bold;font-size:.75em;box-sizing:border-box}#SelectedVinyl,#SelectedModel,#SelectedStyle{font-weight:bold}#VisAppMenuContainer select{width:100%;font-size:100%;font-weight:bold;cursor:pointer;border-radius:0;background-color:rgba(0,0,0,.5);border:solid 1px #fff;color:#fff;padding:10px}#VisAppFloatingMenu input:checked~#VisAppMenuContainer{right:0}#VisAppMenuContainer,#VisAppMenuContainer a,#VisAppMenuContainer a:link,#VisAppMenuContainer a:visited{color:#fff}#VisAppMenuContainer a{text-decoration:none;font-weight:bold;display:block;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}#VisAppMenuContainer a:hover{color:#0096ff}.VisAppMenuSection{padding-bottom:2em}.VisAppMenuOption{padding-bottom:1em}#MaterialListToggle,#StyleListToggle{cursor:pointer}#VisAppContent{position:relative;top:6em;bottom:0;overflow-y:auto;padding:0 2% 2% 2%;left:0;right:0}.Embedded>#VisAppContent{top:1em}#VisAppFloatingRenderWindow{background-color:#323232;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1}div#VisAppFloatingRenderWindow,canvas#VisAppFloatingRenderWindow.Loading{background-image:url('/UserFiles/image/visbg.jpg');background-size:cover;background-position-x:center;background-position-y:top}.VisAppLogo{width:150px;max-width:100%;max-height:4.5em}.VisAppTitle{font-weight:100;vertical-align:top;font-size:3em}.VisPanel{background-color:#fff;padding:1rem;box-shadow:0 2px 3px 0 rgba(0,0,0,.16),0 2px 6px 0 rgba(0,0,0,.12)}h1,h2,h3{font-weight:100;margin:0 0 .5rem 0}img{max-width:100%}.Swatch,.HalfSwatch{width:14.65%;float:left;position:relative;overflow:hidden;margin:1%;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#fff;cursor:pointer}.Swatch:before{padding-top:100%;display:block;content:""}.Swatch .SwatchName,.HalfSwatch .SwatchName{position:absolute;bottom:0;width:100%;padding:2px 5px;background-color:rgba(0,0,0,.5);color:#fff;font-weight:bold;font-size:.8em;box-sizing:border-box}a.Selected>.Swatch{border:solid 1px #ee3e33;box-sizing:border-box}body.VisOptionShow{overflow:hidden}.VisRender{overflow:hidden;width:40%;box-sizing:border-box;float:left;position:relative;background-color:#fff;margin-bottom:1em;padding:0}.VisRender.Loading::after,#VisAppFloatingRenderWindow.Loading::after{content:"";position:absolute;left:50%;top:50%;display:block!important;border:10px solid;border-radius:500px;transition:all .5s ease;margin-left:-50px;margin-top:-50px;width:80px;height:80px;-webkit-animation-name:kfloader;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation:kfloader 1s infinite ease;-o-animation:kfloader 1s infinite ease;animation:kfloader 1s infinite ease;background:transparent!important;border-color:rgba(0,150,255,.65)!important;border-left-color:transparent!important;border-right-color:transparent!important}.VisControls{padding:1rem;overflow:hidden;width:58%;box-sizing:border-box;float:right;background-color:#fff;margin-bottom:1em}.OptionPick{vertical-align:top;margin-bottom:1em}.VisOptionList{display:none;background-color:#f5f5f5;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow-y:auto}.VisOptionList.Open{display:block!important}.VisOptionList h2{font-weight:100;margin:.5rem}.VisOptionList[data-vistype="Kitchen"]>.OptionItem.Bedroom{display:none}.VisOptionList[data-vistype="Kitchen"]>.OptionItem.Kitchen[data-mask-kit="0"]{display:none}.VisOptionList[data-vistype="Bedroom"]>.OptionItem.Kitchen{display:none}.VisOptionList[data-vistype="Bedroom"]>.OptionItem.Kitchen[data-mask-bed="0"]{display:none}.StyleTitle,.ColourTitle{font-weight:100}input[name="VisMode"]:disabled+label{color:silver}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);z-index:0}.hoverable:hover{transition:box-shadow .25s;box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;z-index:2}.BarControls{display:inline-block;vertical-align:top}.VisAppIcon{width:3.5em;height:3.5em;float:right;padding:.25em;box-sizing:border-box;border:solid 1px #4d4d4d;margin:.5em;border-radius:.5em}@media(max-width:1024px){.Swatch,.HalfSwatch{width:18%;margin:1%}}@media(max-width:800px){.Swatch,.HalfSwatch{width:22%;margin:1.5%}}@media(max-width:768px){.VisRender{width:auto;float:none}.VisControls{width:auto;float:none}.OptionPick{display:inline-block;margin:.5em}}@media(max-width:600px){.Swatch,.HalfSwatch{width:29.33%;margin:2%}.RelatedSwatch{width:15%;margin:.8%}}@media(max-width:500px){.RelatedSwatch{width:23%;margin:1%}}@media(max-width:400px){.Swatch,.HalfSwatch{width:45%;margin:2.5%}.RelatedSwatch{width:31.3%;margin:1%}}@-webkit-keyframes kfloader{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes kfloader{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes kfloader{0%{-o-transform:rotate(0);}100%{-o-transform:rotate(360deg);}}@keyframes kfloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}