:root{--background-color:#466f9d}.App{text-align:center;display:flex;flex-direction:column;justify-content:flex-start;height:100%;font-family:FuturaBT;font-size:14px}.App .flex-center{display:flex;justify-content:cneter;align-items:center}.App .css-1pxa9xg-MuiAlert-message{font-size:12px}.App #header{flex-grow:0;transition:width 1s ease}.App .header-open{height:100px}.App .header-close{height:0;border:none!important}.App #shed-plan{flex-grow:1;position:relative;overflow:hidden}.App #shed-plan canvas{width:100%;height:100%;max-width:100%;max-height:100%;display:block;position:absolute}.App #shed-plan .canvas-container{padding:0;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.App #shed-plan .ui3-panel{position:absolute;background-color:#fff;right:360px;bottom:0}.App .cls-1{fill:var(--background-color);fill-rule:evenodd}.App .st0{fill-rule:evenodd;clip-rule:evenodd;fill:var(--background-color)}.App .btn-get-quote{position:absolute;bottom:6vh;color:#fff;background-color:#466f9d;background-color:var(--background-color);font-size:16px;font-weight:600;line-height:32px;font-family:sans-serif;border:none;border-radius:16px;height:32px;width:154px;margin-top:32px}.App .btn-get-quote.opened{margin-left:-200px}.App .contact-modal{position:absolute;background-color:#eee;border-radius:3px;box-shadow:2px 4px 12px #aaa}.App .contact-modal .modal-header{color:#fff;background-color:var(--background-color);font-size:18px;font-weight:400}.App .contact-modal .modal-header .btn-close{position:absolute;color:#fff;background:no-repeat;border:none;font-weight:600;font-size:12px;right:6px;left:unset;top:6px;cursor:pointer}.App .contact-modal .modal-header .btn-close img{height:24px;width:24px}.App .contact-modal .modal-header label{margin-bottom:0}.App .contact-modal .modal-header label span{font-family:sans-serif;margin-left:3px}.App .contact-modal .modal-body{display:flex;flex-wrap:wrap;max-width:480px;padding:30px;justify-content:flex-start;align-items:center}.App .contact-modal .modal-body .field-item{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:12px}.App .contact-modal .modal-body .field-item input{width:100%;border:none;height:30px;border-radius:15px;padding:0 15px}.App .contact-modal .modal-body .field-item input:focus,.App .contact-modal .modal-body .field-item textarea:focus{outline:none}.App .contact-modal .modal-body .field-item label{color:#2a4860}.App .contact-modal .modal-body .field-item label span{color:red}.App .contact-modal .modal-body .field-item.half-item{width:46%}.App .contact-modal .modal-body .field-item.half-item:nth-child(2){margin-left:8%}.App .contact-modal .modal-body .field-item.submit-item{display:flex;justify-content:center;align-items:center}.App .contact-modal .modal-body .field-item.submit-item button{color:#fff;background-color:#466f9d;background-color:var(--background-color);font-size:16px;font-weight:600;line-height:32px;font-family:sans-serif;border:none;border-radius:16px;height:32px;width:154px;margin-top:32px}.App .contact-modal .modal-body .field-item.align-center{display:flex;justify-content:flex-start;align-items:center}.App .contact-modal .modal-body .field-item.align-center svg{font-size:60px;color:var(--background-color)}.App .contact-modal .modal-body .field-item.align-center h3{font-size:32px;font-weight:600}.App .contact-modal .modal-body .field-item.align-center p{font-size:15px;font-weight:600}.App .package-modal{border:2px solid #31708f}.App .package-modal .modal-body{max-width:70vw;width:70vw;padding:0;height:80vh;align-items:flex-start;flex-direction:column;flex-wrap:nowrap}.App .package-modal .modal-body section .section-head{width:100%;display:flex;justify-content:space-between;align-items:center}.App .package-modal .modal-body section .section-head select{margin-left:24px;width:112px;height:24px;border-color:#31708f}.App .package-modal .modal-body section .section-head .left-head{justify-content:flex-start;align-items:center;display:flex}.App .package-modal .modal-body section .section-head .left-head label{border-bottom:1px solid #2a4860;line-height:24px;margin-left:12px;height:24px}.App .package-modal .modal-body section .section-head .left-head .package-toggle{cursor:pointer}.App .package-modal .modal-body section .section-head .left-head .btn-package{margin-left:12px}.App .package-modal .modal-body section .section-head .left-head .fast-del{margin-left:12px;width:18px}.App .package-modal .modal-body section .section-head .left-head>img{width:24px}.App .package-modal .modal-body section .section-head .right-head{display:flex;justify-content:flex-start;align-items:center}.App .package-modal .modal-body section .section-head .right-head .checkbox-container{margin-top:6px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.App .package-modal .modal-body section .section-head .right-head .checkbox-container input{width:18px;height:18px;margin:0}.App .package-modal .modal-body section .section-head .right-head .checkbox-container span{margin-left:6px;color:#2a4860}.App .package-modal .modal-body section .btn-package{border:none;background:#31708f;color:#fff;width:112px;font-size:15px}.App .package-modal .modal-body .package-editor .section-head .left-head{display:flex}.App .package-modal .modal-body .package-editor .section-head .left-head .image-tag{margin-left:12px;border:1px solid #31708f;padding:3px}.App .package-modal .modal-body .package-editor .section-head .left-head .image-tag img{width:30px}.App .package-modal .modal-body .package-editor .section-head .left-head .input-field input{width:72px;border:1px solid #31708f;border-radius:0;margin-left:12px;padding:0 6px}.App .package-modal .modal-body .package-editor .section-head .left-head .input-field label{color:#000;border:none}.App .package-modal .modal-body .package-editor .section-head .left-head .common-height{color:#000;border:none;margin:0 24px}.App .package-modal .modal-body section.package-editor.above .section-body{flex-direction:column}.App .package-modal .modal-body section.package-editor.above .section-body .package-row{width:100%;display:flex;margin-top:6px}.App .package-modal .modal-body section.package-editor.above .section-body .package-row .package-item{height:80px}.App .package-modal .modal-body section .package-item.selected{border:3px solid #31708f!important;border-radius:6px}.App .package-modal .modal-body section .double-select .package-item.selected{border-color:#00dde3!important}.App .package-modal .modal-body section.above .section-head{border-bottom:1px solid #31708f}.App .package-modal .modal-body section.above .section-body{height:34vh;width:100%;overflow-x:auto;overflow-y:hidden;display:flex;justify-content:flex-start;align-items:flex-start;padding:6px;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#31708f #f1f1f1}.App .package-modal .modal-body section.above .section-body>label{margin-bottom:0}.App .package-modal .modal-body section.above .section-body .drag-container{margin:0 auto}.App .package-modal .modal-body section.above .section-body .package-item{cursor:pointer;height:120px;width:fit-content;background-color:#add8e6;margin-right:18px;flex-shrink:0;display:inline-block}.App .package-modal .modal-body section.above .section-body .package-item img{height:100%}.App .package-modal .modal-body section.above .section-body .package-item .tooltiptext{visibility:hidden;width:120px;background-color:#31708f;color:#fff;text-align:center;border-radius:1px;padding:0 6px;font-size:14px;position:absolute;z-index:1;bottom:-16%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;overflow:hidden}.App .package-modal .modal-body section.above .section-body .package-item::-webkit-scrollbar{height:8px}.App .package-modal .modal-body section.above .section-body .package-item::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.App .package-modal .modal-body section.above .section-body .package-item::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.App .package-modal .modal-body section.above .section-body .package-item::-webkit-scrollbar-thumb:hover{background:#555}.App .package-modal .modal-body section.above .section-body .package-item{padding:6px;border:1px solid #31708f;border-radius:6px;color:#fff;cursor:move;user-select:none;margin:5px 24px 5px 5px;background-color:#fff;position:relative}.App .package-modal .modal-body section.above .section-body .package-item .delete-btn{position:absolute;top:-6px;right:-9px;background:#2a4860;display:flex;align-items:center;justify-content:center;cursor:pointer;width:18px;height:18px;border-radius:50%}.App .package-modal .modal-body section.above .section-body .package-item .delete-btn span{color:#fff;margin-bottom:10px;font-size:16px;padding:1px 6px}.App .package-modal .modal-body section.above .section-body .package-item .delete-btn span.del-spin{margin-bottom:18px}.App .package-modal .modal-body section.above .section-body .package-item.dragging{opacity:.4}.App .package-modal .modal-body section.above .section-body .package-item:hover .tooltiptext{visibility:visible;opacity:1}.App .package-modal .modal-body section.above .section-body.package-select{align-items:center;height:24vh}.App .package-modal .modal-body section.below .section-head{border-top:1px solid #31708f}.App .package-modal .modal-body section.below .section-head .left-head{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.App .package-modal .modal-body section.below .section-head .left-head input{width:200px;border:1px solid #31708f;border-radius:6px;height:25px;margin-left:12px}.App .package-modal .modal-body section.below .section-head .left-head .group-btns{margin:0 12px}.App .package-modal .modal-body section.below .section-head .left-head .group-btns button{margin:0;width:12px;height:24px;border:none;font-size:16px}.App .package-modal .modal-body section.below .section-body{height:32vh;width:100%;overflow-y:auto;overflow-x:hidden;padding:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;scrollbar-width:thin;scrollbar-color:#31708f #f1f1f1}.App .package-modal .modal-body section.below .section-body .style-item{height:120px;position:relative;width:fit-content}.App .package-modal .modal-body section.below .section-body .style-item img{height:72%;width:inherit}.App .package-modal .modal-body section.below .section-body .style-item .star-icon{position:absolute;width:12px;right:0;height:12px;top:0;background-color:#31708f;border-radius:50%}.App .package-modal .modal-body section.below .section-body.p1{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.App .package-modal .modal-body section.below .section-body.p1 .style-item{height:180px}.App .package-modal .modal-body section.below .section-body.p2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.App .package-modal .modal-body section.below .section-body.p2 .style-item{height:240px}.App .package-modal .modal-body section.below .section-body.p-1{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.App .package-modal .modal-body section.below .section-body.p-1 .style-item{height:90px}.App .package-modal .modal-body section.below .section-body.p-2{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.App .package-modal .modal-body section.below .section-body.p-2 .style-item{height:72px}.App .package-modal .modal-body section.below .section-body::-webkit-scrollbar{width:8px}.App .package-modal .modal-body section.below .section-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.App .package-modal .modal-body section.below .section-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.App .package-modal .modal-body section.below .section-body::-webkit-scrollbar-thumb:hover{background:#555}.App .package-modal .modal-body section.below .package-item{height:100px;margin-bottom:10px;margin-right:12px;cursor:pointer;display:flex;justify-content:center;align-items:center}.App .package-modal .modal-body section.below .package-item img{height:100%;width:inherit}.App .package-modal .modal-body section.below .section-body.p1 .package-item{height:120px}.App .package-modal .modal-body section.below .section-body.p2 .package-item{height:160px}.App .contact-modal.opened{margin-left:-200px}.App .contact-modal.confirm-modal{left:calc(50% - 200px);bottom:120px}.App .contact-modal.confirm-modal .field-item button{margin:12px 6px}.App .contact-modal.confirm-modal .field-item button.btn-cancel{margin-left:6%}.App .contact-modal.confirm-modal.closed{display:none}.App .contact-modal.package-modal{left:calc(50% - 24vw);bottom:6vh}.App .contact-modal.package-modal .field-item button{margin:12px 6px}.App .contact-modal.package-modal.closed{display:none}.App .flex-row{flex-direction:row!important}.App .client-home.hide-side .btn-get-quote.opened,.App .client-home.hide-side .contact-modal.opened{margin-left:0}.App .button-group.asset-search{display:flex;justify-content:space-around;align-items:center}.App .button-group.asset-search label{margin:0}.App .button-group.asset-search select{width:90px;height:24px}.App .button-group.button-center{flex-direction:column}.App .button-group.button-center .expand-asset{margin:12px 0;border-bottom:1px solid var(--background-color);border-top:1px solid var(--background-color);background:none;width:60px;height:9px}.App .button-group.button-center .expand-asset:hover{border:none;border-bottom:1px solid var(--background-color);border-top:1px solid var(--background-color)}.App .button-group.button-center .add-asset{margin-top:9px}.App .button-group.button-center.flex-column{flex-direction:row}.style-panel.expanded{max-height:60vh}.App-logo{height:72px}.App-header{background-color:#222;padding:12px;color:#fff}.App-title{font-size:3em;font-style:oblique;margin-left:24px}.App-intro{font-size:large}.panel-body{padding:3px}.icon-downarrow{width:16px;float:right;margin-top:3px}.menu-header{cursor:pointer}#my-canvas{width:100%}.style-panel{display:flex;flex-wrap:wrap;max-height:180px;overflow:auto;margin-bottom:6px}.style-item{width:100px;height:74px;overflow:hidden;margin:6px 0}#shed-plan{height:100%}#shed-plan .menu-content{height:100%;overflow:auto}#shed-plan .menu-content .size-item{display:flex;justify-content:space-between;align-items:center;margin-top:3px}#shed-plan .menu-content .size-item label{width:60px}#shed-plan .menu-content .size-item select{font-size:18px;width:100px}#shed-plan .menu-content .size-item input{text-align:right}#shed-plan .menu-content .size-item input:nth-child(3){font-size:18px;width:60px;height:26px;padding-right:6px}#shed-plan .menu-content .size-item input:nth-child(4){font-size:16px;width:48px;height:26px}#shed-plan .menu-content .size-item input:nth-child(5){font-size:16px;width:16px;height:16px;margin-right:3px}#shed-plan .menu-content .scene-color{display:flex;justify-content:center;align-items:center;margin-top:12px}#shed-plan .menu-content .scene-color .inputs{justify-content:center;align-items:center;margin:0 0 0 12px;display:flex}#shed-plan .menu-content .scene-color .inputs input{padding:1px;text-align:center;width:42px;height:21px;margin:0 6px}#shed-plan .menu-content .camera-pos{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:6px}#shed-plan .menu-content .camera-pos .button-group{width:100%;margin-top:12px}#shed-plan .menu-content .value-setting.input-price{margin-top:6px;text-align:left;margin-left:12px}#shed-plan .menu-content .value-setting.input-price label{font-weight:600;font-size:16px;min-width:54px;text-align:right}#shed-plan .menu-content .value-setting.input-price input{width:72px;text-align:right;margin-left:6px}#shed-plan .menu-content .value-setting.input-price.input-size input{width:54px}.flex-center{display:flex;justify-content:center;align-items:center}.check-box{margin-top:6px}.check-box>div{padding:2px 6px}.check-box>div input{margin:0}.check-box>div label{margin-bottom:0;margin-left:6px}.style-item>img{width:85px;height:54px;margin:auto}.color-button-group{display:flex;justify-content:flex-start;align-items:flex-start}.color-button-group>button{width:36px;height:36px;margin:3px}.style-item{cursor:pointer}.menu-list>button{max-width:54px;padding:0;margin:0 6px}.menu-list>button>label{font-size:11px}.header-bar{margin:0;background:#31708f;color:#fff;font-size:14px;text-align:right;line-height:27px;padding:0 21px}.addmargin{margin-top:4px;margin-bottom:0;overflow:hidden}canvas#my-canvas{outline:none}.panel-info>.panel-heading{color:#fff;background-color:#31708f;border-color:#bce8f1}.addmargin .panel-title{display:flex;justify-content:space-between;align-items:center;font-weight:400}.button-group,.panel-info{margin-bottom:6px}.button-group{display:flex;justify-content:space-between;position:relative;align-items:center}.button-group.button-center{justify-content:center}.border-top{border-top:1px solid #466f9d}.border-bottom{border-bottom:1px solid #466f9d}.font-Size{font-size:medium;font-weight:600}.overide-height{width:65px}.button-group>button{width:49.5%;border:none;height:36px;background:#31708f;color:#fff;border-radius:3px;outline:none}.button-group>button.copy-pos{position:absolute;right:6px;background-color:#fff;border:1px solid #31708f;color:#31708f;width:fit-content;height:fit-content}.button-group>select.sort-asset{position:absolute;left:6px;width:fit-content;height:fit-content}.button-group>button.copy-pos.left-side{right:unset;left:6px}.button-group>button.copy-pos.copied-pos{background-color:#31708f;color:#fff}.button-group>button.full-size{width:100%}.button-group>button:hover{background:#fff;color:#31708f;border:1px solid #31708f}.MuiDialog-root .MuiTypography-h6{font-size:2rem;color:orange}.MuiDialog-root .MuiTypography-body1{font-size:1.5rem}.MuiDialog-root .MuiFormLabel-root{font-size:1.2rem}#side-menu{position:fixed;right:0;top:0;transform:translate3d(272px,0,0);transition:transform .3s cubic-bezier(0,.52,0,1);width:272px;height:100%;z-index:100;background:hsla(0,0%,100%,.95)}#side-menu>h3{border-bottom:1px solid #d3d3d3;line-height:82px}#menu-background{position:fixed;left:0;top:0;background:none;width:100%;height:100%;z-index:99}#side-menu.hide{transform:translate3d(272px,0,0)}#side-menu>ul{padding-left:18px}#side-menu>ul>li{list-style:none;display:flex;justify-content:flex-start;align-items:center;height:42px;color:gray}#side-menu>ul>li>label{margin-left:21px}#side-menu.show{transform:translateZ(0);overflow:hidden}#edit-button{display:flex;justify-content:center;align-items:center;position:fixed;right:21px;bottom:18px;background:#31708f;color:#fff;width:92px;height:42px;border-radius:21px;cursor:pointer}#edit-button>label{margin-bottom:0;margin-left:6px;cursor:pointer}.mobile-modal{position:fixed;left:0;bottom:0;transform:translate3d(0,420px,0);transition:transform .3s cubic-bezier(0,.52,0,1);width:100%;height:420px;z-index:100;background:hsla(0,0%,100%,.95);padding-top:21px!important}.mobile-modal.show{transform:translateZ(0)}.siding-material{border-top:1px solid #31708f;padding:6px 0;position:relative}.siding-material button,.siding-material button:active,.siding-material button:focus{outline:none;border:none;cursor:pointer}.siding-material .siding-color-sets{border:1px solid #31708f;border-radius:6px}.siding-material .siding-color-sets .close-x{position:absolute;right:0;font-size:18px;cursor:pointer}.siding-material .siding-color-sets .siding-items{display:flex;flex-wrap:wrap;justify-content:flex-start}.siding-material .siding-color-sets .siding-items button{padding:0 6px;background:#d3d3d3;border-radius:9px;margin:6px;cursor:pointer;color:#000}.siding-material .siding-color-sets .siding-items button span.badge{background:none;font-size:18px;padding:0;cursor:pointer}.siding-material .siding-color-sets .siding-items .selected-item{border:2px solid #fc7e29;pointer-events:none}.siding-material .siding-color-sets .material-values{display:flex;justify-content:flex-start;align-items:center;margin:6px 0}.siding-material .siding-color-sets .material-values label{margin:0 6px}.siding-material .siding-color-sets .material-values .roofing-name{min-width:120px}.siding-material .siding-color-sets .material-values input{width:17%;height:20px;text-align:right}.siding-material .siding-color-sets .material-values select{width:36%;margin-left:4%}.siding-material .siding-color-sets .color-items{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:6px}.siding-material .siding-color-sets .color-items .color-item{width:40px;height:40px;background:#d3d3d3;margin:6px;background-size:cover;border-radius:3px;cursor:pointer}.siding-material .siding-color-sets .color-items .color-item.checked-item{border:2px solid green}.no-border{border:none}.asset-panel{padding:6px 0}#shed-plan .control-panel{position:absolute;width:350px;height:100%;z-index:1;background:#fff;transition:all .3s}#shed-plan .menu-close{position:absolute;right:-20px;background:#31708f;color:#fff;border:none;height:36px;border-radius:0 6px 6px 0;top:2px;width:24px}#shed-plan .control-panel.menu-closed{transform:translateX(-350px)}.asset-material .siding-color-sets{padding:18px 6px 6px}.asset-material .siding-color-sets .close-x{margin-top:-21px}.asset-material .siding-color-sets .set-header{display:flex;justify-content:space-between;align-items:center}.asset-material .siding-color-sets .set-header img{width:48px;border-radius:6px}.asset-material .siding-color-sets .set-header input{width:25%;font-size:13px;border:1px solid #31708f}.asset-material .siding-color-sets .set-header select{width:36%;border-color:#31708f;height:23px}.asset-material .siding-color-sets .set-header .tooltip-img{position:relative}.asset-material .siding-color-sets .set-header .tooltip-img span{position:absolute;background:#fff;color:#31708f;border-radius:3px;width:90px;border:1px solid;left:24px;top:16px;cursor:pointer;padding:6px;display:none}.asset-material .siding-color-sets .set-header .tooltip-img:hover span{display:block}.asset-material .siding-color-sets .set-content .pos-item{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.asset-material .siding-color-sets .set-content .pos-item label{color:gray}.asset-material .siding-color-sets .set-content .pos-item input{width:42px;font-size:12px;margin:0 3px;text-align:center;padding-top:5px;height:21px}.asset-material .siding-color-sets .set-content .pos-item .hv-item{padding:4px 0;border-left:1px solid #31708f}.asset-material .siding-color-sets .set-content .pos-item .hv-item input{width:21px;font-size:11px;height:21px;border:1px solid #767676;border-radius:2px}.asset-material .siding-color-sets .set-content .pos-item>.hv-item:first-of-type input{background-color:#ffe8e8}.asset-material .siding-color-sets .set-content .pos-item>.hv-item:nth-of-type(2) input{background-color:#e8eeff}.asset-material .siding-color-sets .set-content .pos-item>.hv-item:nth-of-type(3) input{background-color:#e9ffe8}.asset-material .siding-color-sets .set-content .pos-item>.hv-item:nth-of-type(4) input{background-color:#fffee8}.asset-material .siding-color-sets .set-content .pos-item .close-x{margin-top:-36px;height:18px}.asset-material .siding-color-sets .button-group{margin-top:12px}.childAsset-item{display:flex;justify-content:flex-end;padding:8px 0}.childAsset-item img{height:30px;margin-right:35px}.childAsset-item span{margin-top:-16px!important}.childAsset-item input{width:-webkit-fill-available}.child-parrent-addAccets button{width:82px;height:32px}.child-parrent-addAccets select{height:25px;max-width:160px}.child-parrent-addAccets .alt-class{width:42px;display:flex;justify-content:space-between;align-items:center}.child-parrent-addAccets .alt-class input{margin:0}.asset-package .asset-panel:after,.asset-package .asset-panel:before{content:none}.asset-package .set-header{flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;display:flex;justify-content:space-around}.asset-package .set-header img{width:42px;cursor:pointer;border-radius:6px}.asset-package .set-header label{margin-left:6px}.asset-package .set-header input{margin-left:6px;width:180px}.asset-package .set-header button{width:32px;background:#31708f;color:#fff;font-weight:800;border:none}.asset-package .set-header .radio-group-class{display:flex;justify-content:flex-start;align-items:center}.asset-package .set-header .radio-group-class input{width:inherit}.asset-package .set-header .radio-group-class label{display:flex;justify-content:flex-start;align-items:center;margin-left:12px}.asset-package .set-header .min-max-size{display:flex;justify-content:space-between;align-items:center}.asset-package .set-header .min-max-size div input{width:60px;text-align:right}.asset-package .panel-body .button-group button{width:48%;margin:0 2%}.asset-package .panel-body .button-group .selected{border:2px solid #00fffe}.asset-package .panel-body .four-btns button{width:23%;margin:0 1%}.asset-package .asset-material .siding-color-sets .set-header{justify-content:flex-start;align-items:center}.camera-setting .value-setting{text-align:left;padding:0 6px}.camera-setting .value-setting input{width:72px;text-align:right;margin-left:6px;height:21px}.camera-setting .value-setting label{font-weight:600;font-size:16px;min-width:54px}.camera-setting .value-setting span{margin-left:6px;color:gray}.custom-loader{position:fixed;width:100%;height:100%;z-index:60;display:flex;top:0;left:0;background-color:#fff;justify-content:center;align-items:center}.custom-loader>img{width:242px!important}.custom-loader .scene{width:100%;height:100%;perspective:600;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}.custom-loader .scene svg{width:240px;height:240px}.custom-loader .dc-logo{position:fixed;right:10px;bottom:10px}.custom-loader .dc-logo:hover svg{transform-origin:50% 50%;animation:arrow-spin 2.5s cubic-bezier(.165,.84,.44,1) 0s infinite}.custom-loader .dc-logo:hover:hover:before{content:"❤";color:#00fffe;left:-70px}.custom-loader .dc-logo:hover:hover:after,.custom-loader .dc-logo:hover:hover:before{padding:6px;font:10px/1 Monaco,sans-serif;font-size:10px;text-transform:uppercase;position:absolute;top:-30px;white-space:nowrap;z-index:20px;box-shadow:0 0 4px #222;background:rgba(0,0,0,.4)}.custom-loader .dc-logo:hover:hover:after{content:"Digital Craft";color:#6e6f71;right:0;background-image:none}@keyframes arrow-spin{50%{transform:rotateY(1turn)}}.button-group>button.skip-button{position:absolute;width:inherit;background:none;color:#31708f;right:12%;text-decoration:underline}.style-panel .select-package-wall{display:flex;align-items:flex-end;align-items:center;margin:6px}.style-panel .select-package-wall select{margin-left:6px}@media only screen and (max-width:768px){.App-header .logo-image img{height:54px}.App-header .logo-image .App-title{font-size:32px}}@media only screen and (max-width:460px){.client-home .contact-modal{left:0;top:100px;z-index:100;padding:0 7px}.client-home .contact-modal .modal-header{padding:12px 10px;text-align:left;position:relative}.client-home .contact-modal .modal-header .btn-close{top:25%;right:3%;position:absolute}.client-home .contact-modal .modal-header .btn-close img{height:21px;width:21px}.client-home .contact-modal .modal-body{padding:6px 12px 35px;background-color:#d9d9d9}.client-home .contact-modal .modal-body .field-item.submit-item button{margin-top:18px}.client-home .contact-modal .modal-body .field-item{margin-bottom:6px}.client-home .contact-modal .modal-body .require-label{display:none}.client-home .client-panel{width:100%;opacity:.86}.client-home .client-savebar{width:100%;z-index:10}.client-home .btn-get-quote.opened{margin-left:0}.left-arrow-btn.opened{left:-60px}@keyframes shadow-and-brightness{0%,to{filter:invert(.4)}50%{filter:invert(0)}}.client-home .client-panel.closed{right:calc(60px - 100%)}.client-home .client-panel .client-panel-element{width:calc(100% - 60px)}.client-home .client-panel .client-panel-element .order-header{display:flex;justify-content:flex-start;align-items:flex-start}.client-home .client-panel .client-panel-element .order-header>div{width:160px}.client-home .client-panel button.left-arrow-btn{width:36px;height:32px;left:-52px}.client-home .client-panel button.left-arrow-btn.animation-btn img{animation:shadow-and-brightness 1s ease-in-out infinite;transform:translateZ(0)}.client-home .client-panel button.left-arrow-btn.small-btn{position:static;margin-right:12px}::-webkit-scrollbar{height:1px}}