@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,body,html{font-family:'Roboto', sans-serif;box-sizing:border-box}header{background:#007882;color:white;overflow:auto;padding:20px 15px}header .logo{float:left}header nav{float:right}header nav a{color:white;text-decoration:none;padding:7px 20px;text-transform:capitalize;font-weight:300}header nav a:hover{color:#FF71BE}header nav a.register-btn{background:#9C1114;padding:7px 25px;text-align:center;color:white;border-radius:5px}#content-area{overflow:auto;width:100%;min-height:100vh}#filter{background:#FAF7F5;width:30%;max-width:300px;display:inline-block;float:left}#filter .inside{padding:20px;max-width:300px}#filter h4{margin-bottom:25px;font-size:0.9rem;font-weight:500px;text-transform:uppercase}#filter select{background:transparent;padding:10px;font-size:14px;font-weight:500;color:#1b1b1b;display:block;margin-bottom:25px;width:100%}#filter .filters .title{font-size:0.9rem;display:block;margin-bottom:1rem;color:#828d8d}#filter .filters input[type="text"]{width:45%;display:inline-block;margin-right:2.5%;margin-bottom:1rem;border-radius:5px;font-size:1rem;padding:0.4rem}#filter .filters.extras label{display:block;width:100%;padding:10px 0}#filter .filters.extras label input[type="checkbox"]{float:right}#listings{width:70%;float:left;display:inline-block;padding:15px;background:#FFFEFF}#listings .search-area input[type="text"]{width:70%;background:transparent;font-size:2rem;border:none;color:#dadde2;border-bottom:2px solid #828d8d;margin-bottom:20px;font-weight:100}#listings .sortby-area{margin-bottom:20px}#listings .sortby-area .results{color:#828d8d;font-size:0.8rem;display:inline-block}#listings .sortby-area .sort-options{float:right}#listings .sortby-area .sort-options select{font-size:0.9rem;font-weight:300;border:1px solid #dadde2;background:transparent;display:inline-block;margin-right:15px;vertical-align:top}#listings .sortby-area .sort-options .view{display:inline-block}#listings .sortby-area .sort-options .view .fa{font-size:1.5rem;margin-right:15px}#listings .listings-results{margin-bottom:60px}#listings .listings-results .listing{background:#fff;border-radius:5px;box-shadow:0px 8px 60px -6px #dedbde}#listings .listings-results .listing-img{color:white;padding:15px;position:relative;background:url("http://architecturesideas.com/wp-content/uploads/2017/11/modern-house-design-2.jpg") no-repeat center center;background-size:cover;min-height:200px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}#listings .listings-results .listing-img:hover .details{opacity:1}#listings .listings-results .listing-img:hover .address{opacity:0}#listings .listings-results .listing-img .address{font-size:1.3rem;text-transform:capitalize;position:absolute;bottom:20px;opacity:1;transition:all 0.4 ease-in-out;text-shadow:2px 2px 19px #9f9696}#listings .listings-results .listing-img .details{transition:all .4s ease-in-out;opacity:0;padding:30px;position:absolute;top:0;left:0;bottom:0;right:0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;background:rgba(104,53,198,0.8);background:linear-gradient(135deg, rgba(104,53,198,0.8) 4%, rgba(161,126,232,0.8) 100%)}#listings .listings-results .listing-img .details .user-img{width:30px;height:30px;border-radius:50%;border:2px solid white;display:inline-block;background:url("https://s.gravatar.com/avatar/a82dba6345b6843881f59c3b7e69c489?d=mm") no-repeat center center;background-size:cover}#listings .listings-results .listing-img .details .user-details{vertical-align:top;display:inline-block}#listings .listings-results .listing-img .details .user-details .user-name{font-weight:300;font-size:0.9rem;display:block;color:#fff;margin-top:3px;margin-bottom:5px}#listings .listings-results .listing-img .details .user-details .post-date{font-size:0.9rem;display:block;color:rgba(255,255,255,0.7)}#listings .listings-results .listing-img .details .listing-details{margin-top:20px}#listings .listings-results .listing-img .details .listing-details .fa{display:inline-block;font-size:20px;margin-right:15px}#listings .listings-results .listing-img .details .listing-details span{font-weight:300;font-size:0.8rem;display:inline-block;vertical-align:top;position:relative;top:3px}#listings .listings-results .listing-img .details .listing-details .floor-space{margin-bottom:10px}#listings .listings-results .bottom-info{padding:20px 15px}#listings .listings-results .bottom-info .price{font-size:1rem;display:block;margin-bottom:10px;color:#828d8d}#listings .listings-results .bottom-info .location{font-size:1.2rem;display:block;color:#dadde2}.view-btn{background:black;padding:8px;font-size:0.9rem;border-radius:5px;text-align:center;max-width:150px;transition:background .3s ease-in-out}.view-btn:hover{background:#E0607F;cursor:pointer}#pagination{text-align:center}#pagination .pages{display:inline-block;margin:0 auto;background:white;box-shadow:0px 8px 60px -6px #dedbde}#pagination .pages li{padding:20px 30px;display:inline-block}#pagination .pages li:active,#pagination .pages li:hover{background:#E0607F;color:white;font-weight:700;cursor:pointer}.col-md-3{width:33%;display:inline-block;vertical-align:top;padding:0 15px;margin-bottom:15px}.col-md-9{width:67%;display:inline-block;margin-bottom:15px}.col-lg-6{width:50%;display:inline-block;vertical-align:top;padding:0 15px;margin-bottom:15px}