/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body,
html {
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

#emptygif {
    position: absolute;
    z-index: 200;
}

#overlay1st {
    position: absolute;
    background: #fff;
    opacity: 0.2;
    width: 744px;
    height: 1005px;
    z-index: 100;
    display: none;
}

#overlay2nd {
    position: absolute;
    background: #fff;
    opacity: 0.2;
    width: 744px;
    height: 1005px;
    top: 1005px;
    z-index: 100;
    display: none;
}

.main {
    padding-top: 30px;
}

#contacts {
    margin-top: 20px;
}

.contact-item {
    clear: both;
    padding-bottom: 20px;
}

.contact-text {
    float: left;
    /*padding-left: 20px;*/
    padding-bottom: 15px;
}

.contact-desc {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    font-weight: bold;
}

#image-magic {
    width: 764px;
    height: 1005px;
    position: relative;
}

.floating-image {
    position: absolute;
    -webkit-filter: grayscale(100%) brightness(135%) contrast(120%);
    filter: grayscale(100%) brightness(135%) contrast(120%);
    transition: filter 0.3s, box-shadow 0.3s;
    -webkit-transition: filter 0.3s, -webkit-filter 0.3s, box-shadow 0.3s;
    height: 273px;
}

.floating-image:hover,
.floating-image:focus {
    -webkit-filter: none;
    filter: none;
    z-index: 2;
}

#img1 {
    left: 0px;
    top: 0px;
}

#img2 {
    left: 290px;
    top: 147px;
}

#img3 {
    left: 0px;
    top: 273px;
}

#img4 {
    /*left: 225px;
    top: 478px;*/
    left: 287px;
    top: 420px;
}

#img5 {
    left: 0px;
    /*top: 685px;*/
    top: 546px;
}

#img6 {
    left: 287px;
    top: 690px;
}

#img7 {
    left: 0px;
    top: 819px;
}

#map {
    height: 300px;
}