.maren-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 20px 15px;
}
.filesender-logo img, .maren-logo img{
    max-height: 50px;
    width: auto;
}
#menu {
    background-image: linear-gradient(90deg, #3ba5b4 0, #38ba8a 100%) !important;
}
#menu .rightmenu li {
    border-left: 1px solid #fff !important;
    border-right: 1px solid rgba(255, 255, 255, 0.098);
}

#menu ul li a {
    color: #FFFFFF !important;
}

.box {
    border: 1px solid #aaa;
}

#wrap {
    position: relative !important;
    z-index: 10 !important;
}

.figures-wrapper {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    overflow: hidden;
}

figures-wrapper__container {
    width: 100%;
    height: 100%;
    position: relative;
}

.login__figure{
    position: absolute;
    background-color: rgba(255, 255, 255, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.login__figure.first{
    width: 70px;
    height: 140px;
    top: 25%;
    right: 45%;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.login__figure.second {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    top: 13%;
    left: -4%;
}

@media screen and (max-width: 1100px) {
    .login__figure.second {
        width: 3.9375rem;
        height: 3.9375rem;
    }
}

@media screen and (max-width: 640px) {
    .login__figure.second.registration_second {
        top: 23%;
    }
}

.login__figure.third {
    width: 0;
    height: 0;
    border-top: 95px solid transparent;
    border-bottom: 78px solid transparent;
    border-left: 180px solid rgba(255, 255, 255, .08);
    bottom: 8%;
    left: 11%;
    background-color: transparent;
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
}

@media screen and (max-width: 1100px) {
    .login__figure.third {
        border-top: 48px solid transparent;
        border-bottom: 39px solid transparent;
        border-left: 90px solid rgba(255, 255, 255, .08);
    }
}

@media screen and (max-height: 700px) {
    .login__figure.third {
        border-top: 48px solid transparent;
        border-bottom: 39px solid transparent;
        border-left: 90px solid rgba(255, 255, 255, .08);
    }
}

.login__figure.four {
    width: 75px;
    height: 150px;
    top: 55%;
    left: -1%;
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.login__figure.five {
    width: 250px;
    height: 250px;
    bottom: 17%;
    right: 4%;
    border-radius: 100%;
}

@media screen and (max-width: 1100px) {
    .login__figure.five {
        width: 63px;
        height: 63px;
        bottom: 15%;
        right: 25%;
    }
}

@media screen and (max-height: 700px) {
    .login__figure.five {
        width: 63px;
        height: 63px;
        right: 24%;
    }
}

.login__figure.six {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 160px solid rgba(255, 255, 255, .08);
    top: 9%;
    right: 24%;
    background-color: transparent;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.login__figure.six.registration_six{
    top: 23%;
    right: -10%;
}

@media screen and (max-width: 640px) {
    .login__figure.seven {
        display: none;
    }
}

.login__figure.seven {
    width: 140px;
    height: 140px;
    bottom: 4%;
    right: -2.1875rem;
    border-radius: 100%;
}



@media screen and (max-width: 640px) {
    .login__figure.five, .login__figure.third {
        display: none;
    }
}