.theme-2-4 .wrapper.content {
    background-color: #e7ddcc;
}

.theme-2-4 .wrapper.content article .avatar-box {
    top: -152px;
    right: 108px;
}

.theme-2-4 .wrapper.content article .avatar-box.logged-in {
    top: 278px;
    right: 18px;
}

.theme-2-4 .wrapper.content article .character {
    position: absolute;
    display: block;
}
.theme-2-4 .wrapper.content .bg-part.bg-part-top {
    background-image: url("../../images/themes/2_4/bg-part-top.png");
    width: 825px;
    height: 174px;
    top: -175px;
    left: 4px;
}

.theme-2-4 .wrapper.content article .character.circle {
    background-image: url("../../images/themes/2_4/circle.png");
    height: 120px;
    width: 120px;
    left: 581px;
    top: 28px;

    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: rotateCircle;
    -webkit-animation-timing-function: linear;

    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: rotateCircle;
    animation-timing-function: linear;
}

@-webkit-keyframes rotateCircle {
    0% {
        transform: rotate(360deg);
    }
}

@keyframes rotateCircle {
    0% {
        transform: rotate(360deg);
    }
}

.theme-2-4 .wrapper.content .bg-part.bg-part-right-top {
    background-image: url("../../images/themes/2_4/bg-part-right-top.png");
    width: 286px;
    height: 306px;
    right: -226px;
    top: -111px;
}
.theme-2-4 .wrapper.content .bg-part.bg-part-right {
    background-image: url("../../images/themes/2_4/bg-part-right.png");
    width: 193px;
    height: 469px;
    right: -73px;
    top: 226px;
}

@media only screen and (max-width : 1120px) {
    .theme-2-4 .wrapper.content .bg-part.bg-part-right-top {
        display: none;
    }
    .theme-2-4 .wrapper.content article .avatar-box.avatar-logged {
        right: 12px;
    }
    .theme-2-4 .wrapper.content article .avatar-box {
        right: 0;
    }
}