@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
.pointer-cursor{cursor:pointer}img{image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.main-panel{position:fixed;background-color:#e3e6f3;height:5.5vw;width:98vw}.cupboard-size{margin-left:3vw}.cupboard-size,.doors-quantity{position:fixed;margin-top:.15vw}.doors-quantity{margin-left:15vw}.doors-order{margin-left:26.5vw}.aluminium-system,.doors-order{position:fixed;margin-top:.15vw}.aluminium-system{margin-left:33.5vw}.vertcal-profile-form{position:fixed;margin-left:41.5vw;margin-top:.15vw}.wide-top-frame{margin-left:49.7vw}.middle-frame,.wide-top-frame{position:fixed;margin-top:.15vw}.middle-frame{margin-left:57vw}.profile-decor{margin-left:66.7vw}.profile-decor,.schlegel{position:fixed;margin-top:.15vw}.schlegel{margin-left:78vw}.rollers{margin-left:84.4vw}.door-closer,.rollers{position:fixed;margin-top:.15vw}.door-closer{margin-left:91.7vw}.my-input{position:fixed;text-align:center}.my-input .label{position:absolute;margin-left:-.5vw;top:.8vw;transform-origin:0 0;transition:all .2s ease;pointer-events:none}.my-input input{width:3.9vw;height:1.5vw;-webkit-appearance:none;margin:none;padding:.75vw 0 0 .25vw;background:transparent;box-shadow:none;border:none;border-bottom:1px solid #b49c9c;transition:all .15s ease}.my-input input:not(:-moz-placeholder-shown)+.label{transform:translate3d(-.45vw,-1vw,0) scale(.9)}.my-input input:not(:placeholder-shown)+.label{transform:translate3d(-.45vw,-1vw,0) scale(.9)}.my-input input:focus{outline:none}.my-input input:focus+.label{transform:translate3d(-.45vw,-1vw,0) scale(.9)}.doors-quantity-btn{position:fixed;height:2.2vw;width:2.2vw;background:transparent;outline:none;border:1px solid #b49c9c;color:#b49c9c;padding:0;text-align:center;text-decoration:none;display:inline-block;font-size:1vw;cursor:pointer;border-radius:50%}.doors-quantity-btn.clicked{background:linear-gradient(0deg,#2e98f5 10%,#0367cc 90%);border:none;color:#fff}.invisible-btn{position:fixed;background:transparent;border:none;outline:none}.blue-arrow-img{height:6.55vw}.my-select{height:2vw;background-color:#e3e6f3;border:1px solid #b49c9c;border-radius:.3vw;padding:.3vw;cursor:pointer}.my-checkbox{position:fixed;display:inline-block;width:2.5vw;height:2.5vw;border-radius:2vw;margin-top:7.2vw;margin-left:calc(-2vw - 22.5px);background-color:#fff}.my-checkbox div{width:1.5vw;height:1.5vw;margin-left:.5vw;margin-top:.5vw;background-color:#e3e6f3}.my-checkbox.activated div,.my-checkbox div{position:fixed;border-radius:2vw;transition:.25s}.my-checkbox.activated div{width:2vw;height:2vw;margin-left:.25vw;margin-top:.25vw;background-color:#4aff9c}.doors-order-value{position:fixed;width:1.8vw;height:1.8vw;border-radius:2vw;margin-left:2.1vw;background-color:#2e98f5;transition:.2s;cursor:pointer}.doors-order-value .main-text{position:fixed;margin-top:.35vw;margin-left:.6vw;font-size:1vw;transition:.2s;cursor:pointer}.doors-order-value .additional-text{position:fixed;visibility:hidden;transition:.2s;cursor:pointer}.doors-order-value.activated{margin-left:1vw}.doors-order-value.activated .additional-text{visibility:visible;font-size:1vw;margin-top:.35vw;margin-left:2.35vw}.doors-order-value.activated.another-var{margin-left:2.7vw}.doors-order-value.activated.another-var .main-text{margin-left:-1.1vw;color:grey}.doors-order-value.activated.another-var .additional-text{margin-left:.6vw;color:#fff}.doors-order-additional-value{position:fixed;width:1.8vw;height:1.8vw;border-radius:2vw;margin-left:2.1vw;background-color:#fff;transition:.25s;cursor:pointer}.doors-order-additional-value.activated{margin-left:1vw;width:3.5vw}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.main-font{font-size:.7vw}.input-font,.main-font{font-family:Roboto,sans-serif;font-weight:300}.input-font{font-size:1vw}.gray_font-color{color:#636363}.light-gray_font-color{color:#b49c9c}.white_font-color{color:#fff}.medium_font-letter-spacing{letter-spacing:.2vw}.low_font-letter-spacing{letter-spacing:.1vw}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.materials-panel{position:fixed;margin-top:5.5vw;background-color:#f2f2f2;height:95vh;width:15vw}.sub-materials-panel{margin-left:15vw;background-color:#f5f5f5}.sub-materials-panel,.sub-sub-materials-panel{position:fixed;margin-top:0;height:95vh;width:15vw}.sub-sub-materials-panel{margin-left:30vw;background-color:#f2f2f2}.material-elem{position:fixed;list-style-type:none;width:15vw;height:3vw;text-align:center;cursor:pointer;background-color:#d3d9f0;transition:all .1s ease}.material-elem p{font-size:.8vw;margin-top:.5vw}.material-elem:hover{background-color:#e3e6f3}.material-elem:active{background-color:#d3d9f0}.sub-material-elem{position:fixed;list-style-type:none;width:15vw;height:3vw;text-align:center;cursor:pointer;background-color:#e3e6f3;transition:all .1s ease}.sub-material-elem p{font-size:.8vw;margin-top:.5vw}.sub-material-elem:hover{background-color:#d3d9f0}.sub-material-elem:active{background-color:#e3e6f3}.sub-sub-material-elem{position:fixed;list-style-type:none;width:15vw;height:3vw;text-align:center;cursor:pointer;background-color:#d3d9f0;transition:all .1s ease}.sub-sub-material-elem p{font-size:.8vw;margin-top:.5vw}.sub-sub-material-elem:hover{background-color:#e3e6f3}.sub-sub-material-elem:active{background-color:#d3d9f0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.structural-panel{position:fixed;margin-top:5.5vw;margin-left:94vw;background-color:#f5f5f5;height:95vh;width:6vw}.grid-btn{height:4vw;width:4vw}.structural-input{position:fixed;height:1.3vw;background-color:#f5f5f5;border:1px solid #b49c9c;border-radius:.3vw;padding:.3vw}.structural-input.blue{background-color:#e3e6f3}.manager-and-client-block{position:fixed;margin-top:calc(100vh - 28vw);margin-left:-6.5vw;width:6.5vw;height:28vw;background-color:#e3e6f3;border-radius:.7vw 0 0 0}
.switch-btn{position:fixed;display:inline-block;width:45px;height:26px;margin-top:7.2vw;margin-left:calc(-2vw - 22.5px)}.switch-btn-circle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.switch-btn-circle.activated{background-color:violet}.switch-btn-circle.activated:before{transform:translateX(19px)}.switch-btn-circle:before{position:absolute;content:"";height:20px;width:20px;margin-top:3px;margin-left:3px;background-color:#fff;transition:.4s;border-radius:10px}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.palette-panel{position:fixed;margin-top:calc(100vh - 8.5vw);margin-left:15vw;background-color:#f5f5f5;height:8.5vw;width:85vw}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.project-amount{position:fixed;margin-top:calc(100vh - 8.5vw);margin-left:87.5vw;background:linear-gradient(90deg,#b7ff4b -20%,#4aff9c 60%);height:8.5vw;width:12.5vw}.calculate-btn{position:fixed;height:3vw;width:12.5vw;background-color:#5fe69c;margin-top:-3vw;transition:all .1s ease;cursor:pointer}.calculate-btn:hover{background-color:#4aff9c}.calculate-btn:active{background-color:#5fe69c}.project-id-block{position:fixed;height:3vw;width:8vw;background-color:#4aff9c;border-radius:.7vw 0 0 0;margin-top:-3vw;margin-left:-8vw}.spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner .path{stroke:#5fe69c;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,105;stroke-dashoffset:0}50%{stroke-dasharray:80,26;stroke-dashoffset:0}to{stroke-dasharray:1,105;stroke-dashoffset:-105}}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.working-space{position:fixed;margin-top:5.5vw;margin-left:15vw;height:calc(100vh - 18.5vw);width:79vw;background-color:#fff}img{-moz-user-select:none;-webkit-user-select:none;user-select:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.door-num{position:fixed;height:20px;width:20px;background:transparent;outline:none;color:#b49c9c;padding:0;text-align:center;text-decoration:none;display:inline-block;border-radius:50%;cursor:default;background-color:#2e98f5;border:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.first-circle{position:fixed;margin-top:-70px;margin-left:-20px;height:40px;width:40px;background-color:#e3e6f3;border-radius:50%;box-shadow:0 0 4px 0 hsla(0,0%,9%,.5)}.first-circle:hover{background-color:#d3d9f0}.first-circle:active{background-color:#e3e6f3}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.grid-size-input{position:fixed;width:34px;height:18px;border:0;background-color:#e3e6f3;text-align:center;border-radius:3px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:300}.grid-size-input:active,.grid-size-input:focus,.grid-size-input:hover{outline:0;outline-offset:0}.blocker{position:fixed;width:38px;height:6px;border-radius:2px;background-color:#4aff9c;cursor:pointer}.blocker.blocked{background-color:#ec8787}.equalizer-btn{position:fixed;background-color:#e3e6f3;height:15px;cursor:pointer;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:300;text-align:center;padding:3px;color:#636363}.equalizer-btn:hover{background-color:#d3d9f0}.equalizer-btn.horizontal{border-radius:8px 0 0 8px;border-right:1px solid #b49c9c}.equalizer-btn.vertical{border-radius:0 8px 8px 0;border-left:1px solid #b49c9c}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.door-context-menu_block{position:fixed;width:150px;height:70px;border-radius:5px 5px 0 0;background-color:#e3e6f3}.door-context-menu_division{position:fixed;width:126px;height:1px;background-color:#b49c9c;margin-top:30px;margin-left:12px}.door-context-menu_copy-button_disable{position:fixed;margin-top:37px;height:23px;width:23px;border-radius:50%;transition:all .15s ease;background-color:#e3e6f3;border:1px solid #b49c9c;display:inline-block;text-align:center}.door-context-menu_copy-button_disable p{margin-top:3px;margin-left:0;font-size:14px;color:#b49c9c;cursor:default}.door-context-menu_copy-button{position:fixed;margin-top:38px;height:25px;width:25px;border-radius:50%;background-color:#2e98f5;transition:all .15s ease;display:inline-block;text-align:center}.door-context-menu_copy-button p{margin-top:4px;margin-left:1px;font-size:14px}.door-context-menu_copy-button p:hover{color:#636363}.door-context-menu_copy-button:hover{background-color:#e3e6f3;border:1px solid #636363;display:inline-block;transform:translate(-1px,-3px)}.door-context-menu_button{position:fixed;height:40px;width:150px;background-color:#e3e6f3;border-top:1px solid #b49c9c;transition:all .1s ease}.door-context-menu_button:hover{background-color:#d3d9f0}.door-context-menu_button.end{border-radius:0 0 5px 5px}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.additional-panel{width:6vw;position:fixed;margin-left:88vw;margin-top:5.5vw}.light-blue-color{background-color:#e3e6f3}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button:active,button:focus{outline:none}button::-moz-focus-inner{border:0}.services-panel{position:fixed;margin-left:98vw;margin-top:0}#services-panel-open-btn{background-color:#2e98f5;height:5.5vw;width:2vw;cursor:pointer;transition:all .15s ease}#services-panel-open-btn:hover{background-color:#0367cc}#active-services-panel{position:fixed;margin-left:-23vw;margin-top:0;width:25vw;height:12vw;background-color:#f2f2f2;border-bottom-left-radius:1vw}.asp-devider{position:fixed;margin-left:0;width:25vw;height:1px;background-color:#b49c9c}.asp-select{height:2vw;background-color:#f5f5f5;border:1px solid #b49c9c;border-radius:.3vw;padding:.3vw;cursor:pointer}.asp-closer-btn{position:fixed;height:1.9vw;width:1.9vw;background:transparent;outline:none;border:1px solid #b49c9c;color:#b49c9c;padding:0;text-align:center;text-decoration:none;display:inline-block;font-size:1vw;cursor:pointer;border-radius:50%}.asp-closer-btn.clicked{background:linear-gradient(0deg,#2e98f5 10%,#0367cc 90%);border:none;color:#fff}.asp-text-input{height:1.3vw;border:1px solid #b49c9c;border-radius:.3vw;padding:.3vw}.asp-checkbox,.asp-text-input{position:fixed;background-color:#f5f5f5}.asp-checkbox{height:.7vw;width:.7vw;border-radius:.2vw;border:2px solid #f5f5f5;outline:1px solid #b49c9c;cursor:pointer}.asp-checkbox.checked{background-color:#2e98f5}