.custom-select[data-v-06a71d62]{position:relative;width:100%;height:46px;text-align:left;outline:none;font-size:13px}.custom-select .selected[data-v-06a71d62]{display:flex;height:100%;align-items:center;background-color:#fff;border-radius:4px;color:#525860;padding-left:1em;padding-right:1.5em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-select .selected.open[data-v-06a71d62]{border-radius:4px 4px 0 0;box-shadow:0 15px 15px hsla(0,0%,49%,.2)}.custom-select .selected[data-v-06a71d62]:after{top:calc(50% - 3px);right:1em;width:5px;height:5px;position:absolute;content:"";border-bottom:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);transition:all .27s}.custom-select .selected.open[data-v-06a71d62]:after{transform:rotate(-135deg);border-color:#4e84f4}.custom-select .items[data-v-06a71d62]{left:0;right:0;color:#525860;border-radius:0 0 4px 4px;overflow:hidden;position:absolute;background-color:#fff;z-index:1000;box-shadow:0 15px 15px hsla(0,0%,49%,.25);border-top:1px solid #ebf2f7}.custom-select .items div[data-v-06a71d62]{color:#525860;padding:12px 1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .27s}.custom-select .items div[data-v-06a71d62]:hover{background-color:#ebf2f7}.selectHide[data-v-06a71d62]{display:none}.tooltip-box[data-v-765d3b0a]{position:relative;display:inline-block;z-index:10}.tooltip-box:hover .tooltip[data-v-765d3b0a]{opacity:1}.tooltip[data-v-765d3b0a]{color:#fff;text-align:center;padding:5px 0;border-radius:2px;width:138px;bottom:36px;left:-23px;opacity:0;transition:opacity 1s;position:absolute;font-size:13px;background:#ff4242}.text[data-v-765d3b0a]:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#ff4242 transparent transparent transparent}.hidden[data-v-765d3b0a]{display:none!important}.dimension__input[data-v-f6bfd9e8]{padding:0;margin:0;display:flex;width:$measure-input-width;height:$measure-input-height;border:1px solid $measure-input-default;border-radius:4px;text-align:center;transition:border-color .27s;font-weight:300;color:$main-font-color;font-size:$main-font-size;background-color:$main-background-color;outline:0;z-index:5}.dimension__input.dimension__input-leaf[data-v-f6bfd9e8]{width:56px}.dimension__input.dimension__input-v[data-v-f6bfd9e8]{transform:rotate(-90deg);transform-origin:center}.dimension__input[data-v-f6bfd9e8]:focus{border-color:$measure-input-selected}.dimension__input.error[data-v-f6bfd9e8],.dimension__input.error[data-v-f6bfd9e8]:focus{border-color:#ff4242}#app{margin-bottom:300px;display:flex;flex-direction:column;flex:1}.selectors{display:flex;flex-wrap:wrap;margin:0 -10px;flex:1}.selectors .selector{display:flex;flex-direction:column;flex:0 0 calc(25% - 20px);margin:10px}@media screen and (max-width:1012px){.selectors .selector{flex:0 0 calc(33.3333% - 20px)}}@media screen and (max-width:800px){.selectors .selector{flex:0 0 calc(50% - 20px)}}@media screen and (max-width:500px){.selectors .selector{flex:0 0 calc(100% - 20px)}}.selectors .selector.flex-end{justify-content:flex-end}@media screen and (max-width:1012px){.selectors .selector.flex-end{display:none}}.selectors .selector.w-100{margin:35px 0 0;flex:0 0 100%;justify-content:center;align-items:center}.selectors .selector.w-100 button{width:calc(25% - 20px)}@media screen and (max-width:1012px){.selectors .selector.w-100 button{width:calc(33.3333% - 20px)}}@media screen and (max-width:800px){.selectors .selector.w-100 button{width:calc(50% - 20px)}}@media screen and (max-width:500px){.selectors .selector.w-100 button{width:calc(100% - 20px)}}.calcLabel{display:flex;align-items:center;font-size:13px;color:#272c34}.calcLabel .question{margin-left:6px;display:flex;width:16px;height:16px;cursor:pointer}.calcLabel .question svg path{transition:all .27s;fill:#000}.calcLabel .question:hover svg path{fill:#6999fd}.calcSelect{margin-top:8px;font-size:14px;color:#272c34}button{display:flex;height:46px;line-height:46px;justify-content:center;align-items:center;border-radius:4px;background-color:#3a6fdc;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;border:none;font-family:Proxima Nova,Arial,sans-serif;cursor:pointer;transition:background-color .27s;outline:0}button:hover{background-color:#6999fd}.calcTitle{margin:24px 0;padding:0;color:#272c34;font-weight:700;font-size:24px}.calcViewport{display:flex;margin-bottom:30px;padding:50px 20px;min-height:320px;background-color:#fff;border-radius:4px;align-items:center;justify-content:center}.dimension-height{margin-right:12px;height:259px;flex-direction:column}.dimension-height,.dimension-height .dimension__wrapper{display:flex;justify-content:center;align-items:center;width:28px;position:relative}.dimension-height .dimension__wrapper{height:100%}.dimension-height .dimension__wrapper.dimension__wrapper-leaf{height:125px}.dimension-width{margin-left:-1px;margin-top:-41px;width:calc(100% + 2px);height:28px;position:absolute}.dimension-width,.dimension-width .dimension__wrapper{display:flex;justify-content:center;align-items:center}.dimension-width .dimension__wrapper{flex:1;position:relative}.dimension__line:after{position:absolute;content:"";background-color:#c1cbd4}.dimension__line.dimension__line-v:after{height:100%;width:1px}.dimension__line.dimension__line-h:after{height:1px;width:100%}.dimension__arrows:after,.dimension__arrows:before{width:7px;height:7px;position:absolute;content:"";border-top:2px solid #c1cbd4;border-left:2px solid #c1cbd4}.dimension__arrows.dimension__arrows-h:before{left:2px;transform:rotate(-45deg)}.dimension__arrows.dimension__arrows-h:after{right:2px;transform:rotate(135deg)}.dimension__arrows.dimension__arrows-v:before{top:2px;transform:rotate(45deg)}.dimension__arrows.dimension__arrows-v:after{bottom:2px;transform:rotate(-135deg)}.dimension__input{padding:0;margin:0;display:flex;width:90px;height:26px;border:1px solid #c1cbd4;border-radius:4px;text-align:center;transition:border-color .27s;font-weight:300;color:#1f1f1f;font-size:14px;background-color:#fff;outline:0;z-index:5}.dimension__input.dimension__input-leaf{width:56px}.dimension__input.dimension__input-v{transform:rotate(-90deg);transform-origin:center}.dimension__input:focus{border-color:#4e84f4}.dimension__input.error,.dimension__input.error:focus{border-color:#ff4242}.window{margin:-6px;display:flex;flex-direction:column}.frame{z-index:5}.casement{z-index:10}.glazingBead{z-index:15}.casement,.frame,.glass,.glazingBead,.windows{display:flex;position:relative;border:1px solid #4e7a9c}.casement.wrapper,.frame.wrapper,.glass.wrapper,.glazingBead.wrapper,.windows.wrapper{display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.casement.wrapper .for-wrapper,.frame.wrapper .for-wrapper,.glass.wrapper .for-wrapper,.glazingBead.wrapper .for-wrapper,.windows.wrapper .for-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.windows-column{position:relative;flex-direction:row;flex-wrap:wrap;flex:1}.glass{width:78px;height:198px;background-color:#a0c6ff;background-image:url(../img/blick.12881b13.png);background-position:0 0;background-repeat:no-repeat;flex-direction:column}.window.mosquito{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAAEFsT2yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQyNEZDRDEwNzI5RjExRUJBQkIzRkJGQzIwRDg4QjFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQyNEZDRDExNzI5RjExRUJBQkIzRkJGQzIwRDg4QjFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDI0RkNEMEU3MjlGMTFFQkFCQjNGQkZDMjBEODhCMUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDI0RkNEMEY3MjlGMTFFQkFCQjNGQkZDMjBEODhCMUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz58gusXAAAAG0lEQVR42mIoLS1tAAgghv///zMABBgjmAUEAE7gBr0UzX4qAAAAAElFTkSuQmCC)}.window.mosquito .glass{background-color:rgba(160,198,255,.7)}.frame .down,.frame .left,.frame .right,.frame .up{background-color:#fff}.frame .down,.frame .up{height:15px}.frame .left,.frame .right{width:15px}.casement .down,.casement .up{height:13px}.casement .left,.casement .right{width:13px}.glazingBead .down,.glazingBead .up{height:3px}.glazingBead .left,.glazingBead .right{width:3px}.aluminium .glazingBead .up:after,.aluminium .glazingBead .up:before{height:3px;z-index:5}.down,.left,.right,.up{display:flex;position:relative}.down,.up{flex:0 1 100%}.pvh .blind .glassArrows,.pvh .deaf .glassArrows,.wood .blind .glassArrows,.wood .deaf .glassArrows{display:none}.aluminium .window.blind,.aluminium .window.deaf,.pvh .window.blind,.pvh .window.deaf,.wood .window.blind,.wood .window.deaf{margin:0}.aluminium .blind .casement,.aluminium .deaf .casement,.pvh .blind .casement,.pvh .deaf .casement,.wood .blind .casement,.wood .deaf .casement{border:none;margin-bottom:0}.aluminium .blind .casement>.down,.aluminium .blind .casement>.left,.aluminium .blind .casement>.right,.aluminium .blind .casement>.up,.aluminium .deaf .casement>.down,.aluminium .deaf .casement>.left,.aluminium .deaf .casement>.right,.aluminium .deaf .casement>.up,.pvh .blind .casement>.down,.pvh .blind .casement>.left,.pvh .blind .casement>.right,.pvh .blind .casement>.up,.pvh .deaf .casement>.down,.pvh .deaf .casement>.left,.pvh .deaf .casement>.right,.pvh .deaf .casement>.up,.wood .blind .casement>.down,.wood .blind .casement>.left,.wood .blind .casement>.right,.wood .blind .casement>.up,.wood .deaf .casement>.down,.wood .deaf .casement>.left,.wood .deaf .casement>.right,.wood .deaf .casement>.up{display:none}.aluminium .blind .glazingBead,.aluminium .deaf .glazingBead,.pvh .blind .glazingBead,.pvh .deaf .glazingBead,.wood .blind .glazingBead,.wood .deaf .glazingBead{border:0}.aluminium .blind .glazingBead .glass,.aluminium .deaf .glazingBead .glass,.pvh .blind .glazingBead .glass,.pvh .deaf .glazingBead .glass,.wood .blind .glazingBead .glass,.wood .deaf .glazingBead .glass{width:96px;height:216px}.aluminium .window.blind .glass,.pvh .window.blind .glass,.wood .window.blind .glass{background:#fff}.leaf-button{display:flex;width:32px;height:32px;left:calc(50% - 16px);top:14px;position:absolute;background-color:#ffe73b;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .27s;font-weight:600;font-size:20px;z-index:100}.leaf-button:hover{background-color:#fff}.aluminium .window.leaf .glass,.pvh .window.leaf .glass,.wood .window.leaf .glass{height:34px}.aluminium .window.stvorka .glass,.pvh .window.stvorka .glass,.wood .window.stvorka .glass{height:123px}.aluminium .window.blind.leaf,.aluminium .window.deaf.leaf,.pvh .window.blind.leaf,.pvh .window.deaf.leaf,.wood .window.blind.leaf,.wood .window.deaf.leaf{margin-top:0;margin-bottom:-8px;border-bottom:1px solid #4e7a9c}.aluminium .window.blind.leaf .glass,.aluminium .window.deaf.leaf .glass,.pvh .window.blind.leaf .glass,.pvh .window.deaf.leaf .glass,.wood .window.blind.leaf .glass,.wood .window.deaf.leaf .glass{height:54px}.aluminium .window.blind.stvorka,.aluminium .window.deaf.stvorka,.pvh .window.blind.stvorka,.pvh .window.deaf.stvorka,.wood .window.blind.stvorka,.wood .window.deaf.stvorka{border-top:1px solid #4e7a9c}.aluminium .window.blind.stvorka .glass,.aluminium .window.deaf.stvorka .glass,.pvh .window.blind.stvorka .glass,.pvh .window.deaf.stvorka .glass,.wood .window.blind.stvorka .glass,.wood .window.deaf.stvorka .glass{height:144px}.aluminium .impost,.pvh .impost,.wood .impost{display:flex}.aluminium .impost.impost-horizontal,.pvh .impost.impost-horizontal,.wood .impost.impost-horizontal{width:100%;height:15px}.aluminium .impost.impost-vertical,.pvh .impost.impost-vertical,.wood .impost.impost-vertical{width:16px;height:100%;border-left:1px solid #4e7a9c;border-right:1px solid #4e7a9c}.aluminium .impost.impost-vertical:not(last-child){width:9px}.down:after,.down:before,.up:after,.up:before{position:absolute;content:""}.up:after,.up:before{border-bottom:1px solid #4e7a9c}.down:after,.down:before{margin-top:-1px;border-top:1px solid #4e7a9c}.down:before,.up:before{left:0}.down:after,.up:after{right:0}.glazingBead>.down:after,.glazingBead>.down:before,.glazingBead>.up:after,.glazingBead>.up:before{width:3px;height:3px}.casement>.down:after,.casement>.down:before,.casement>.up:after,.casement>.up:before{width:13px;height:13px}.frame>.down:after,.frame>.down:before,.frame>.up:after,.frame>.up:before{width:15px;height:15px}.frame>.up:after,.frame>.up:before{margin-top:-1px}.frame>.down:after,.frame>.down:before{margin-bottom:-1px}.pvh .glazingBead>.up:before,.wood .glazingBead>.up:before{transform:skew(0,45deg) translateY(-2px)}.pvh .glazingBead>.up:after,.wood .glazingBead>.up:after{transform:skew(0,-45deg) translateY(-2px)}.pvh .glazingBead>.down:before,.wood .glazingBead>.down:before{transform:skew(0,-45deg) translateY(2px)}.pvh .glazingBead>.down:after,.wood .glazingBead>.down:after{transform:skew(0,45deg) translateY(2px)}.pvh .casement>.up:before,.wood .casement>.up:before{transform:skew(0,45deg) translateY(-7px)}.pvh .casement>.up:after,.wood .casement>.up:after{transform:skew(0,-45deg) translateY(-7px)}.pvh .casement>.down:before,.wood .casement>.down:before{transform:skew(0,-45deg) translateY(7px)}.pvh .casement>.down:after,.wood .casement>.down:after{transform:skew(0,45deg) translateY(7px)}.pvh.frame>.up:before,.wood.frame>.up:before{transform:skew(0,45deg) translateY(-7px)}.pvh.frame>.up:after,.wood.frame>.up:after{transform:skew(0,-45deg) translateY(-7px)}.pvh.frame>.down:before,.wood.frame>.down:before{transform:skew(0,-45deg) translateY(7px)}.pvh.frame>.down:after,.wood.frame>.down:after{transform:skew(0,45deg) translateY(7px)}.aluminium.frame>.up:before{border-bottom:1px solid transparent;border-right:1px solid #4e7a9c}.aluminium.frame>.up:after{border-bottom:1px solid transparent;border-left:1px solid #4e7a9c}.aluminium.frame>.down:before{border-top:1px solid transparent;border-right:1px solid #4e7a9c}.aluminium.frame>.down:after{border-top:1px solid transparent;border-left:1px solid #4e7a9c}.aluminium .casement>.up:before{border-bottom:1px solid transparent;border-right:1px solid #4e7a9c}.aluminium .casement>.up:after{border-bottom:1px solid transparent;border-left:1px solid #4e7a9c}.aluminium .casement>.down:before{border-top:1px solid transparent;border-right:1px solid #4e7a9c}.aluminium .casement>.down:after{border-top:1px solid transparent;border-left:1px solid #4e7a9c}.aluminium .hinges{display:none}.window{flex-direction:row;position:relative}.window.blind .hinges,.window.deaf .hinges,.window.open2left .hinges-l,.window.open2leftUp .hinges-l,.window.open2right .hinges-r,.window.open2rightUp .hinges-r,.window.open2up .hinges-r{display:none}.hinges{display:flex;flex-direction:column;width:5px;height:100%;position:absolute;z-index:1}.hinges.hinges-l{left:-5px}.hinges.hinges-r{right:-5px}.hinges .hinge{display:flex;width:3px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAAGZREbKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwN0MyRUQzNzYxRDExRUI5REYyODQzQUE5MTQzODhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwN0MyRUQ0NzYxRDExRUI5REYyODQzQUE5MTQzODhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTA3QzJFRDE3NjFEMTFFQjlERjI4NDNBQTkxNDM4OEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTA3QzJFRDI3NjFEMTFFQjlERjI4NDNBQTkxNDM4OEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66A+CrAAAALElEQVR42mLUqZ7/n+H///8MAAHEDCKYGIAAIIAQLDABEGBoXDSCee0fhf8A/rgRH9yUiqMAAAAASUVORK5CYII=) 50% repeat-x;background-color:#fff;border:1px solid #4e7a9c;border-radius:3px}.hinges .hinge.hinge-u{margin-top:3px}.hinges .hinge.hinge-d{margin-top:auto;margin-bottom:3px}.pvh .handle-l,.pvh .handle-s,.wood .handle-l,.wood .handle-s{display:flex;border:1px solid #2b7b9e;border-radius:2px;background-color:#fff;align-items:center;justify-content:center;position:absolute}.pvh .left,.pvh .right,.wood .left,.wood .right{position:relative;align-items:center;justify-content:center}.pvh .left .handle-s,.pvh .right .handle-s,.wood .left .handle-s,.wood .right .handle-s{width:9px;height:18px}.pvh .left .handle-l,.pvh .right .handle-l,.wood .left .handle-l,.wood .right .handle-l{margin-top:26px;width:3px;height:32px;z-index:20}.pvh .down,.pvh .up,.wood .down,.wood .up{position:relative;align-items:center;justify-content:center}.pvh .down .handle-s,.pvh .up .handle-s,.wood .down .handle-s,.wood .up .handle-s{width:18px;height:9px}.pvh .down .handle-l,.pvh .up .handle-l,.wood .down .handle-l,.wood .up .handle-l{margin-left:26px;width:32px;height:3px;z-index:20}.aluminium .down .handle-l,.aluminium .down .handle-s,.aluminium .open2leftUp .handle-l,.aluminium .open2leftUp .handle-s,.aluminium .open2none .handle-l,.aluminium .open2none .handle-s,.aluminium .open2rightUp .handle-l,.aluminium .open2rightUp .handle-s,.aluminium .up .handle-l,.aluminium .up .handle-s,.open2down .left .handle-l,.open2down .left .handle-s,.open2down .right .handle-l,.open2down .right .handle-s,.open2down .up .handle-l,.open2down .up .handle-s,.open2left .down .handle-l,.open2left .down .handle-s,.open2left .right .handle-l,.open2left .right .handle-s,.open2left .up .handle-l,.open2left .up .handle-s,.open2leftUp .down .handle-l,.open2leftUp .down .handle-s,.open2leftUp .right .handle-l,.open2leftUp .right .handle-s,.open2leftUp .up .handle-l,.open2leftUp .up .handle-s,.open2right .down .handle-l,.open2right .down .handle-s,.open2right .left .handle-l,.open2right .left .handle-s,.open2right .up .handle-l,.open2right .up .handle-s,.open2rightUp .down .handle-l,.open2rightUp .down .handle-s,.open2rightUp .left .handle-l,.open2rightUp .left .handle-s,.open2rightUp .up .handle-l,.open2rightUp .up .handle-s,.open2up .down .handle-l,.open2up .down .handle-s,.open2up .left .handle-l,.open2up .left .handle-s,.open2up .right .handle-l,.open2up .right .handle-s{display:none}.aluminium .left,.aluminium .right{position:relative;align-items:center;justify-content:center}.aluminium .left .handle-s,.aluminium .right .handle-s{width:9px;height:32px}.aluminium .left .handle-l,.aluminium .right .handle-l{width:5px;height:18px}.aluminium .handle-s{display:flex;border:1px solid #2b7b9e;border-radius:9px;background-color:#fff;align-items:center;justify-content:center}.aluminium .handle-l{display:flex;border-radius:5px;background-color:#2b7b9e}.blind .handle-l,.blind .handle-s,.deaf .handle-l,.deaf .handle-s{display:none}.sill{display:flex;flex-direction:column;width:calc(100% - 18px);justify-content:center;align-items:center}.sill.hidden{display:none}.sill__up{display:flex;width:100%;height:14px;background-color:#fff;position:relative}.sill__up .corner{display:flex;width:14px;height:14px}.sill__up .corner.corner-l{background:linear-gradient(to top left,transparent calc(50% - 1px),#4e7a9c,#fff calc(50% + 1px))}.sill__up .corner.corner-r{margin-left:auto;background:linear-gradient(to top right,transparent calc(50% - 1px),#4e7a9c,#fff calc(50% + 1px))}.sill__middle{display:flex;margin-top:-1px;flex-direction:row;width:calc(100% + 44px);height:4px;background-color:#fff}.sill__middle .edge{display:flex;width:22px;height:5px;border-top:1px solid #4e7a9c}.sill__middle .edge.edge-r{margin-left:auto;justify-content:flex-end}.sill__middle .edge .corner{margin-top:-1px;display:flex;width:6px;height:6px}.sill__middle .edge .corner.corner-l{background:linear-gradient(to top left,transparent calc(50% - 1px),#4e7a9c,#fff calc(50% + 1px))}.sill__middle .edge .corner.corner-r{background:linear-gradient(to top right,transparent calc(50% - 1px),#4e7a9c,#fff calc(50% + 1px))}.sill__down{display:flex;width:calc(100% + 42px);height:6px;background-color:#fff;border:1px solid #4e7a9c}.glassArrows{display:flex;position:relative}.glassArrows,.glassArrows svg{width:100%;height:100%}.glassArrows svg line{stroke:#fff;stroke-width:1}.aluminium .glassArrows-middle{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.aluminium .blind .glassArrows-middle,.aluminium .deaf .glassArrows-middle,.aluminium .glassArrows-horizontal,.aluminium .glassArrows-vertical,.aluminium .open2leftUp .glassArrows-middle,.aluminium .open2rightUp .glassArrows-middle,.aluminium .open2up .glassArrows-middle{display:none}.aluminium .open2both .glassArrows-middle:after,.aluminium .open2both .glassArrows-middle:before{width:10px;height:10px;position:absolute;content:"";border-top:1px solid #fff;border-left:1px solid #fff}.aluminium .open2both .glassArrows-middle:before{left:2px;transform:rotate(-45deg)}.aluminium .open2both .glassArrows-middle:after{right:2px;transform:rotate(135deg)}.aluminium .open2left .glassArrows-middle:before{left:2px;transform:rotate(-45deg)}.aluminium .open2left .glassArrows-middle:before,.aluminium .open2right .glassArrows-middle:before{width:10px;height:10px;position:absolute;content:"";border-top:1px solid #fff;border-left:1px solid #fff}.aluminium .open2right .glassArrows-middle:before{right:2px;transform:rotate(135deg)}.aluminium .open2none .glassArrows-middle,.pvh .glassArrows-middle,.wood .glassArrows-middle{display:none}.pvh .glassArrows-horizontal,.pvh .glassArrows-vertical,.wood .glassArrows-horizontal,.wood .glassArrows-vertical{display:flex;width:100%;height:100%;position:absolute}.pvh .glassArrows-horizontal,.wood .glassArrows-horizontal{flex-direction:column}.pvh .glassArrows-vertical,.wood .glassArrows-vertical{flex-direction:row}.pvh .open2both .glassArrows-horizontal,.wood .open2both .glassArrows-horizontal{display:none}.pvh .open2left .glassArrows-horizontal,.wood .open2left .glassArrows-horizontal{transform:scaleX(-1)}.pvh .open2left .glassArrows-vertical,.wood .open2left .glassArrows-vertical{display:none}.pvh .open2leftUp .glassArrows-horizontal,.wood .open2leftUp .glassArrows-horizontal{transform:scaleX(-1)}.pvh .open2leftUp .glassArrows-vertical,.wood .open2leftUp .glassArrows-vertical{display:flex;transform:scaleY(-1)}.pvh .open2rightUp .glassArrows-horizontal,.wood .open2rightUp .glassArrows-horizontal{transform:scale(1)}.pvh .open2rightUp .glassArrows-vertical,.wood .open2rightUp .glassArrows-vertical{display:flex;transform:scaleY(-1)}.pvh .open2right .glassArrows-vertical,.wood .open2right .glassArrows-vertical{display:none}.pvh .open2up .glassArrows-vertical,.wood .open2up .glassArrows-vertical{transform:scaleY(-1)}.pvh .open2up .glassArrows-horizontal,.wood .open2up .glassArrows-horizontal{display:none}.pvh .open2left.open2up .glassArrows-horizontal,.pvh .open2left.open2up .glassArrows-vertical,.pvh .open2right.open2up .glassArrows-horizontal,.pvh .open2right.open2up .glassArrows-vertical,.wood .open2left.open2up .glassArrows-horizontal,.wood .open2left.open2up .glassArrows-vertical,.wood .open2right.open2up .glassArrows-horizontal,.wood .open2right.open2up .glassArrows-vertical{display:flex}.aluminium .casement,.pvh .casement,.wood .casement{cursor:pointer}.pvh .casement.open2right:hover,.wood .casement.open2right:hover{-webkit-animation:open2right 1.5s linear;animation:open2right 1.5s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.pvh .casement.open2left:hover,.wood .casement.open2left:hover{-webkit-animation:open2left 1.5s linear;animation:open2left 1.5s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.pvh .casement.open2up:hover,.wood .casement.open2up:hover{-webkit-animation:open2up 1.5s linear;animation:open2up 1.5s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.pvh .casement.open2leftUp:hover,.wood .casement.open2leftUp:hover{-webkit-animation:open2leftUp 2s linear;animation:open2leftUp 2s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.pvh .casement.open2rightUp:hover,.wood .casement.open2rightUp:hover{-webkit-animation:open2rightUp 2s linear;animation:open2rightUp 2s linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.pvh .casement.blind:hover,.pvh .casement.deaf:hover,.wood .casement.blind:hover,.wood .casement.deaf:hover{-webkit-animation:none;animation:none}@-webkit-keyframes open2right{0%{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%}50%{transform:perspective(610px) rotateY(-25deg);transform-origin:0 50%}to{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%}}@keyframes open2right{0%{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%}50%{transform:perspective(610px) rotateY(-25deg);transform-origin:0 50%}to{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%}}@-webkit-keyframes open2left{0%{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%}50%{transform:perspective(610px) rotateY(25deg);transform-origin:100% 50%}to{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%}}@keyframes open2left{0%{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%}50%{transform:perspective(610px) rotateY(25deg);transform-origin:100% 50%}to{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%}}@-webkit-keyframes open2up{0%{transform-origin:50% 100% 0}50%{transform:perspective(900px) rotateX(-25deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@keyframes open2up{0%{transform-origin:50% 100% 0}50%{transform:perspective(900px) rotateX(-25deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@-webkit-keyframes open2down{0%{transform-origin:50% 100% 0}50%{transform:perspective(900px) rotateX(-25deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@keyframes open2down{0%{transform-origin:50% 100% 0}50%{transform:perspective(900px) rotateX(-25deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@-webkit-keyframes open2leftUp{0%{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%;z-index:2}25%{transform:perspective(610px) rotateY(25deg);transform-origin:100% 50%}50%{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%}51%{transform-origin:50% 100% 0}75%{transform:perspective(900px) rotateX(-15deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@keyframes open2leftUp{0%{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%;z-index:2}25%{transform:perspective(610px) rotateY(25deg);transform-origin:100% 50%}50%{transform:perspective(610px) rotateY(0deg);transform-origin:100% 50%}51%{transform-origin:50% 100% 0}75%{transform:perspective(900px) rotateX(-15deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@-webkit-keyframes open2rightUp{0%{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%;z-index:2}25%{transform:perspective(610px) rotateY(-25deg);transform-origin:0 50%}50%{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%}51%{transform-origin:50% 100% 0}75%{transform:perspective(900px) rotateX(-15deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}@keyframes open2rightUp{0%{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%;z-index:2}25%{transform:perspective(610px) rotateY(-25deg);transform-origin:0 50%}50%{transform:perspective(610px) rotateY(0deg);transform-origin:0 50%}51%{transform-origin:50% 100% 0}75%{transform:perspective(900px) rotateX(-15deg) rotate(0deg);transform-origin:50% 100% 0}to{transform:perspective(900px) rotateX(0deg) rotate(0deg);transform-origin:50% 100% 0}}#calculator{flex-direction:column;width:100%;height:420px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:4px;margin-bottom:60px}.viewport{display:flex;flex:0 1 auto;height:auto;flex-direction:row;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.constructor{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap}.frame.wrapper{flex:0 1 auto;position:relative}.windows.wrapper{display:flex;flex-direction:row;position:relative;flex:1}.windows-column:not(:last-child){margin-right:0}.skew-0{transform:skew(0,0)}.skew-4{transform:skew(0,4deg)}.skew-10{transform:skew(0,10deg)}.skew-24{transform:skew(0,24deg)}.skew-36{transform:skew(0,36deg)}.skew-42{transform:skew(0,42deg)}.frame.skew-4{transform:skew(0,4deg);transform-origin:top left}.frame.skew-10{transform:skew(0,10deg);transform-origin:top left}