.navigation{bottom:0;display:none;font-family:Gilroy,sans-serif;left:0;pointer-events:none;position:fixed;-webkit-transition:bottom .3s;transition:bottom .3s;width:100%;z-index:110}.navigation__bar{position:relative;z-index:2;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#fff;border-top:1px solid #c5c4c4;-webkit-box-shadow:0 -20px 10px -10px rgba(0,0,0,.051);box-shadow:0 -20px 10px -10px rgba(0,0,0,.051);height:60px;justify-content:center;width:100%}.navigation__bar,.navigation__control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:all}.navigation__control{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:transparent;border:0;color:#000;-ms-flex-direction:column;flex-direction:column;margin:0 16px;padding:0;text-decoration:none;width:62px}.navigation__control:nth-child(2) svg{height:23px;width:23px}.navigation__control.active-control{color:#b40f1f}.navigation__control.active-control svg{fill:#b40f1f;stroke:#b40f1f}.navigation__control.active-control span{color:#b40f1f}.navigation__control svg{height:20px;margin-bottom:6px;width:20px;fill:#c5c4c4;stroke:#c5c4c4;-webkit-transition:fill .3s ease,stroke .3s ease;transition:fill .3s ease,stroke .3s ease}.navigation__control span{color:#c5c4c4;font-family:Gilroy,sans-serif;font-size:10px;line-height:1;-webkit-transition:color .3s ease;transition:color .3s ease}.navigation__layers{height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px);overflow:hidden;pointer-events:none;position:relative;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;width:100%;z-index:1}.navigation__layers.shadowed{background-color:rgba(0,0,0,.533);pointer-events:all}.navigation__layer{background-color:#fff;bottom:0;display:none;left:0;max-height:100%;overflow:hidden;pointer-events:all;position:absolute;-ms-touch-action:none;touch-action:none;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);width:100%;will-change:transform}.navigation__layer.visible-layer{display:block}.navigation__layer.navigation__layer--feature.active-layer{bottom:60px}.navigation__layer--contacts,.navigation__layer--flats,.navigation__layer--form,.navigation__layer--projects,.navigation__layer--share{overflow:hidden}.navigation__layer--flats .navigation__layer-body{max-height:calc(var(--vh, 1vh)*100 - 104px)}.navigation__layer.active-layer{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.navigation__layer.full{height:100%}.navigation__layer-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;color:#2b2b2b;font-size:18px;font-weight:600;height:50px;justify-content:center;letter-spacing:.04em;line-height:20px}.navigation__layer-header:after{background:#dcdee5;content:"";display:block;height:5px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:135px;z-index:5}.navigation__layer-body{height:100%;max-height:calc(var(--vh, 1vh)*100 - 104px);overflow:auto;width:100%}@media (min-width:1px) and (max-width:768px){.navigation{display:block}}@media (min-width:1px) and (max-width:350px){.navigation__control{margin-left:9px;margin-right:9px;width:55px}.navigation__control svg{height:23px;width:23px}.navigation__control span{font-size:11px}}