.search-form-wrapper { border-bottom: 6px solid #FFFFFF; } .search-form { padding-bottom:2em; } /** HOME FEATURED **/ .home-featured { padding:40px 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; max-height:612px; } .home-featured .jcarousel .slide .content { padding:75px 15px; } .home-featured .jcarousel .slide .content .title { font-family:"Times New Roman", Georgia, Serif; text-transform:uppercase; font-size:8em; line-height:70px; } .home-featured .jcarousel .slide .content .title span { display:block; font-size:0.5em; } .home-featured .jcarousel .slide .content .text { font-weight:300; font-size:3em; } /** SLIDE NAVIGATION **/ .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 { background:#FFFFFF none no-repeat 50% 50%; background-size:cover; } .home-featured .jcarousel .slide { color:#FFF; } .home-featured .jcarousel-control-prev, .home-featured .jcarousel-control-next { cursor:pointer; } /** HOME RECENT **/ .home-recent { padding:30px 0px; } .home-recent .recent-title { font-size:2.2em; font-weight:300; text-transform:uppercase; } .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; position:relative; } .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.4em; } .home-recent .recent-property .address .vitm-brief { display:none; } .home-recent .recent-property .price-wrapper { display:block; padding-top:12px; } .home-recent .recent-property .price-wrapper .price-value { font-size:1.4em; font-weight:400; } .home-recent .recent-property .price-wrapper .price-to, .home-recent .recent-property .price-wrapper .price-max { display:none; } .home-recent { background:#333333; } .home-recent .recent-title { color:#FFFFFF; } .home-recent .recent-property a:hover { } .home-recent .recent-property .image { border:2px solid #EFEFEF; } .home-recent .recent-property a:hover .image { border:2px solid #FBE52A; } .home-recent .recent-property .address { color:#FFFFFF; } .home-recent .recent-property .address .addr-line1 { color:#FBE52A; } .home-recent .recent-property .brief { color:#FFFFFF; } .home-recent .recent-property .price-wrapper .price { color:#FFFFFF; } .home-recent .recent-property .price-wrapper .price-value { color:#FBE52A; } .home-recent .recent-property .image:after { position:absolute; bottom:10px; left:-5px; padding:0.5em 0.7em; background-color:#FBE52A; text-transform:uppercase; color:#000; font-weight:bold; font-size:0.8em; } .home-recent .recent-property-forSale .image:after { content:"For Sale"; display:none; } .home-recent .recent-property-underOffer .image:after { content:"Under Offer"; display:none; } .home-recent .recent-property-saleAgreed .image:after { content:"Sale Agreed"; } .home-recent .recent-property-sold .image:after { content:"Sold"; } .home-recent .recent-property-toLet .image:after { content:"To Let"; display:none; } .home-recent .recent-property-letAgreed .image:after { content:"Let Agreed"; } .home-recent .recent-property-let .image:after { content:"Let"; } .home-recent .recent-development { width:33%; } .home-recent .recent-development .image { height:230px; } /** HOME WELCOME **/ .home-welcome { padding:30px 0px; } .home-welcome .right { float:right; width:55%; font-size:1.2em; line-height:1.6em; padding-top:12px; } .home-welcome .right h2 span { display:block; } .home-welcome .left { float:left; width:40%; } .home-welcome .welcome-wrapper { padding:10px; } .home-welcome { background:#FFFFFF; color:#777777; } .home-welcome .welcome-wrapper { border:5px solid #999999; } .home-welcome .right h2 { color:#333333; } .home-welcome .right h2 span { color:#B50811; margin-top:10px; } .home-welcome .left .image { border:10px solid #EFEFEF; max-width:435px; max-height:277px; width:100%; } .affiliates-logos { display:inline-block; margin-left:10px; } .affiliates-logos img { margin-left:14px; } /** HOME SERVICES **/ .home-advert { display:block; float:left; width:272px; margin:auto 10px; padding:15px; border:2px solid transparent; position:relative; max-height:280px; margin-bottom:10px; } .home-advert .advert { display:block; } .home-advert .btn { display:block; margin-top:20px; } .home-advert-01 { background-color:#c10f17; color:#FFF; border-color:#c10f17; } .home-advert-01:hover { border-color:#fbe52a; } .home-advert-01 .btn { display:none; } .home-advert-01 .advert .clearfix { display:none; } .home-advert-01 .advert .left { float:left; width:162px; } .home-advert-01 .advert .left .btn { display:block; } .home-advert-01 strong { color:#fbe52a; font-style:normal; } .home-advert-01 .title { display:block; color:#FFF; text-transform: uppercase; font-size:40px; line-height:40px; font-weight:600; } .home-advert-01 .sub-title { display:block; color:#FFF; font-size:17px; margin-top:20px; } .home-advert-01 .btn { background-color:#fbe52a; color:#000; text-transform:uppercase; margin-top:56px; } .home-advert-01:hover .btn { color:#c10f17; } .home-advert-01 .advert .image { float:right; width:108px; } .home-advert-01 .advert .image img { width:100%; max-width:108px; max-height:203px; } .home-advert-02 { background-color:#c10f17; color:#fbe52a; border-color:#000; } .home-advert-02:hover { border-color:#fbe52a; } .home-advert-02 .logo { display:block; margin-top:15px; width:100%; max-width:260px; max-height:97px; margin:0 auto; } .home-advert-02 .left { float:left; width:143px; } .home-advert-02 strong { color:#fbe52a; font-style:normal; } .home-advert-02 .sub-title { display:block; color:#FFF; font-size:17px; margin:23px 20% -19% 0%; text-align:left; } .home-advert-02 .btn { background-color:#FBE52A; color:#000; text-transform:uppercase; margin-top:9px; } .home-advert-02 img { float:right; width:100%; max-height:149px; max-width:139px; margin-right:-13px; margin-top:-55px; } .home-advert-02:hover .btn { color:#c10f17; } .home-advert-03 { background-color:#fbe52a; color:#333; border-color:#333; } .home-advert-03:hover { border-color:#c10f17; } .home-advert-03 .advert .left { float:left; width:143px; } .home-advert-03 .title { display:block; text-transform: uppercase; font-size:35px; line-height:35px; font-weight:600; } .home-advert-03 .sub-title { display:block; font-size:18.7px; margin-top:20px; } .home-advert-03 .btn { background-color:#333; color:#FFF; text-transform:uppercase; margin-top:10px; clear:both; } .home-advert-03 .advert img { float:right; width:100%; max-height:149px; max-width:139px; margin-right:-10px; margin-top:21px; } .home-advert-03:hover .btn { color:#fbe52a; } /** RESPONSIVE **/ @media screen and (max-width:1020px) { .home-advert { width:auto; float:none; margin:10px auto; height:auto !important; } .home-advert .advert .btn { display:block; margin-top:20px; width:130px; padding:10px; } .home-advert-01 .advert .left { width:auto; } .home-advert-01 .advert .image { width:80px; margin:-30px 0px 0px 0px; } .home-advert-02 img { float:left; } .home-advert-02 .sub-title { font-size:2em; margin:40px 0px; font-size:2em } .home-advert-03 .advert .title { margin:0px 150px 0px 0px; } .home-advert-03 .advert .left { width:auto; margin:20px 150px 0px 0px; } .home-advert-03 .advert img { position:absolute; top:10px; right:20px; margin:0px 0px 0px 0px; } .home-advert-03 .btn { margin:40px 0px 0px 0px; } } @media screen and (max-width:925px){ .affiliates-logos { margin-top:14px; margin-left:0px; } } @media screen and (max-width:880px){ .home-featured .jcarousel .slide .content .title { font-size:6em; line-height:70px; } .home-featured .jcarousel .slide .content .title span { font-size:0.5em; } .home-featured .jcarousel .slide .content .text { font-size:2.5em; } .affiliates-logos { margin-top:18px; margin-right:20px; } } @media screen and (max-width:800px){ .home-featured.slide-01 { background-position-x:80%; } } @media screen and (max-width:780px){ .home-recent .recent-property { width:49%; } .home-recent .recent-property .image { height:200px; } .home-recent .recent-development:last-child { display:none; } .home-featured .jcarousel-control-prev, .home-featured .jcarousel-control-next { display:none !important; } } @media screen and (max-width:760px){ .home-advert-02 img { float:none; margin:20px auto; } .home-advert-02 .sub-title { font-size:1.6em; text-align:center; } .home-advert-02 .btn { margin:0px auto; } } @media screen and (max-width:730px){ .home-featured .jcarousel .slide .content { text-align:center; } .home-featured .jcarousel .slide .content .title { font-size:5em; line-height:0.8em; } .home-featured .jcarousel .slide .content .title span { font-size:0.5em; } .home-featured .jcarousel .slide .content .text { font-size:2em; } } @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:690px){ .home-advert-01 .title span { display:block; } .home-advert-01 .advert .left { width:300px; } .home-advert-01 .advert .image { width:120px; margin:-65px 0px 0px 0px; } } @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; } } @media screen and (max-width:640px){ .home-advert { margin:10px auto; float:none; } .home-featured.slide-01 { background-position-x:85%; } .home-featured.slide-03 { background-position-x:75%; } } @media screen and (max-width:520px){ .home-advert-01 .advert .left { float:left; width:162px; } .home-advert-01 .advert .left .btn { display:block; } .home-advert-01 strong { color:#fbe52a; font-style:normal; } .home-advert-01 .title { display:block; color:#FFF; text-transform: uppercase; font-size:40px; line-height:40px; font-weight:600; } .home-advert-01 .title span { display:inline; } .home-advert-01 .sub-title { display:block; color:#FFF; font-size:17px; margin-top:20px; } .home-advert-01 .btn { background-color:#fbe52a; color:#000; text-transform:uppercase; margin-top:60px; } .home-advert-01:hover .btn { color:#c10f17; } .home-advert-01 .advert .image { float:right; width:108px; margin:0px 0px 0px 0px; } .home-advert-01 .advert .image img { width:100%; max-width:108px; max-height:203px; } } @media screen and (max-width:490px){ .home-recent .price-wrapper { padding-top:10px; display:block; } .home-recent .recent-property .image, .home-featured .image { height:200px; position:static; width:auto; } .home-welcome .right h2 span { display:inline; } } @media screen and (max-width:480px){ .home-featured .jcarousel .slide .content .title { font-size:4em; line-height:0.8em; } .home-featured .jcarousel .slide .content .title span { font-size:0.7em; } .home-featured .jcarousel .slide .content .text { font-size:1.8em; } .home-advert-03 .advert .title { margin:0px 150px 0px 0px; } .home-advert-03 .advert .left { width:auto; margin:20px 150px 0px 0px; } .home-advert-03 .advert img { position:static; top:auto; right:auto; margin:-100px 0px -50px 0px; } .home-advert-03 .btn { margin:40px 0px 0px 0px; } .affiliates-logos { display:none; } .home-welcome .left .image { width:90%; margin:0px auto; } } @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:420px){ .home-advert-03 .advert img { display:none; } .home-advert-03 .advert .title, .home-advert-03 .advert .left { margin:20px 0px; text-align:center; } .home-advert-03 .advert .title { font-size:2.3em; } .home-advert-03 .advert .btn { margin:0px auto; } } @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; } .home-recent .recent-development { height:auto !important; } .home-recent .recent-development:last-child { display:block; } } @media screen and (max-width:360px){ .home-advert-01 .advert .image { width:80px; margin:20px 0px 0px 0px; } }