:root{--screen-min-width: 28;--screen-max-width: 120;--h1-min-size: 1.6;--h1-max-size: 3.0;--inner-header-min-size: 1.7;--inner-header-max-size: 3.6;--logo-legend-min-size: 1.2;--logo-legend-max-size: 2.0;--general-large-min-size: 1.4;--general-large-max-size: 2.0;--general-header-min-size: 1.6;--general-header-max-size: 2.4;--input-label-min-size: 1.2;--input-label-max-size: 1.6;--input-sup-min-size: 1.1;--input-sup-max-size: 1.4;--h1-slope: calc((var(--h1-max-size) - var(--h1-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--inner-header-slope: calc((var(--inner-header-max-size) - var(--inner-header-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--logo-legend-slope: calc((var(--logo-legend-max-size) - var(--logo-legend-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--general-large-slope: calc((var(--general-large-max-size) - var(--general-large-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--general-header-slope: calc((var(--general-header-max-size) - var(--general-header-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--input-label-slope: calc((var(--input-label-max-size) - var(--input-label-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--input-sup-slope: calc((var(--input-sup-max-size) - var(--input-sup-min-size)) / (var(--screen-max-width) - var(--screen-min-width)));--h1-intersection: calc((-1 * var(--screen-min-width) * var(--h1-slope)) + var(--h1-min-size));--inner-header-intersection: calc((-1 * var(--screen-min-width) * var(--inner-header-slope)) + var(--inner-header-min-size));--logo-legend-intersection: calc((-1 * var(--screen-min-width) * var(--logo-legend-slope)) + var(--logo-legend-min-size));--general-large-intersection: calc((-1 * var(--screen-min-width) * var(--general-large-slope)) + var(--general-large-min-size));--general-header-intersection: calc((-1 * var(--screen-min-width) * var(--general-header-slope)) + var(--general-header-min-size));--input-label-intersection: calc((-1 * var(--screen-min-width) * var(--input-label-slope)) + var(--input-label-min-size));--input-sup-intersection: calc((-1 * var(--screen-min-width) * var(--input-sup-slope)) + var(--input-sup-min-size));--h1-preferred: calc(var(--h1-intersection) + (var(--h1-slope) * 100));--inner-header-preferred: calc(var(--inner-header-intersection) + (var(--inner-header-slope) * 100));--logo-legend-preferred: calc(var(--logo-legend-intersection) + (var(--logo-legend-slope) * 100));--general-large-preferred: calc(var(--general-large-intersection) + (var(--general-large-slope) * 100));--general-header-preferred: calc(var(--general-header-intersection) + (var(--general-header-slope) * 100));--input-label-preferred: calc(var(--input-label-intersection) + (var(--input-label-slope) * 100));--input-sup-preferred: calc(var(--input-sup-intersection) + (var(--input-sup-slope) * 100));--h1-min: calc(var(--h1-min-size) * 1rem);--h1-mid: calc(var(--h1-preferred) * 1vw);--h1-max: calc(var(--h1-max-size) * 1rem);--inner-header-min: calc(var(--inner-header-min-size) * 1rem);--inner-header-mid: calc(var(--inner-header-preferred) * 1vw);--inner-header-max: calc(var(--inner-header-max-size) * 1rem);--logo-legend-min: calc(var(--logo-legend-min-size) * 1rem);--logo-legend-mid: calc(var(--logo-legend-preferred) * 1vw);--logo-legend-max: calc(var(--logo-legend-max-size) * 1rem);--general-large-min: calc(var(--general-large-min-size) * 1rem);--general-large-mid: calc(var(--general-large-preferred) * 1vw);--general-large-max: calc(var(--general-large-max-size) * 1rem);--general-header-min: calc(var(--general-header-min-size) * 1rem);--general-header-mid: calc(var(--general-header-preferred) * 1vw);--general-header-max: calc(var(--general-header-max-size) * 1rem);--input-label-min: calc(var(--input-label-min-size) * 1rem);--input-label-mid: calc(var(--input-label-preferred) * 1vw);--input-label-max: calc(var(--input-label-max-size) * 1rem);--input-sup-min: calc(var(--input-sup-min-size) * 1rem);--input-sup-mid: calc(var(--input-sup-preferred) * 1vw);--input-sup-max: calc(var(--input-sup-max-size) * 1rem);--h1-font-size: clamp(var(--h1-min), var(--h1-mid), var(--h1-max));--inner-header-font-size: clamp(var(--inner-header-min), var(--inner-header-mid), var(--inner-header-max));--logo-legend-font-size: clamp(var(--logo-legend-min), var(--logo-legend-mid), var(--logo-legend-max));--general-large-font-size: clamp(var(--general-large-min), var(--general-large-mid), var(--general-large-max));--general-header-font-size: clamp(var(--general-header-min), var(--general-header-mid), var(--general-header-max));--input-label-font-size: clamp(var(--input-label-min), var(--input-label-mid), var(--input-label-max));--input-sup-font-size: clamp(var(--input-sup-min), var(--input-sup-mid), var(--input-sup-max))}html.white_box{font-size:10px}.white-box-responsive{font-size:var(--input-label-font-size)}.white-box-responsive #wrapper,.white-box-responsive .site-footer{max-width:120rem;margin:auto;position:relative}.white-box-responsive .title-container{display:flex;justify-content:space-between;align-items:center;padding:clamp(10px, 1.4vw, 20px) clamp(10px, 4vw, 40px);background-color:black;color:white}.white-box-responsive .title-container h1{font-size:var(--h1-font-size);font-weight:700;margin:0;color:white}.white-box-responsive .title-container .subtitle{font-size:var(--input-sup-font-size);font-weight:400;margin:0;color:white;padding:10px 0 0 0}.white-box-responsive #email-error{color:red;font-size:var(--input-label-font-size);display:none;margin-top:5px}.white-box-responsive .input-error{border:2px solid red;background-color:#ffecec}.white-box-responsive .site-main{background:white}.white-box-responsive .site-main .public_wrapper{padding:clamp(10px, 4vw, 40px)}.white-box-responsive .site-main .public_wrapper .buttons{display:flex;justify-content:space-between;margin:10px 0}.white-box-responsive .site-main .public_wrapper .buttons.center{justify-content:center}.white-box-responsive .site-main .public_wrapper .form-actions{display:flex;justify-content:flex-end;padding-top:10px}.white-box-responsive .btn{background-color:#7a2500;color:white;border-radius:5px;padding:10px 20px;text-transform:none;border:none;font-size:var(--general-large-font-size)}.white-box-responsive .btn:hover{background-color:#5e1e00}.white-box-responsive .welcome-header{padding:clamp(10px, 5%, 40px) 0;font-weight:700;font-size:var(--inner-header-font-size);line-height:1.5;text-align:center}.white-box-responsive .welcome-footer{text-align:center}.white-box-responsive .welcome-footer .btn{font-weight:500;font-size:var(--general-large-font-size);width:400px;max-width:85%;height:40px;line-height:40px;padding:0;border-radius:7px}.white-box-responsive .welcome-footer .unavailable-message{color:red;font-size:var(--general-large-font-size);margin-top:10px}.white-box-responsive .logo-legend{font-weight:400;font-size:var(--logo-legend-font-size);line-height:1.5;text-align:center;font-style:italic}.white-box-responsive .estimator-description,.white-box-responsive .size-description{font-size:var(--input-sup-font-size);color:#818181}.white-box-responsive .welcome-description{font-weight:400;font-size:var(--general-large-font-size);line-height:1.5;padding:8% 0}.white-box-responsive .welcome-description .welcome-video{display:flex;justify-content:center}.white-box-responsive .welcome-description .welcome-video .video-b2b{width:100%;max-width:800px;height:auto}.white-box-responsive .fixed-size-logo{width:600px;max-width:100%;object-fit:contain;display:block;margin:0 auto}.white-box-responsive .step-description{font-weight:400;font-size:var(--general-large-font-size);line-height:1.5}.white-box-responsive .step-bottom-description{font-weight:400;font-size:var(--general-large-font-size);line-height:1.5;padding:10px 20px}.white-box-responsive .step-title,.white-box-responsive h3{font-weight:700;font-size:var(--general-header-font-size);line-height:1.5;margin:15px 0}.white-box-responsive .estimate-used-title{font-weight:700;font-size:var(--general-header-font-size);line-height:1.5}.white-box-responsive .estimate-used-container .estimate-used-content{font-weight:400;font-size:var(--general-large-font-size);line-height:1.5}.white-box-responsive .estimate-used-container .estimate-used-content p{margin:40px 0}.white-box-responsive .form-row{display:flex;padding:15px 20px 15px 0;margin-bottom:2px;min-height:125px}.white-box-responsive .form-row:nth-child(odd){background-color:#F3F3F4}.white-box-responsive .form-row:nth-child(even){background-color:#E5E6E7}.white-box-responsive .form-row .form-check{display:flex;align-items:flex-start;width:100%}.white-box-responsive .form-row .form-check input[type="radio"]{margin-right:15px;margin-top:5px}.white-box-responsive .form-row .form-check .form-content{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}.white-box-responsive .form-row .form-check .form-content .form-title{font-weight:bold;flex:0 0 clamp(220px, 28vw, 330px)}.white-box-responsive .form-row .form-check .form-content .form-description{font-size:var(--input-sup-font-size);color:#818181;min-width:200px;flex:1}.white-box-responsive .form-row-nested{padding:clamp(5px, 15vw, 15px) clamp(10px, 1.5vw, 20px);margin-bottom:2px}.white-box-responsive .form-row-nested:nth-child(odd){background-color:#F3F3F4}.white-box-responsive .form-row-nested:nth-child(even){background-color:#E5E6E7}.white-box-responsive .form-row-nested .element-type-name{font-weight:bold;margin-bottom:10px;font-size:var(--input-label-font-size)}.white-box-responsive .form-row-nested .form-row-horizontal{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;flex-direction:row}.white-box-responsive .form-row-nested .form-row-horizontal .nested-radio-group{flex:0 0 clamp(250px, 32vw, 330px);display:flex;flex-direction:column}.white-box-responsive .form-row-nested .form-row-horizontal .nested-radio-group .form-check{display:flex;align-items:center;margin-bottom:8px}.white-box-responsive .form-row-nested .form-row-horizontal .nested-radio-group .form-check .form-check-input{margin-right:10px;margin-top:2px}.white-box-responsive .form-row-nested .form-row-horizontal .nested-radio-group .form-check .form-check-label{font-weight:400;font-size:var(--input-sup-font-size);color:#333}.white-box-responsive .form-row-nested .form-row-horizontal .form-description-right{flex:1;font-size:var(--input-sup-font-size);color:#818181;min-width:200px}.white-box-responsive .form-row-nested-triple{padding:clamp(8px, 2vw, 15px) clamp(10px, 2vw, 20px);margin-bottom:2px}.white-box-responsive .form-row-nested-triple:nth-child(odd){background-color:#EDEDED}.white-box-responsive .form-row-nested-triple:nth-child(even){background-color:#F7F7F7}.white-box-responsive .form-row-nested-triple .element-type-header-inline{display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(180px, 25vw, 300px), 1fr));align-items:center;margin-bottom:10px}.white-box-responsive .form-row-nested-triple .element-type-header-inline .name-and-construction{display:inline-flex;align-items:center;flex-wrap:wrap;gap:20px}.white-box-responsive .form-row-nested-triple .element-type-header-inline .element-type-name{font-weight:bold;font-size:var(--input-label-font-size);white-space:nowrap}.white-box-responsive .form-row-nested-triple .element-type-header-inline .construction-options-inline{display:inline-flex;align-items:center}.white-box-responsive .form-row-nested-triple .element-type-header-inline .construction-options-inline .form-check-input-shell{margin-right:5px;margin-top:0}.white-box-responsive .form-row-nested-triple .element-type-header-inline .construction-options-inline .form-check-label{margin-right:10px;font-weight:400;color:#333}.white-box-responsive .form-row-nested-triple .shell-description{font-size:var(--input-sup-font-size);color:#818181;margin-top:-10px;margin-bottom:20px}.white-box-responsive .form-row-nested-triple .form-row-horizontal{display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(180px, 25vw, 300px), 1fr));gap:clamp(10px, 1.6vw, 20px);align-items:start}.white-box-responsive .form-row-nested-triple .form-row-horizontal .form-row-numbers .form-group{display:flex;align-items:center;padding:5px 5px 5px 0}.white-box-responsive .form-row-nested-triple .form-row-horizontal .form-row-numbers .form-group label{margin-right:10px;white-space:nowrap;font-weight:400}.white-box-responsive .form-row-nested-triple .form-row-horizontal .form-row-numbers .form-group .form-select{width:clamp(85px, 11vw, 120px);padding:2px 8px;border-radius:7px;font-size:var(--input-label-font-size)}.white-box-responsive .form-row-nested-triple .form-row-horizontal .form-row-numbers .form-group input.length{font-size:var(--input-label-font-size);width:clamp(30px, 5vw, 60px)}.white-box-responsive .form-row-nested-triple .form-row-horizontal .estimator-group{display:grid;grid-column:span 2;grid-template-columns:repeat(auto-fit, minmax(clamp(180px, 25vw, 300px), 1fr));gap:clamp(10px, 1.6vw, 20px);align-items:start}.white-box-responsive .form-row-nested-triple .form-row-horizontal .estimator-description{font-size:var(--input-sup-font-size);line-height:1.5}.white-box-responsive .form-row-nested-triple .form-row-horizontal .nested-radio-group{width:100%}.white-box-responsive .form-row-nested-triple .form-row-horizontal .nested-radio-group .form-check{display:flex;align-items:center;margin-bottom:8px}.white-box-responsive .form-row-nested-triple .form-row-horizontal .nested-radio-group .form-check .form-check-input{margin-right:10px}.white-box-responsive .form-row-nested-triple .form-row-horizontal .nested-radio-group .form-check .form-check-label{font-weight:400;color:#333}.white-box-responsive .form-row-nested-triple .form-row-horizontal .form-description-right{overflow-wrap:break-word;word-wrap:break-word;white-space:normal;line-height:1.5;max-width:100%}.white-box-responsive .quantity-group{display:flex;align-items:center}.white-box-responsive .quantity-group label{margin-right:10px;white-space:nowrap;font-weight:600}.white-box-responsive .quantity-group .quantity-wrapper{display:flex;align-items:center}.white-box-responsive .quantity-group .quantity-wrapper .js-btn-quantity{color:black;border:none;font-size:var(--general-large-font-size);font-weight:700;cursor:pointer;transition:color 0.2s;background:none;padding:0}.white-box-responsive .quantity-group .quantity-wrapper .js-btn-quantity:hover{color:#5e1e00}.white-box-responsive .quantity-group .quantity-wrapper .js-btn-quantity:focus{outline:none}.white-box-responsive .quantity-group .quantity-wrapper .quantity-input{font-size:var(--input-label-font-size);width:clamp(30px, 5vw, 60px);text-align:center;margin:0 5px;border:1px solid #ccc;border-radius:7px;background-color:white;pointer-events:none;cursor:not-allowed}.white-box-responsive .remove-element{color:#7a2500;background:none;border:none;font-size:var(--h1-font-size);cursor:pointer}.white-box-responsive .remove-element:hover{color:#5e1e00}.white-box-responsive .remove-element:focus{outline:none}.white-box-responsive .project-details .details-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(180px, 25vw, 300px), 1fr));gap:clamp(10px, 1.6vw, 20px);align-items:start}.white-box-responsive .project-details .details-grid .form-group{margin-bottom:0}.white-box-responsive .project-details .details-grid .form-text{font-size:var(--general-large-font-size);color:black}.white-box-responsive .project-details .details-grid input,.white-box-responsive .project-details .details-grid select,.white-box-responsive .project-details .details-grid textarea{width:100%;height:50px;font-size:var(--general-large-font-size);padding:8px;border:1px solid #ccc;border-radius:7px}.white-box-responsive .project-details .details-grid label{font-weight:600;font-size:var(--general-large-font-size);margin-bottom:5px;display:block}.white-box-responsive .project-details label{font-weight:600;margin-bottom:5px}.white-box-responsive .project-details input,.white-box-responsive .project-details select,.white-box-responsive .project-details textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}
