.mapLabelsPro .markerFoto {
    position: absolute;
    left: 50%;
    top: -100px;
    width: 90px;
    height: 90px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    margin-left: -45px;

    border: 3px solid #fbb042;

    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.19);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.19);
}

#projectContainer .params {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 10px;
}

#projectContainer .param {
    width: 120px;
   max-width: 120px;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 60px;
    font-size: 13px;
    font-weight: bold;
    vertical-align: top;
}

#projectContainer #galleryThumbs {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 15px;
}

#projectContainer #galleryThumbs .galleryThumb {
    display: inline-block;
    width: 150px;
    height: 90px;
    margin: 4px;
    cursor: pointer;

    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;

    overflow: hidden;
    text-align: center;

    transition: all 0.2s;
}

#projectContainer #galleryThumbs .galleryThumb:hover {
    height: 100px;
    margin-bottom: -1px;
    margin-top: -5px;

    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
}

#projectContainer #galleryThumbs .galleryThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes the image fill and cover the div */
    display: block;
}

#projectContainer #developerInfo {
    cursor: pointer;
    position: relative;
}

#projectContainer #developerInfo:after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -10px;
    background-image: url(../i/question.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#projectContainer #developerInfo:hover {
    text-decoration: underline;
}


#projectContainer .lokaliatBox h2 {
    position: relative;
    display: inline-block;
}

#projectContainer .lokaliatBox h2:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: -44px;
    top: 50%;
    margin-top: -23px;
    background-image: url(../i/location.png);
    background-size: contain;
}

#projectContainer .hodnotenieBox h2 {
    position: relative;
    display: inline-block;
}

#projectContainer .hodnotenieBox h2:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: -44px;
    top: 50%;
    margin-top: -23px;
    background-image: url(../i/diamond.png);
    background-size: contain;
}

#projectContainer .param.icon {
    position: relative;
}

#projectContainer .param.icon:before {

    width: 50px;
    height: 50px;
    content: "";
    display: block;
    background-position: center;
    background-size: cover;

    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -25px;

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.icon.pa_1:before {
    background-image: url(../i/icon_pa1.webp);

}
.icon.pa_2:before {
    background-image: url(../i/icon_pa2.webp);

}
.icon.pa_3:before {
    background-image: url(../i/icon_pa3.webp);

}
.icon.pa_4:before {
    background-image: url(../i/icon_pa4.webp);

}
.icon.pa_5:before {
    background-image: url(../i/icon_pa5.webp);

}
.icon.pa_6:before {
    background-image: url(../i/icon_pa6.webp);

}