



.specialmasonry {
    max-width: 1200px;
}

/* clearfix */
.specialmasonry:after {
    content: '';
    display: block;
    clear: both;
}

.specialmasonry .grid-sizer,
.specialmasonry .grid-item {
    width: 33.3%;
}

.specialmasonry .grid-item {
    float: left;
    background-color: #e63c40;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.jobs h1  {
    text-transform: uppercase;
    font-weight: 300 !important;
    margin-top: 2rem;
}

.jobs h2 {
    font-weight: 400 !important;
}


.specialmasonry .grid-item * {
    color: #fff;
}

.specialmasonry .grid-item h2{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;

}

.specialmasonry .grid-item h3{
    font-size: 0.8rem;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;

}


.specialmasonry .grid-item .line {
    width: 2px;
    height: 20px;
    background: #f1eff0;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}




.specialmasonry .grid-item .hover-layer{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: rgba(230, 60, 64, 0.6);
    height: 430px;
}

.specialmasonry .grid-item .hover-with-image {
    height: 270px;
}

.specialmasonry .grid-item:hover > .hover-layer{
    background-color: rgba(230, 60, 64, 1);
}

.specialmasonry .grid-item .only-on-hover{
    /*display: none;*/
}

.specialmasonry .grid-item:hover .only-on-hover{
    display: block;
}


@media (max-width: 991px) {
    .specialmasonry .grid-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .specialmasonry .grid-item {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .specialmasonry .grid-item {
        width: 100%;
    }
}



.specialmasonry_container .noo_result{
    display: none;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #000;
    border: 2px solid #000;
    padding: 10px;
    font-family: "Rubik", Arial, Tahoma, sans-serif;
}


.reference_category_selector.active {
    color: #e63c40;
}




