.project-of-the-month__list__wrapper {
    background-color: #065F5B;
    height: 20px;
    position: relative;
}

.project-of-the-month__list__icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/static/svg/new_projects/project-of-the-month.svg) center center no-repeat;
}

.project-of-the-month__list__wrapper.top-list .project-of-the-month__list__icon,
.project-of-the-month__list__wrapper.bottom-list .project-of-the-month__list__icon
{
}

.project-of-the-month__list__wrapper.bottom-list {
    margin-left: 0;
    position: absolute;
    bottom: 10px;
    display: inline-block;
    padding-right: 10px;
}

.project-of-the-month__list__wrapper.bottom-list.opendoor {
    bottom: 32px;
}

.project-of-the-month__list__wrapper.bottom-list.mobile {
    position: absolute;
    bottom: 0;
    padding-right: 10px;
}

.project-of-the-month__list__wrapper.bottom-list.mobile.opendoor {
    bottom: 29px;
}

.project-of-the-month__list__text {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}

.project-of-the-month__inside__wrapper {
    display: flex;
    height: 25px;
    line-height: 25px;
    margin-bottom: 24px;
    position: relative;
}

.project-of-the-month__inside__wrapper.mobile {
    margin-top: 20px;
}

.project-of-the-month__inside__wrapper.mobile.in-advert {
    margin-bottom: 0;
}

.project-of-the-month__inside__wrapper:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 0 12.5px;
    border-color: transparent transparent transparent #287875;
}

.project-of-the-month__inside__wrapper.advert {
    margin-bottom: 20px;
}

.project-of-the-month__inside__wrapper.advert-bottom {
    margin-bottom: 0;
}

.project-of-the-month__inside__wrapper.advert.reserved {
    margin-bottom: 0;
}

.project-of-the-month__inside__text {
    color: #FFFFFF;
    font-size: 14px;
    display: inline-block;
    background-color: #287875;
    padding: 0 16px 0 19px;
    margin: 0 0 0 -12.5px;
    position: relative;
}

.project-of-the-month__inside__text.project {
    background-color: #E00D18;
    padding: 0 19px 0 16px;
    margin: 0 -12.5px 0 0;
    font-size: 16px;
}

.project-of-the-month__inside__icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/static/svg/new_projects/project-of-the-month.svg) center center no-repeat;
    background-size: 25px;
    position: relative;
    z-index: 2;
}

.content {
    z-index: 10 !important;
}

.project-of-the-month__inside__wrapper:hover .tooltip {
    display: block;
}

.project-of-the-month__inside__wrapper .tooltip {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    background: #666666;
    color: #FFF;
    width: 145px;
    padding: 2px 5px;
    line-height: 16px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    z-index: 3;
}

.project-of-the-month__inside__wrapper .tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: #666666;
    border-width: 7px;
    margin-left: -7px;
}