/** HOME FEATURED **/ .home-featured { padding:20px 0px; position:relative; } .home-featured .jcarousel { position:relative; overflow:hidden; width:100%; } .home-featured .jcarousel ul { position:relative; list-style:none; margin:0; padding:0; } .home-featured .jcarousel li { float:left; } .home-featured .jcarousel .slide { position:relative; margin:0px auto; padding:15px; } .home-featured .jcarousel-control-prev, .home-featured .jcarousel-control-next { position:absolute; height:60px; width:60px; text-align:center; top:50%; margin-top:-30px; text-align:center; z-index:99; } .home-featured .jcarousel-control-prev { left:30px; } .home-featured .jcarousel-control-next { right:30px; } .home-featured .image { position:absolute; display:block; width:50%; top:0; bottom:0; left:0; } .home-featured .image .status { position:absolute; left:-3px; bottom:10px; padding:5px; } .jcarousel .slide.status-forSale .image .status, .jcarousel .slide.status-toLet .image .status { display:none; } .home-featured .address-bar { display:block; margin:0px 0px 0px 55%; } .home-featured .address-bar .addr { display:block; text-transform:uppercase; font-size:1.4em; } .home-featured .address-bar .brief { display:block; padding:20px 0px; } .home-featured .address-bar .description { display:block; font-size:1.1em; } .home-featured .address-bar .price-wrapper { display:block; margin:20px 0px 0px 0px; font-size:1.2em; } .home-featured .address-bar .price-value { display:block; font-size:1.2em; } .home-featured { background:#FFFFFF no-repeat 50% 50%; background-size:cover; } .home-featured .jcarousel .slide { background:rgba(255,255,255,0.9); } .lt-ie9 .home-featured .jcarousel .slide { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); zoom: 1; } .home-featured .jcarousel .slide:hover { background:rgba(255,255,255,1); } .lt-ie9 .home-featured .jcarousel .slide:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF); zoom: 1; } .home-featured .jcarousel-control-prev, .home-featured .jcarousel-control-next { cursor:pointer; } .jcarousel .slide .image .status { background:#FFC005; color:#000000; } .home-featured .address-bar .addr { color:#000000; } .home-featured .address-bar .brief, .home-featured .address-bar .description, .home-featured .address-bar .price-wrapper { color:#777777; } .home-featured .address-bar .price-value { color:#000000; } /** HOME RECENT **/ .home-recent { padding:15px 0px; } .home-recent ul.recent-list { list-style:none; margin:0px; padding:0px; } .home-recent .recent-property { display:inline-block; width:24%; vertical-align:top; margin:20px 0px 0px 0px; } .home-recent .recent-property a { display:block; margin:0px 5px; } .home-recent .recent-property .image { display:block; height:160px; } .home-recent .recent-property .recent-details { display:block; padding:10px; } .home-recent .recent-property .address { display:block; } .home-recent .recent-property .address .addr-line1 { display:block; font-size:1.2em; } .home-recent .recent-property .address .vitm-brief { display:block; margin:10px 0px; } .home-recent .recent-property .price-wrapper .price-value { display:block; font-size:1.2em; font-weight:bold; } .home-recent { background:#F9F9F9; } .home-recent .recent-property a:hover { background:#FFFFFF; } .home-recent .recent-property .image { border:5px solid #EFEFEF; } .home-recent .recent-property a:hover .image { border:5px solid #FFFFFF; } .home-recent .recent-property .address { color:#777777; } .home-recent .recent-property .address .addr-line1 { color:#000000; } .home-recent .recent-property .brief { color:#777777; } .home-recent .recent-property .price-wrapper .price-offers, .home-recent .recent-property .price-wrapper .price-period { color:#777777; } .home-recent .recent-property .price-wrapper .price-value { color:#000000; } /** HOME WELCOME **/ .home-welcome { padding:30px 0px; } .home-welcome .left { float:left; width:45%; font-size:1.2em; lin-height:1.6em; } .home-welcome .left h2 span { display:block; } .home-welcome .right { float:right; width:45%; } .home-welcome .welcome-wrapper { padding:10px; } .home-welcome { background:#FFFFFF; color:#777777; } .home-welcome .welcome-wrapper { border:5px solid #EFEFEF; } .home-welcome .left h2 { color:#777777; } .home-welcome .left h2 span { color:#FFC005; } .home-welcome .right .image { border:10px solid #EFEFEF; } /** HOME SERVICES **/ .home-services { padding:30px 0px; text-align:center; } .home-services .home-advert { display:block; text-align:left; width:49%; } .home-services .home-advert-02 { float:right; } .home-services .home-advert-left { float:left; } .home-services .advert { display:block; padding:20px; } .home-services .advert .title { display:block; font-size:2.5em; text-transform:uppercase; line-height:1.1em; } .home-services .advert .title span { display:inline-block; clear:both; } .home-services .advert .sub-title { display:block; font-size:1.5em; } .home-services .advert em { display:block; clear:both; font-size:0.8em; } .home-services { background:#FFFFFF; } .home-services .advert { border:5px solid #EFEFEF; background-color:#FFFFFF; } .home-services .advert:hover { background-color:#F9F9F9; } .home-services .advert .title { color:#000000; } .home-services .advert .title span { color:#FFC005; } .home-services .advert .sub-title { color:#777777; } .home-services .advert em { color:#777777; } /** ADVERT SPECIFIC **/ .home-services .home-advert-02 .advert { margin:0px 0px 0px 0px; } .home-services .home-advert-02 .advert .title { margin:0px 0px 20px 160px; } .home-services .home-advert-02 .advert .sub-title { margin:0px 0px 70px 160px; } .home-services .home-advert-02 .advert { background:#FFFFFF url(adverts/house-people.png) no-repeat 0% 100%; } .home-services .home-advert-02:hover .advert { background:#F9F9F9 url(adverts/house-people.png) no-repeat 0% 100%; } /** RESPONSIVE **/ @media screen and (max-width:860px){ .home-services .advert .title { font-size:2em; } .home-services .advert .sub-title { font-size:1.2em; } .home-services .home-advert-02 .advert .title { margin:0px 0px 20px 130px; } .home-services .home-advert-02 .advert .sub-title { margin:0px 0px 70px 130px; } } @media screen and (max-width:780px){ .home-recent .recent-property { width:49%; } .home-recent .recent-property .image { height:200px; } } @media screen and (max-width:700px){ .home-featured .image { position:relative; width:100%; height:300px; } .home-featured .address-bar { display:block; margin:20px 0px 0px 0px; padding:10px; } .home-featured .address-bar .description { display:none; } .home-featured .address-bar .price-value { display:inline-block; } } @media screen and (max-width:660px){ .home-welcome .left, .home-welcome .right { height:auto !important; float:none; width:100%; } .home-welcome .left { margin:0px 0px 20px 0px; } .home-welcome .right .image { height:auto !important; min-height:300px; } .home-services .home-advert { display:block; width:100%; margin:0px 0px 20px 0px; } .home-services .home-advert-02, .home-services .home-advert-left { float:none; } .home-services .advert .title { font-size:2.5em; } .home-services .advert .sub-title { font-size:1.5em; } } @media screen and (max-width:490px){ .home-recent .price-wrapper { padding-top:10px; display:block; } .home-recent .recent-property .image, } @media screen and (max-width:430px){ .home-featured .image { height:200px; } .home-featured .address-bar .addr { font-size:1.3em; } .home-featured .address-bar .price-wrapper { font-size:1.2em; } } @media screen and (max-width:400px){ .home-services .advert .title { font-size:2em; } .home-services .advert .sub-title { font-size:1.2em; } } @media screen and (max-width:390px){ .home-recent .recent-property { width:100%; } .home-recent .recent-property .image, .home-featured .image { height:200px; position:static; width:auto; } } @media screen and (max-width:360px){ .home-services .advert .title { font-size:1.6em; } .home-services .advert .sub-title { font-size:1em; } }