#fitout-calculator{display:grid;grid-template-columns:minmax(20rem, 25%) 1fr;gap:2rem;margin-bottom:4rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#fitout-calculator>.left-col{border-right:1px solid #a8a8a8}#fitout-calculator .cats .cat{display:flex;background:#d7d7d3;margin-bottom:.25rem;padding:.5rem 1rem;cursor:pointer;transition:.2s all ease;align-items:center;line-height:1.2;width:100%;position:relative}#fitout-calculator .cats .cat:hover{background:#cbcbc6}#fitout-calculator .cats .cat svg{margin-left:auto;font-size:1.25rem}#fitout-calculator .cats .cat input{background:#fff;border-radius:1rem;margin-right:.5rem;border:1px solid #333;cursor:pointer}#fitout-calculator .cats .cat input:after{border-color:#fff}#fitout-calculator .cats .cat input:checked{background:#999963;border:1px solid #999963}#fitout-calculator .cats .cat input[readonly]{background:#a8a8a8;border:1px solid #a8a8a8}#fitout-calculator .cats .cat .tooltip{position:absolute;z-index:1;background:rgba(0,0,0,.5);color:#fff;width:20rem;top:-1rem;right:0;-webkit-transform:translate3d(calc(100% + 0.5rem), 0, 0);transform:translate3d(calc(100% + 0.5rem), 0, 0);border-radius:.5rem;padding:.5rem;font-size:.8rem;line-height:1.3;opacity:0;visibility:hidden;transition:.2s all ease}#fitout-calculator .cats .cat .tooltip:before{content:"";width:0;height:0;border-style:solid;border-width:.5rem .5rem .5rem 0;border-color:rgba(0,0,0,0) rgba(0,0,0,.5) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;z-index:2;top:1.6rem;left:-0.5rem}#fitout-calculator .cats .cat:hover .tooltip{opacity:1;visibility:visible}#fitout-calculator .cats .cat:hover .tooltip:hover{opacity:0;visibility:hidden}#fitout-calculator .form-bottom{padding:1rem}#fitout-calculator .form-bottom .sqft-input{margin:0 0 1rem 0;border:1px solid #a8a8a8;border-radius:.25rem;padding:.5rem 1rem;display:flex;align-items:center}#fitout-calculator .form-bottom .sqft-input input{border:none;width:100%}#fitout-calculator .form-bottom .sqft-input input::-webkit-input-placeholder{color:#a8a8a8;opacity:1}#fitout-calculator .form-bottom .sqft-input input::-moz-placeholder{color:#a8a8a8;opacity:1}#fitout-calculator .form-bottom .sqft-input input::placeholder{color:#a8a8a8;opacity:1}#fitout-calculator .form-bottom .sqft-input input:-ms-input-placeholder{color:#a8a8a8}#fitout-calculator .form-bottom .sqft-input input::-ms-input-placeholder{color:#a8a8a8}#fitout-calculator .form-bottom .smallprint{font-size:.7rem;line-height:1.2;text-align:center}#fitout-calculator .form-bottom .smallprint a{color:#333;text-decoration:underline}#fitout-calculator>.right-col{display:flex;align-items:center}#fitout-calculator>.right-col .gallery{width:20%;height:80%;overflow:hidden;position:relative;border-radius:1rem;margin-right:1rem;transition:.5s all ease;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);cursor:pointer}#fitout-calculator>.right-col .gallery:before{content:"";width:100%;height:100%;top:0;left:0;z-index:1;background:#000;background:linear-gradient(0deg, rgba(0, 0, 0, 0.75) 15%, rgba(0, 0, 0, 0) 55%);position:absolute;opacity:0;visibility:hidden;transition:.5s all ease}#fitout-calculator>.right-col .gallery:after{content:"";width:100%;height:100%;top:0;left:0;z-index:1;background:#000;position:absolute;opacity:.5;visibility:visible;transition:.5s all ease}#fitout-calculator>.right-col .gallery:last-child{margin-right:0}#fitout-calculator>.right-col .gallery .track{display:flex;height:100%;transition:.5s all ease}#fitout-calculator>.right-col .gallery .track .image-slide{flex:1 1 auto;position:relative}#fitout-calculator>.right-col .gallery .track img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-o-object-position:50% 50%;object-position:50% 50%;display:block;position:absolute;top:0;left:0;bottom:0;right:0}#fitout-calculator>.right-col .gallery .track:before{content:"";width:100%;height:100%;background:linear-gradient(-90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0;opacity:1;visibility:visible;transition:.5s all ease}#fitout-calculator>.right-col .gallery h2{margin-bottom:0;font-size:3rem;color:#fff;text-shadow:0px 0px 4px rgba(0,0,0,.6)}#fitout-calculator>.right-col .gallery h2 .estimates-wrapper{display:block;font-size:1.5rem}#fitout-calculator>.right-col .gallery .description{position:absolute;bottom:0;width:100%;color:#fff;text-align:center;line-height:1.2;padding:1rem;margin:0;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);transition:.5s all ease;z-index:2}#fitout-calculator>.right-col .gallery .navigation-buttons{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:.5s all ease;z-index:3}#fitout-calculator>.right-col .gallery .navigation-buttons button{border:none;color:#fff;font-size:3rem;cursor:pointer;height:100%;width:35%;opacity:1;visibility:visible;transition:.2s all ease}#fitout-calculator>.right-col .gallery .navigation-buttons button svg{display:block;transition:.2s all ease}#fitout-calculator>.right-col .gallery .navigation-buttons button.disabled{opacity:0;visibility:hidden}#fitout-calculator>.right-col .gallery .navigation-buttons button.next svg{margin-left:auto}#fitout-calculator>.right-col .gallery .navigation-buttons button:hover:not(.disabled) svg{color:#999963}#fitout-calculator>.right-col .gallery .side-title{margin:0;position:absolute;top:50%;right:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:100%;transition:.5s all ease;z-index:2;text-shadow:0px 0px 20px #000,0px 0px 2px #000}#fitout-calculator>.right-col .gallery .side-title h2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:0;text-align:center;transition:.2s all ease}#fitout-calculator>.right-col .gallery:hover .side-title h2{color:#999963}#fitout-calculator>.right-col .gallery.active{width:60%;height:100%;cursor:auto}#fitout-calculator>.right-col .gallery.active:before{opacity:1;visibility:visible}#fitout-calculator>.right-col .gallery.active:after{opacity:0;visibility:hidden}#fitout-calculator>.right-col .gallery.active .track:before{opacity:0;visibility:hidden}#fitout-calculator>.right-col .gallery.active .navigation-buttons{opacity:1;visibility:visible}#fitout-calculator>.right-col .gallery.active .description{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);transition-delay:.25s}#fitout-calculator>.right-col .gallery.active .side-title{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}#fitout-calculator>.bottom-button{grid-column:1/-1;text-align:center;display:none}#fitout-calculator>.bottom-button .estimates{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));margin-bottom:1rem}#fitout-calculator>.bottom-button .estimates h2{margin-bottom:0}#fitout-calculator>.bottom-button .estimates .estimates-wrapper{font-size:1.5rem}#fitout-calculator>.bottom-button .estimates .gold{color:#cab028}#fitout-calculator>.bottom-button .estimates .silver{color:#bab9b5}#fitout-calculator>.bottom-button .estimates .bronze{color:#a45300}@media only screen and (max-width: 1535px){#fitout-calculator{align-items:center}#fitout-calculator>.right-col{height:30rem}}@media only screen and (max-width: 1279px){#fitout-calculator{grid-template-columns:minmax(15rem, 25%) 1fr}#fitout-calculator>.right-col{flex-direction:column;gap:1rem;height:40rem}#fitout-calculator>.right-col .gallery{width:100%;margin-right:0;height:20%}#fitout-calculator>.right-col .gallery .navigation-buttons button{display:flex;padding-top:2rem}#fitout-calculator>.right-col .gallery .side-title h2{-webkit-transform:none;transform:none;text-align:left;margin-left:2rem;font-size:2rem;position:relative;width:calc(100% - 2rem)}#fitout-calculator>.right-col .gallery .side-title h2:after{content:"";position:absolute;bottom:-0.5rem;left:0;height:3px;width:3rem;background:#fff}#fitout-calculator>.right-col .gallery .description{text-align:left;padding:2rem}#fitout-calculator>.right-col .gallery .description h2{font-size:2.5rem;position:relative}#fitout-calculator>.right-col .gallery .description h2:after{content:"";position:absolute;bottom:-0.5rem;left:0;height:3px;width:3rem;background:#fff}#fitout-calculator>.right-col .gallery.active{width:100%;height:70%}#fitout-calculator>.right-col .gallery.active .side-title{-webkit-transform:translate(0, -1000%);transform:translate(0, -1000%)}}@media only screen and (max-width: 50rem){#fitout-calculator{grid-template-columns:1fr;gap:1rem}#fitout-calculator>.bottom-button .button{font-size:1.3rem}#fitout-calculator>.bottom-button .estimates{display:block}#fitout-calculator>.bottom-button .estimates .level{margin-bottom:1rem}#fitout-calculator>.bottom-button .estimates h2{margin-top:0}#fitout-calculator>.bottom-button .estimates .estimates-wrapper{font-size:1.5rem}#fitout-calculator .left-col{border-right:none}#fitout-calculator .right-col{min-height:50rem;order:-1}}.foc-page .sub-company-logo{display:none}.foc-page .overlay-gradient-black-top:before{display:none}.foc-page .tem-header .menu-button{color:#333}.foc-page .tem-content .article-header:not(.title-disabled){padding-top:0}.foc-page .tem-content .article-content{padding-top:0;padding-bottom:1rem}.foc-popup{position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100;top:0;left:0;opacity:0;visibility:hidden;transition:.2s all ease}.foc-popup .popup-content{max-width:50rem;width:75%;background:#fff;border-radius:1rem;padding:2rem;z-index:2;line-height:1.5;transition:.5s all ease;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}@media only screen and (max-width: 50rem){.foc-popup .popup-content{width:90%}}.foc-popup .popup-content h2{margin-top:0}.foc-popup .popup-content .email-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.foc-popup .popup-content .email-form .foc-submit{grid-column:1/-1;margin:auto;max-width:20rem}@media only screen and (max-width: 50rem){.foc-popup .popup-content .email-form{grid-template-columns:1fr}}.foc-popup .popup-content .thankyou{display:none}.foc-popup .popup-content input{border-radius:.25rem}.foc-popup .popup-content input::-webkit-input-placeholder{color:#a8a8a8;opacity:1}.foc-popup .popup-content input::-moz-placeholder{color:#a8a8a8;opacity:1}.foc-popup .popup-content input::placeholder{color:#a8a8a8;opacity:1}.foc-popup .popup-content input:-ms-input-placeholder{color:#a8a8a8}.foc-popup .popup-content input::-ms-input-placeholder{color:#a8a8a8}.foc-popup.active{opacity:1;visibility:visible}.foc-popup.active .popup-content{-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}.foc-popup .background{background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.foc-submit{width:100%;background:#999963;color:#fff;font-size:1.2rem;border:none;margin-top:1rem;display:block;cursor:pointer;transition:.2s all ease;border-radius:.25rem}.foc-submit:hover{background:#8a8a59;color:#fff}.foc-submit:disabled{background:#a8a8a8;cursor:not-allowed}