.gray-container {
    background-color: #f7f7f7;
}

#bee-animation-container {
    width: 100%;
    height: 600px;
}

#bee-animation {
    margin-top: 8%;
    height: 59%;
    width: 70%;
    float: left;
    position: relative;
}

.desc-text {
    position: absolute;
    width: 70%;
    top: -21%;
}

.egg-container {
    position: relative;
}

#egg1-img .desc {
    left: 28%;
}

#egg1-img .desc-text {
    text-align: left;
}

.animation-de-user #egg1-img .desc-text {
    left: -98%;
}
.animation-de-user #egg2-img .desc-text {
    top: -36%;
}

#egg2-img .desc {
    left: 38%;
}

.desc {
    position: absolute;
    top: -10%;
    text-transform: uppercase;
    width: 100%;
}

.desc img {
    background-color: transparent;
    width: 30% !important;
}

#egg1-img, #egg2-img {
    position: absolute;
    width: 22%;
    top: 10%;
}

#egg1-img {
    left: 10%;
}

#egg2-img {
    right: 10%;
}

#bee-menu {
    /*    width: 25.5%;*/
    /*    float: right;*/
    /*    height: 100%;*/
    position: absolute;
}

.bee-menu-item:first-child {
    margin-top: 10%;
}

.bee-menu-item {
    height: 30%;
    font-size: 10pt;
}

.bee-check {
    background-color: #ffb700;
    width: 43px;
    height: 53px;
    float: left;
    margin-right: 10px;
    clear: left;
    cursor: pointer;
}

.bee-checked {
    background-image: url('/static/pages/img/tick.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.check-description {
    float: left;
    width: 78%;
}

.check-description__number {
    padding: 0;
    margin: 0;
    float: left;
    max-width: 13%;
}

.check-description .description-text {
    float: left;
    max-width: 89%;
    padding-left: 8px;
    font-size: 12pt;
}

#bee1, #bee2  {
    width: 30%;
    position: absolute;
    left: 35%;
    top: 11%;
    display: none;
}

.bottom-button {
  display: block;
}

.bee-menu-item.item-last {
    height: auto;
    clear: both;
    padding-bottom: 150px;
}

.highlight {
    font-weight: bold;
    color: #ffb700;
    display: inline;
}