/*Related to fixed elements*/
.left-bar {
    width: 30px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: #f0f4f6;
    z-index: 2;
}
.right-bar {
    width: 30px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background: #f0f4f6;
    z-index: 2;
}
.bottom-bar {
    width: 100%;
    height: 30px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #f0f4f6;
    z-index: 1;
}
.blue-bottom-bar {
    position: fixed;
    height: 40px;
    bottom: 30px;
    left: 0;
    z-index: 1;
    width: 100%;
    background: #3c64b1;
}
#shape-left,
#shape-right {
    display: block !important;
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
}
#footer-shape-left,
#footer-shape-right {
    position: fixed;
    z-index: 3;
    display: block !important;
}
#footer-shape-left {
    bottom: 44px;
    left: 39px;
}
#footer-shape-right {
    bottom: 44px;
    right: 39px;
}
#shape-left {
    left: 30px;
}
#shape-right {
    right: 30px;
}
#footer-image {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    z-index: 2;
    max-height: 90px;
}
#footer-image.hide {
    display: none !important;
}
@media (max-width: 926px) {
    .desktop-only,
    #footer-shape-right,
    #footer-shape-left,
    #shape-left,
    #shape-right,
    #footer-image {
        display: none !important;
    }
}
@media screen and (min-width: 800px) and (max-height: 670px) {
    #footer-image {
        display: none !important;
    }
}