@charset "utf-8";
/* CSS Document */
/*-- about section --*/



.btn-saibamais2 {
	font-size: 12px;
    color: #fff;
    background-color: #00b2ff;
    /*border-color: #dc3545;*/
	width: 100%;
	-webkit-transition: 0.5s all;
}
.btn-saibamais2:hover {
    color: #ffffff;
    background-color: #005d85;
    /*border-color: #dc3545;*/
	width: 100%;
}

/*--/info--*/

.property-info-list {
    padding: 1.2em 1em;
    background: #f4f5f7;
}

.property-info-list.mode-info {
    background: none;
}

.detail h4.title a {
    color: #1e3543;
    font-size: 0.65em;
}

.detail ul li {
    list-style: none;
    width: 44%;
    float: left;
    font-weight: 400;
    font-size: 13px;
    color: #888;
    margin: 0.5em;
}

.detail ul li span {
    margin-left: 0.3em;
    color: #393e42;
}


.footer-properties:hover a {
    color: #ffffff;
}

.detail .location a,
.footer-properties a {
    font-size: 13px;
    color: #ffff;
    font-weight: 400;
}

.footer-properties span.year {
    float: right !important;
    font-size: 13px;
    color: #535353;
}

.footer-properties span {
    margin-right: 5px;
}

ul.facilities-list span {
    margin-right: 0.5em;
}

.footer-properties {
    border-top: 1px solid #00344a;
    padding-top: 0.7em;
    margin-top: 1em;
}
.mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
}

/*--//info--*/
/*-- /gallery --*/

section#gallery {
    position: relative;
    text-align: left;
}

.gal-img img {
    background: #fff;
}

.gal-info:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
h3.tittle span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #0081b8;
    letter-spacing: 2px;
}

/*-- //gallery --*/
@media screen and (max-width: 991px) {
	.gal-img,
    .featured-content {
        float: left;
        width: 50% !important;
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 667px) {
	.gal-img {
        float: left;
        width: 100% !important;
    }
}
@media(max-width:640px) {
	.gal-img,
    .featured-content {
        float: left;
        width: 100% !important;
    }
}