.infobox {
    display: inline-block;
    zoom: 1;
    background-color: #fff;
    padding: 10px;
    position: relative;
    width: 270px;
}
.infobox:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.infobox:before {
    bottom: -16px;
    border: 8px solid transparent;
    border-top-color: #fff;
    content: '';
    height: 0px;
    margin-left: -8px;
    left: 50%;
    position: absolute;
    width: 0px;
    z-index: 100;
}
.infobox .image {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.infobox .title {
    font-size: 18px;
}
.infobox .title a{
    color: #0581b5;
}
.infobox .title a:href {
    text-decoration: none;
}
.infobox .area {
    color: #313131;
    margin-top: 5px;
}
.infobox .area .key {
    float: left;
    font-weight: bold;
    font-size: 15px;
}
.infobox .area .value {
    font-size: 15px;
}
.infobox .price {
    clear: left;
    color: #313131;
    float: left;
    font-size: 18px;
    margin-top: 8px;
}
.infobox .link a {
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    background-image: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background-color: #0581b5;
    /*background-image: url("../images/arrow-right-white.png");*/
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 8px 11px;
    border: 0px;
    color: #fff;
    padding: 7px 30px 7px 15px;
    clear: right;
    float: right;
}
.infobox .link a:hover, .infobox .link a:active, .infobox .link a:focus {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
@media (-webkit-min-device-pixel-ratio: 2),  (-moz-min-device-pixel-ratio: 2) {
    .infobox .link a {
    /*background-image: url("../images/arrow-right-white.png");*/
}
}.infobox .link a:hover {
    background-color: #045e83;
}
.infobox .link a a {
    color: #fff;
}
.infobox .link a:hover {
    text-decoration: none;
}
#map {
    height: 485px;
    width: 100%
}

#map img {
    max-width: inherit;
    height: 80px;
}

.map {
    position: relative;
    margin-left: -15px;
    width: 103%;
}

.map .row {
    position: relative
}

.map .row .span3 {
    float: right;
    margin-top: -450px;
    z-index: 9999
}

@media (max-width: 767px) {
    .map .row {
        margin-left: 20px;
        margin-right: 20px
    }
    .map .row .span3 {
        float: none;
        margin-top: 30px
    }
}
.marker {
        -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background-color: #fff;
    border-radius: 50%;
    border: 6px solid #003f4f;
    border: inset 1px solid #fff;
    box-shadow: inset 0px 0px 15px rgba(0,0,0,0.3);
    width: 40px;
    height: 40px;
    margin-top: 0px;
    position: relative;
    zoom: 1;
}
.marker:before{
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: 7px solid transparent;
    border-width: 7px 4px;
    border-top-color: #003f4f;
    bottom: -19px;
    content: "";
    display: block;
    height: 0px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    width: 0px;
}
.marker-inner i{
    color: #f69679;
    font-size: 21px;
    left: 28%;
    position: absolute;
    top: 14%;
}
.marker:hover {
    margin-top: -10px;
    padding-bottom: 10px;
    opacity: .99;
}