@charset "UTF-8";


/* WebDesignAndSuch.com Demo */




img {border:0px;}

a:link, a:visited {text-decoration:none}
a:hover, a:active {color:#ccc; text-decoration:none}

.info {width:800px; margin:0 auto; color:#666; margin-top:50px; text-align:center; font-size:12px; padding-bottom:25px;}
.info a:link, .info a:visited {color:#ccc}
.info a:hover, .info a:active {color:#fff}



/* demo specific styles */





/* css-method */


span.rollover {
    opacity: 2;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background: url('../../Images/mag.png') center center no-repeat #000;   
    cursor: pointer;
    height: 41%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left:0;
    top:0;
    
}

span.rollover:hover {
	opacity: .3;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
    border-radius: 10px 10px 0 0;
}



span.rollover2 {
    opacity: 2;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background: url('http://www.greenfieldmorealestate.com/Images/iconadd.png') center center no-repeat #000;   
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left:0;
    top:0;
    
}

span.rollover2:hover {
    opacity: .3;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
}



span.rollover3 {
    opacity: 2;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background: url('../../Images/mag.png') center center no-repeat #000;   
    cursor: pointer;
    height: 38%;
    width: 95%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left:10px;
    top:5px;
    border-radius: 10px 10px 0 0;
    
}

span.rollover3:hover {
    opacity: .3;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
}



@media (max-width: 768px) {
   
   
    span.rollover {
        display: none;
    
    }

    span.rollover:hover {
        display: none;
    }
    span.rollover3 {
        display: none;
    
    }

    span.rollover3:hover {
        display: none;
    }
}

span.Listingrollover {
    opacity: 2;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left:0;
    top:0;
    
}

span.Listingrollover:hover {
	opacity: 0.6;
    background: #052b4f;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

span.Listingrollover h5 {
    color:white;

}