body {
    position: relative;
    transition: .5s;
}
.gravex-main-wrapper-flex {
    display: flex;
    height: 100%;
    width: 100%;
    /*overflow: hidden; не работает со sticky*/
}
.gsidebar {
    height: 100%;
}
.gsidebar-left {
    position: relative;
}
.gcolumn-center-flex {
    display: flex;
    flex: 1 1 0;
    /*display: block;*/
}
.gcolumn-left-flex {
    order: 0;
}
.gcolumn-center-flex {
    order: 1;
}
.gcolumn-right-flex {
    order: 2;
}
.gsidebar-left, .gsidebar-right {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    /*z-index: 1000;*/
    overflow: hidden;
}
.gsidebar-left {
    left:0;
}
.gsidebar-right {
    right: 0;
}
.g-pos-absolute {
    position: absolute!important;
}
.gcolumn-left-flex .gsidebar-left,
.gcolumn-right-flex .gsidebar-right {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    transform: translateX(0px);
}
.gravex-overlay.gravex-overlay-transparent {
    background-color: transparent;
}
.display-block {
    display: block;
    width: 100%;
}
/* == STICKY - START == */
.gravex-sticky {
    position:-webkit-sticky;
    position:sticky;
    top: 0; /* задает отступ в момент sticky*/
    height: fit-content; /* при необходимости отключить, применяется для авто высоты */
}
/* == STICKY - END == */