@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:Quicksand!important}.diaporama{display:flex;overflow:hidden;height:100vh}.diaporama .section-diaporama{min-width:50%;transition:transform .4s ease-in-out;background-position:50%;background-size:cover}.diaporama .section-diaporama .section-content{display:flex;justify-content:center;align-items:flex-end;height:90%}.diaporama .section-diaporama .section-content .caption{background-color:#fff;display:flex;flex-direction:column;padding:20px 10px 10px;max-width:400px;border-radius:4px}.diaporama .section-diaporama .section-content .caption .name{font-weight:700;font-size:20px;text-align:center;padding-right:20px;padding-left:20px;padding-bottom:20px;max-width:200px;margin:auto}.diaporama .section-diaporama .section-content .caption .description{text-align:justify;font-size:14px;font-weight:400;padding:0 20px 20px}.diaporama .section-diaporama .section-content .caption a{text-decoration:none}.diaporama .section-diaporama .section-content .caption .button,.pagination{display:flex;justify-content:center}.pagination{width:100%}.pagination .content{display:flex;position:absolute;justify-content:space-around;align-items:center;background-color:hsla(0,0%,100%,.64);bottom:5%;border-radius:4px;height:20px;padding:14px;width:100px}.pagination .content .round{width:12px;height:12px;border:2px solid #00479e;border-radius:10px}.pagination .content .round.active{background-color:#00479e}.nav-btn{position:absolute;top:50%}.nav-btn button{width:40px;height:40px;text-decoration:none;border:none;background-color:hsla(0,0%,100%,.64);color:#00479e;border-radius:4px}.nav-btn.next{right:0;margin-right:20px}.nav-btn.previous{left:0;margin-left:20px}.loading-component{height:calc(100vh - 250px);display:flex;align-items:center;justify-content:center}.loading-component img{width:70px;height:70px}.config-choice-page .config-loader{height:100vh;position:absolute;width:100%;background-color:hsla(0,0%,100%,.5);display:flex;justify-content:center;align-items:center;flex-direction:column}.config-choice-page .config-loader p{color:#00479e;font-size:20px}.config-choice-page .config-loader .loading-component{width:100px;height:100px}.config-choice-page .config-loader .loading-component img{width:inherit;height:inherit}body{font-size:14px}.icon{font-size:20px}.icon.resize-vertical:before{content:url(/icons/resize-vertical.svg);display:inline-block}.icon.resize-horizontal:before{content:url(/icons/resize-horizontal.svg);display:inline-block}.icon.right-arrow{content:url(/icons/right-arrow.svg);display:inline-block}.icon.right-arrow-white{content:url(/icons/right-arrow-white.svg);display:inline-block}.icon.round-check{content:url(/icons/round-check.svg);display:inline-block}.wizard{display:flex;flex-direction:row;margin-bottom:60px;margin-top:10px}.wizard .step.active,.wizard .step.checked{cursor:pointer}.wizard .step.active .title .title-text,.wizard .step.checked .title .title-text{color:#00479e}.wizard .step{margin-right:5px}.wizard .step .title{display:flex;width:130px;justify-content:center;height:21px}.wizard .step .title .title-icon{margin-right:10px}.wizard .step .title .title-text{text-transform:uppercase;font-weight:700}.wizard .step .border{width:100%;height:2px;border-radius:2px}.wizard .step .border:not(.active):not(.checked){background-color:#989898}.wizard .step .border.active,.wizard .step .border.checked{background-color:#00479e}.wizard i.step-icon{vertical-align:bottom}.wizard i.step-icon.checked{content:url(/wizard/step-checked.svg)}.wizard i.step-icon.step-one:not(.active):not(.checked){content:url(/wizard/step-one-inactive.svg)}.wizard i.step-icon.step-one.active{content:url(/wizard/step-one-active.svg)}.wizard i.step-icon.step-two:not(.active):not(.checked){content:url(/wizard/step-two-inactive.svg)}.wizard i.step-icon.step-two.active{content:url(/wizard/step-two-active.svg)}.wizard i.step-icon.step-three:not(.active):not(.checked){content:url(/wizard/step-three-inactive.svg)}.wizard i.step-icon.step-three.active{content:url(/wizard/step-three-active.svg)}.wizard i.step-icon.step-four:not(.active):not(.checked){content:url(/wizard/step-four-inactive.svg)}.wizard i.step-icon.step-four.active{content:url(/wizard/step-four-active.svg)}.wizard i.step-icon.step-five:not(.active):not(.checked){content:url(/wizard/step-five-inactive.svg)}.wizard i.step-icon.step-five.active{content:url(/wizard/step-five-active.svg)}.breadcrumb{background-color:#e7f1f9;width:100%;height:50px;display:flex;align-items:center}.breadcrumb .content{padding-left:30px}.breadcrumb .content span{text-transform:uppercase;padding:3px;font-weight:700;font-size:11px}.breadcrumb .content span.element{color:#00479e;text-decoration:underline}.input{display:flex;flex-direction:column;max-width:250px}.input input::-webkit-inner-spin-button,.input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input input[type=number]{-moz-appearance:textfield}.input i{margin-right:10px;margin-left:5px;color:#00479e}.input input{height:40px;border:1px solid #00479e;border-radius:4px;font-family:Quicksand;padding-left:20px}.input .constraint{background-color:#f4f4f4;border-radius:4px;margin-top:5px;font-size:12px;height:25px;display:flex;justify-content:center;align-items:center;color:#00479e}.input label{margin-bottom:10px}.input.error input{background-color:#ffbaa1;border:1px solid #ff3737}.input.error .constraint{background-color:#ff3737;color:#fff}.button.secondary button{background-color:#fff;color:#00479e;border:1px solid #00479e}.button button{text-decoration:none;border:none;background-color:#00479e;color:#fff;height:40px;min-width:200px;font-family:Quicksand;border-radius:4px;margin-top:5px;margin-bottom:5px}.button button .content{width:90%;margin-right:-40px;transition:all .5s;display:flex;justify-content:center;align-items:center}.button button .content .label{text-transform:uppercase;margin-right:20px}.button button .icon{transition:all .5s;opacity:0;height:18px;margin-right:20px}.button button:disabled{opacity:.5}.button button:not(:disabled):hover .content{margin-left:15px}.button button:not(:disabled):hover .icon{opacity:1}.section{font-weight:700;font-size:18px;width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:7px;margin-bottom:35px}.dimension .inputs{display:flex;flex-direction:row;width:100%}.dimension .inputs .input{margin-right:30px;margin-bottom:50px}.viewer{width:60%;height:100vh;position:fixed}.configurator .right-panel{margin-left:60%}.configurator .right-panel .form-section{padding:30px}.configurator .loader{z-index:1;position:fixed;height:100px;width:100px;top:45%;left:26.5%;display:none}.configurator .loader.active{display:block}.selectable{margin:5px}.selectable input[type=radio]{position:absolute;left:-999px}.selectable input[type=radio]:checked+label .label-content{border:2px solid #00479e;color:#00479e}.selectable input[type=radio]:disabled+label .label-content{opacity:.3}.selectable input[type=radio]+label{text-align:center}.selectable input[type=radio]+label .label-content{display:flex;flex-direction:column;justify-content:space-around;padding:10px 5px 5px;border-radius:4px;border:2px solid #e5e5e5;width:115px;height:170px}.selectable input[type=radio]+label .label-content img{margin:auto;max-height:115px;max-width:100px}.selectable input[type=radio]+label .label-content .description{display:flex;flex-direction:column;justify-content:center;height:50px}.selectable input[type=radio]+label .label-content .description .comment{font-size:10px}.shapes .choices{display:flex;flex-direction:row;flex-wrap:wrap}.shapes .shape-section{padding-bottom:20px}.shapes .arch-section,.shapes .separator,.shapes .trapeze-section{display:none;margin-bottom:10px}.shapes .arch-section.showed,.shapes .separator.showed,.shapes .trapeze-section.showed{display:block}.shapes .trapeze-section .small-side-input{margin-top:30px;display:flex;flex-direction:row}.shapes .trapeze-section .small-side-input .input{margin-right:60px}.shapes .trapeze-section .small-side-input .trapeze-indicator{display:flex;align-items:center}.shapes .trapeze-section .small-side-input .trapeze-indicator.right{flex-direction:row}.shapes .trapeze-section .small-side-input .trapeze-indicator.left{flex-direction:row-reverse}.shapes .trapeze-section .small-side-input .trapeze-indicator .first-line{margin-right:20px;margin-left:20px}.shapes .trapeze-section .small-side-input .trapeze-indicator .first-line .dim.width{text-align:center;margin-top:5px}.shapes .separator{margin-bottom:80px}.popup{position:fixed;width:70%;height:70%;left:15%;top:15%;background-color:#e5e5e5;box-shadow:0 6px 12px rgba(0,0,0,.16);border-radius:4px;display:none;z-index:1}.popup.active{display:block}.popup .popup-close{position:relative;text-align:right;color:#00479e;font-weight:700}.popup .popup-title{color:#000;font-size:18px;font-weight:700;text-align:center;margin-top:10px;margin-bottom:20px}.popup .popup-content{padding:20px}.filling .choices,.filling .cuts{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:50px}.filling .slider-section{margin-bottom:50px}.filling .zones{margin-bottom:30px}.filling .zones .zone-tabs{display:flex;flex-direction:row;margin-bottom:10px}.filling .zones .zone-tabs .zone-tab{display:flex;border:3px solid;border-radius:6px;min-width:200px;min-height:50px;text-align:center;margin-right:12px}.filling .zones .zone-tabs .zone-tab.active{color:#00479e;border-color:#00479e}.filling .zones .zone-tabs .zone-tab:not(.active){color:#000;border-color:#e5e5e5}.filling .zones .zone-tabs .zone-tab .zone-title{margin:auto;width:50%;height:50%}.filling .zones .zone-panel{display:none;border:3px solid #00479e;border-radius:6px;padding:20px}.filling .zones .zone-panel .zone-section{padding-bottom:20px}.filling .zones .zone-panel .zone-section .zone-section-title{font-size:16px;margin-bottom:10px}.filling .zones .zone-panel .zone-section .zone-form{display:flex;flex-direction:row}.filling .zones .zone-panel.active{display:block}.glazing-bars .glazing-bar-list{display:flex;flex-direction:row;flex-wrap:wrap}.glazing-bars-btn .current-choice{display:flex;flex-direction:column}.glazing-bars-btn .current-choice .selectable label .label-content{width:auto;height:auto}.glazing-bars-btn .current-choice .selectable label .label-content .description{height:auto;padding-bottom:5px;padding-top:10px}.glazing-bar{position:relative;border:2px solid transparent}.glazing-bar.active{border:2px solid #00479e;border-radius:4px;background-color:#fff}.glazing-bar .glazing-bar-content{padding:10px 10px 0;display:flex;flex-direction:column;text-align:center;max-width:150px}.glazing-bar .select{position:absolute;z-index:1;width:100%}.glazing-bar .select button{width:100%;min-width:auto}.glazing-bar img{width:100px;margin:auto}.multiple-thumb-slider{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.multiple-thumb-slider .inputs{display:flex;justify-content:space-evenly}.multiple-thumb-slider .zone-input{display:flex;justify-content:center;align-items:center}.multiple-thumb-slider .zone-input input{width:35px;padding-left:0;text-align:center;height:25px}.multiple-thumb-slider .zone-input label{margin-bottom:5px}.multiple-thumb-slider .slider{position:relative;background-size:cover}.multiple-thumb-slider .slider .zone-number{position:absolute;left:0;display:flex;justify-content:center;align-items:center}.multiple-thumb-slider .slider .zone-number .number{text-align:center;font-size:30px;color:#00479e}.multiple-thumb-slider .slider .thumb{position:absolute;display:flex;justify-content:center;align-items:center}.multiple-thumb-slider .slider .thumb .thumb-handle{position:absolute;z-index:1;cursor:move}.multiple-thumb-slider .slider .thumb .thumb-img{position:absolute}.horizontal-multiple-thumb-slider .height{margin-left:20px}.horizontal-multiple-thumb-slider .slider-wrapper{display:flex;flex-direction:row}.horizontal-multiple-thumb-slider .inputs{flex-direction:row;margin-bottom:20px}.horizontal-multiple-thumb-slider .slider{background:url(/fillings/rectangular-horizontal.svg) 50% no-repeat}.horizontal-multiple-thumb-slider .slider .zone-number{height:100%}.horizontal-multiple-thumb-slider .slider .thumb .thumb-handle{width:10px}.horizontal-multiple-thumb-slider .slider .thumb .thumb-img{background:url(/fillings/zone-separator-horizontal.svg) 50% no-repeat;width:30px}.vertical-multiple-thumb-slider .width{margin-bottom:20px}.vertical-multiple-thumb-slider .slider-wrapper{display:flex;flex-direction:row}.vertical-multiple-thumb-slider .inputs{flex-direction:column;margin-left:20px}.vertical-multiple-thumb-slider .slider{background:url(/fillings/rectangular-vertical.svg) 50% no-repeat}.vertical-multiple-thumb-slider .slider .zone-number{width:100%}.vertical-multiple-thumb-slider .slider .thumb .thumb-handle{height:10px}.vertical-multiple-thumb-slider .slider .thumb .thumb-img{background:url(/fillings/zone-separator-vertical.svg) 50% no-repeat;height:30px}.colors .title{font-weight:700;margin-left:5px}.colors .colors-list{display:flex;flex-wrap:wrap;margin-bottom:20px}.colors .colors-list .color-element{width:125px}.colors .colors-list .color-element .color-label{flex-direction:row;height:auto;width:auto;padding:5px}.colors .colors-list .color-element .color-label .color-desc{height:auto;width:60%}.colors .colors-list .color-element .color-thumb{height:32px;width:32px;border-radius:16px;border:1px solid #000;margin-right:5px}.colors .next-step{margin-top:20px}.checkbox input[type=checkbox]{position:absolute;left:-666px}.checkbox input[type=checkbox]:checked+label:after{background-image:url(/icons/check.svg);background-repeat:no-repeat;background-color:transparent;height:20px;width:20px;left:-27px;top:5px;position:absolute;content:""}.checkbox input[type=checkbox]+label{position:relative;margin-left:35px;color:#00479e}.checkbox input[type=checkbox]+label:before{content:"";left:-30px;height:20px;width:20px;border:1px solid #00479e;border-radius:4px;position:absolute}.advanced .advanced-list{display:flex;flex-direction:row}.advanced .advanced-list .selectable .label-content{height:100px}.advanced .advanced-list .selectable .label-content .pic{height:50px}.advanced .surface-section{margin-top:25px;margin-bottom:25px}.quote .quote-form{margin-bottom:50px}.quote .quote-form .grid{display:grid;grid-template-columns:50% 50%;grid-gap:30px;gap:30px;max-width:500px;margin-bottom:30px}.quote .quote-form .input{max-width:inherit}.quote .button button{width:300px}.quote .button.sended button{background-color:#fff!important;border:3px solid #00479e!important;color:#00479e;font-weight:700}.quote .button.sended button .icon{opacity:1;margin-right:0;float:right}.quote .button.sended button .label{float:left;margin-left:25%}.quote .button.sended button .sended-content{text-transform:uppercase;text-align:center}.quote .test{width:50px;height:50px;background-color:#00479e}.quote .test:after{content:"";border-color:transparent #00479e;border-style:solid;border-width:15px 15px 15px 0;display:block;height:50px;position:absolute;top:3px;left:5px}.quote .sended-message{position:relative;background-color:#00479e;height:100px;display:flex;justify-content:center;align-items:center;border-radius:4px;margin-top:5px}.quote .sended-message:after{content:"";border-color:#00479e transparent;border-style:solid;border-width:0 15px 25px;display:block;height:50px;position:absolute;top:-60px;left:130px}.quote .sended-message .message{text-align:center;color:#fff;font-weight:700;width:80%}
/*# sourceMappingURL=main.a14877fd.chunk.css.map */