:root{--switches-bg-color:#fff;--switches-label-color:#ff0334;--switch-bg-color:#ff0334;--switch-text-color:#fff;}.bg-lightblue{max-width:1366px !important;margin:0 auto;}.selector-size img{width:43px;height:43px;cursor:pointer;border-radius:10%;}.tile-joint-visualizer .filter{position:relative;}.tile-joint-visualizer .disable-filter:after{background-color:rgba(0,0,0,.3);content:"Please upload an image to enable customisation";padding:30px;padding-top:70px;color:#fff;position:absolute;width:100%;height:100%;top:0;right:0;backdrop-filter:blur(5px);}.tile-joint-visualizer .filter h6{font-size:18px;}.tile-joint-visualizer .filter h3{font-size:24px;}.tile-joint-visualizer .step{margin-bottom:30px;}.tile-joint-visualizer ul.color-list{margin-bottom:0;}.tile-joint-visualizer ul.color-list li{display:inline-grid;margin-right:3px;margin-bottom:3px;border:1px solid #fff;border-radius:10%;}.tile-joint-visualizer ul.color-list li a{width:32px;height:32px;display:block;border-radius:10%;}.bg-dark{background-color:#ff0334 !important;}.tile-joint-visualizer .theme-btn:before,.tile-joint-visualizer .theme-btn:after{z-index:-1;}.tile-joint-visualizer .theme-btn label{cursor:pointer;}.switches-container{position:relative;display:flex;padding:0;background:var(--switches-bg-color);line-height:3rem;}.switches-container input{visibility:hidden;position:absolute;top:0;}.switches-container label{width:50%;padding:0;margin:0;text-align:center;cursor:pointer;color:var(--switches-label-color);}.switch-wrapper{position:absolute;top:0;bottom:0;width:50%;padding:5px;transition:transform .5s cubic-bezier(.77,0,.175,1);}.switch{background:var(--switch-bg-color);height:100%;}.switch div{width:100%;text-align:center;opacity:0;display:block;color:var(--switch-text-color);transition:opacity .2s cubic-bezier(.77,0,.175,1) .125s;will-change:opacity;position:absolute;top:0;left:0;font-size:18px;font-weight:bold;}.switches-container input:nth-of-type(1):checked~.switch-wrapper{transform:translateX(0%);}.switches-container input:nth-of-type(2):checked~.switch-wrapper{transform:translateX(100%);}.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1){opacity:1;}.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2){opacity:1;}.final-result-wrapper{display:none;width:100%;position:relative;overflow:hidden;}img.floor-bg{position:absolute;top:-123px;left:0;right:0;margin:0 auto;width:100%;}img.sassproai-logo{width:auto;z-index:10;position:absolute;max-width:100px;left:0;top:15px;}.sassproai-shade{z-index:10;position:absolute;right:1.2svw;top:15px;color:#fff;font-weight:600;text-transform:uppercase;font-size:12px;text-align:center;letter-spacing:.36px;width:115px;padding:2px;background:red;border-radius:4px;}.sassproai-preloader{top:0;left:0;z-index:12;width:100%;height:100%;display:none;position:absolute;background-color:rgba(107,198,183,.9);}.sassproai-preloader img{top:50%;left:0;right:0;display:block;margin:0 auto;max-width:50px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.tile-joint-visualizer .select-tyle-building .gradient-card.solution-card img{max-height:120px;}.tile-view-wrapper{z-index:1;width:auto;height:583px;max-width:100%;overflow:hidden;position:relative;-webkit-perspective:420px;-moz-perspective:420px;perspective:420px;}.bg-secondary{background-color:#fff !important;}.tile-row{padding:0;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row;justify-content:space-around;position:relative;}.tile-cell{margin:3px;flex:1 0 auto;height:auto;position:relative;background-color:#fff;background-size:cover;background-position:center;}.tile-cell:before{content:"";float:left;padding-top:100%;}section.tile-area{padding:0;left:0;right:0;width:825px;height:339px;bottom:-14px;margin:0 auto;overflow:hidden;position:absolute;background-color:#fff;-webkit-transform:rotateX(-96deg) translateX(0px) translateY(-18px) scaleX(1);transform:rotateX(-96deg) translateX(0px) translateY(-5px) scaleX(1);}.vertical .tile-cell:before{content:"";float:left;padding-top:84%;}.vertical section.tile-area{width:586px;height:47.7%;top:98px;-webkit-transform:rotateX(0) translateX(0px) translateY(0) scaleX(1);transform:rotateX(0) translateX(0px) translateY(0) scaleX(1);}.tile-rectangle .tile-cell{width:180px;height:58px;}.horizontalskew .tile-row.tile-row-odd{left:90px;}.verticalskew .tile-view-wrapper{-webkit-perspective:320px;-moz-perspective:320px;perspective:320px;}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{-webkit-transform:rotateX(253deg) translateX(0px) rotateY(0deg) rotateZ(90deg) scaleX(1) translateX(-160px);transform:rotateX(253deg) translateX(0px) rotateY(0deg) rotateZ(90deg) scaleX(1) translateX(-160px);bottom:-358px;height:1080px;}.final-result-wrapper.verticalskew.tile-rectangle .tile-cell{width:180px !important;height:80px !important;}.verticalskew .tile-row.tile-row-odd{left:90px;}.final-result-wrapper.vertical.horizontalskew .tile-cell,.final-result-wrapper.vertical.verticalskew .tile-cell{width:220px !important;height:80px !important;}.final-result-wrapper.vertical.horizontalskew .tile-row.tile-row-odd,.final-result-wrapper.vertical.verticalskew .tile-row.tile-row-odd{left:108px;}.final-result-wrapper.vertical.horizontalskew .tile-cell,.final-result-wrapper.vertical.verticalskew .tile-cell{width:95px !important;height:44.5px !important;}.final-result-wrapper.vertical.horizontalskew .tile-row.tile-row-odd,.final-result-wrapper.vertical.verticalskew .tile-row.tile-row-odd{left:49px !important;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:589px;bottom:auto;-webkit-transform:rotate(-90deg) translateX(0px) translateY(0px) scaleX(1);transform:rotate(-90deg) translateX(0px) translateY(0px) scaleX(1);width:285px;top:-55px;}@media (max-width: 1366px){section.tile-area{width:790px;height:448px;transform:rotateX(-102deg) translateX(0px) translateY(-5px) scaleX(1);}.verticalskew .tile-view-wrapper{-webkit-perspective:495px;-moz-perspective:495px;perspective:495px;}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{bottom:-313px;height:1080px;transform:rotateX(253deg) translateX(0px) rotateY(0deg) rotateZ(90deg) scaleX(1) translateX(201px);}.vertical section.tile-area{width:511px;height:41.8%;top:70px;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:519px;width:250px;width:245px;op:-73px;}}@media (max-width: 1199px){.tile-joint-visualizer .filter h3{font-size:22px;}img.floor-bg{top:-60px;}.tile-view-wrapper{height:500px;}section.tile-area{bottom:-76px;width:690px;height:400px;transform:rotateX(-93deg) translateX(0px) translateY(-5px) scaleX(1);}.switches-container label,.switch div,.tile-joint-visualizer .filter h6{font-size:16px;}.tile-joint-visualizer .form-select{font-size:14px;}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{height:856px;transform:rotateX(263deg) translateX(0px) rotateY(0deg) rotateZ(90deg) scaleX(1) translateX(201px);}.vertical section.tile-area{width:416px;height:38.7%;top:92px;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:416px;width:195px;top:-20px;}}@media (max-width: 767px){img.floor-bg{top:-35px;}.tile-view-wrapper{height:434px;}section.tile-area{bottom:-126px;width:615px;height:401px;transform:rotateX(-89deg) translateX(0px) translateY(-5px) scaleX(1);}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{bottom:-113px;width:577px;height:401px;transform:rotateX(-89deg) translateX(0px) translateY(-5px) scaleX(1);}.vertical section.tile-area{width:390px;height:44.7%;top:109px;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:382px;width:185px;top:10px;}}@media (max-width: 719px){img.floor-bg{top:-35px;}.tile-view-wrapper{height:408px;}section.tile-area{bottom:-126px;width:576px;height:401px;transform:rotateX(-90deg) translateX(0px) translateY(-5px) scaleX(1);}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{bottom:-116px;width:541px;height:401px;transform:rotateX(-89deg) translateX(0px) translateY(-5px) scaleX(1);}.vertical section.tile-area{width:390px;height:44.7%;top:109px;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:382px;width:185px;top:10px;}}@media (max-width: 676px){img.floor-bg{top:-35px;}.tile-view-wrapper{height:320px;}section.tile-area{bottom:-125px;width:438px;height:401px;transform:rotateX(-92deg) translateX(0px) translateY(-5px) scaleX(1);}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{bottom:-124px;width:430px;height:401px;transform:rotateX(-92deg) translateX(0px) translateY(-5px) scaleX(1);}.vertical section.tile-area{width:390px;height:44.7%;top:109px;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:382px;width:185px;top:10px;}}@media (max-width: 518px){img.floor-bg{top:-35px;}.tile-view-wrapper{height:284px;}section.tile-area{bottom:-122px;width:374px;height:401px;transform:rotateX(-93deg) translateX(0px) translateY(-5px) scaleX(1);}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{bottom:-117px;width:363px;height:401px;transform:rotateX(-92deg) translateX(0px) translateY(-5px) scaleX(1);}.vertical section.tile-area{width:390px;height:44.7%;top:109px;}.final-result-wrapper.vertical.verticalskew section.tile-area{height:255px;width:116px;top:-6px;}}@media (max-width: 450px){.tile-view-wrapper{height:304px;}section.tile-area{bottom:-110px;width:100%;height:400px;transform:rotateX(-96deg);}.tile-joint-visualizer ul.color-list li a{width:55px;height:55px;}.selector-size img{width:62px;height:62px;}.tile-view-wrapper{perspective:310px;}.vertical section.tile-area{width:61%;height:43.7%;top:50px;}.final-result-wrapper.verticalskew:not(.vertical) section.tile-area{bottom:-85px;width:341px;height:401px;transform:rotateX(-95deg) translateX(0px) translateY(-5px) scaleX(1);}.final-result-wrapper.vertical.verticalskew section.tile-area{height:230px;width:116px;top:-6px;}}@media (max-width: 425px){.tile-view-wrapper{height:304px;}section.tile-area{bottom:-110px;width:100%;height:400px;transform:rotateX(-96deg);}.tile-joint-visualizer ul.color-list li a{width:55px;height:55px;}.selector-size img{width:62px;height:62px;}.tile-view-wrapper{perspective:310px;}.vertical section.tile-area{width:61%;height:43.7%;top:50px;}}@media (max-width: 400px){.tile-view-wrapper{height:206px;}section.tile-area{bottom:-139px;height:400px;transform:rotateX(-93deg);}.tile-joint-visualizer ul.color-list li a{width:48px;height:48px;}.selector-size img{width:55px;height:55px;}}@media (max-width: 375px){section.tile-area{bottom:-130px;}.vertical section.tile-area{top:41px;}}.messagebox_overlay{background-color:rgba(255,255,255,.6);z-index:9999;}.messagebox_overlay :focus{outline:0;}.messagebox{font-family:verdana,arial,helvetica,sans-serif;font-size:10pt;font-style:normal;font-weight:400;text-align:left;color:#303030;background-color:#fcfcfc;border:1px solid #c8c8c8;box-shadow:0 2px 4px #a0a0a0;max-height:90%;max-width:90%;min-width:300px;}.messagebox_title{background-color:#f5f5f5;border-bottom:1px solid #c8c8c8;padding:5px;text-align:center;font-weight:700;}.messagebox_content{padding:20px;}.messagebox_content_label{width:100%;font-style:italic;margin-top:10px;margin-bottom:-5px;}.messagebox_content_input{width:100%;margin-top:10px;padding:3px;color:#303030;border:1px solid #909090;font-family:inherit;font-size:inherit;font-style:normal;font-weight:inherit;text-align:left;}.messagebox_content_input:hover{border-color:#707070;}.messagebox_content_input:focus{border-color:#707070;box-shadow:inset 0 0 3px #ffd540;}.messagebox_content_input_selectplaceholder{color:#909090;}.messagebox_content_input_textarea{overflow-y:auto;}.messagebox_content_caption{width:100%;margin-top:15px;padding:5px 0;}.messagebox_content_checkbox_wrapper{width:100%;margin-top:10px;}.messagebox_content_checkbox{margin-right:5px;vertical-align:-2px;}.messagebox_content_error{background-color:#fad0d5;color:#a02020;margin-top:15px;margin-bottom:-10px;padding:4px 6px;border-radius:2px;}.messagebox_buttons{background-color:#f5f5f5;border-top:1px solid #c8c8c8;padding:10px 20px 0 20px;text-align:center;}.messagebox_buttons_button{font-family:inherit;font-size:inherit;font-weight:700;text-align:center;min-width:75px;margin:0 4px 10px 4px;padding:5px 10px;cursor:pointer;color:#404040;background-color:#e9e9e9;background-image:linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 51%,rgba(255,255,255,0) 100%);border:1px solid silver;border-radius:2px;}.messagebox_buttons_button:hover{color:#202020;background-color:#f0f0f0;}.messagebox_buttons_button:active{background-color:#e6e6e6;border:1px solid #a0a0a0;box-shadow:inset 0 0 6px #d0d0d0;}.messagebox_buttons_button::-moz-focus-inner{padding:0;border:0;}