/*INSIDE BANNER CONTENT STARTS HERE*/ .banner-title{ float: left; display: inline-block; margin: 50px 0px 30px 0px; font-family: 'Roboto', sans-serif; color: #396F58; font-size: 50px; font-weight: 300; padding: 20px 30px; background: rgba(255, 255, 255, .7); } /*Inside Banner Nav Starts Here*/ .banner-nav{ background: rgba(255, 255, 255, .8); height: auto; width: 300px; margin: 50px 50px 0px 0px; padding: 30px 30px 20px 30px; float: right; border-radius: 5px;} .banner-nav li a{ display: block; margin-bottom: 10px; padding-bottom: 10px; color: #396F58; border-bottom: 1px solid #396F58; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none;} .banner-nav li a:hover{ color: #61BEB6; } .banner-nav li a#current{ color: #91C846; } /*INSIDE BANNER CONTENT ENDS HERE*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------*/ /*MAIN PAGE BANNERS STARTS HERE*/ .why-choose-us{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/why-choose-us.jpg");} .who-we-are{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/who-we-are.jpg");} .your-project{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/your-project.jpg");} .accreditations-banner{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/accreditations.jpg");} .contact{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/contact.jpg");} .reviews{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/reviews.jpg");} .news{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/banners/news.jpg");} /*-----------------------------------------------------------------------------------------------------------------------------------------------*/ /*PRODUCT BANNERS STARTS HERE*/ /*Windows*/ .windows-intro{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/windows-intro.jpg");} .aluminium-windows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/aluminium-windows.jpg");} .upvc-windows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/upvc-windows.jpg");} .timber-windows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/timber-windows.jpg");} .flush-casement{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/flush-casement-windows.jpg");} .upvc-sash-windows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/upvc-sash-windows.jpg");} .residence-9-system{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/residence-9-system.jpg");} .energy-rated-windows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/energy-rated-windows.jpg");} .bygone-collection{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/bygone-collection.jpg");} .symphony{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/symphony-sash-window.jpg");} .harmony{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/harmony-sash-window.jpg");} .melody{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/melody-sash-window.jpg");} .bygone-styles{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/windows/banners/bygone-styles.jpg");} /*Doors*/ .doors-intro{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/doors/banners/doors-intro.jpg");} .aluminium-sliding-doors{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/doors/banners/aluminium-sliding-doors.jpg");} .aluminium-bifold-doors{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/doors/banners/aluminium-bifold-doors2.jpg");} .upvc-bifold-doors{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/doors/banners/upvc-bifold-doors.jpg");} .composite-doors{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/doors/banners/composite-doors.jpg");} .upvc-doors{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/doors/banners/upvc-doors.jpg");} /*Conservatories*/ .conservatories-intro{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/conservatories/banners/intro.jpg");} .conservatories-end-to-end{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/conservatories/banners/end-to-end.jpg");} .conservatories-planning{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/conservatories/banners/planning.jpg");} .conservatories-colours{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/conservatories/banners/colours.jpg");} .conservatories-designs{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/conservatories/banners/designs.jpg");} .conservatories-guarantee{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/conservatories/banners/guarantee.jpg");} /*Orangeries*/ .orangeries-intro{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/orangeries/banners/intro.jpg");} .orangeries-end-to-end{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/orangeries/banners/end-to-end.jpg");} .orangeries-planning{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/orangeries/banners/planning.jpg");} .orangeries-colours{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/orangeries/banners/colours.jpg");} .orangeries-designs{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/orangeries/banners/designs.jpg");} .orangeries-guarantee{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/orangeries/banners/guarantee.jpg");} /*Extensions*/ .extensions-intro{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/extensions/banners/extensions.jpg");} /*Orangeries*/ .porches-intro{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/porches/banners/intro.jpg");} .porches-features{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/porches/banners/features.jpg");} .porches-planning{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/porches/banners/planning.jpg");} .porches-colours{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/porches/banners/colours.jpg");} .porches-designs{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/porches/banners/designs.jpg");} .porches-guarantee{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/porches/banners/guarantee.jpg");} /*Roofline Products*/ .roofline-products{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/roofing-solutions/banners/roofline-products.jpg");} /*Roof Lanterns*/ .roof-lanterns{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/roof-lanterns/banners/roof-lanterns.jpg");} /*Flat Roof Lights*/ .flat-roof-lights{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/flat-roof-lights/banners/flat-roof-lights.jpg");} /*SUPALITE ROOFS*/ .conservatory-roof-banner{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/supalite/banners/conservatory-roof-banner.jpg");} .supalite-roof{float: left; width: 1200px; height: 542px; background-image: url("../imgs/products/supalite/banners/supalite-roof.jpg");} /*LANDING PAGE BANNERS*/ .alwindows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/aluminum-windows-banner.jpg");} .alupcvbifold{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/bifold-doors-banner.jpg");} .lpcons{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/conservatories-banner.jpg");} .dg{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/double-glazing-banner.jpg");} .extensions{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/extensions-banner.jpg");} .fandb{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/f-b-doors-banner.jpg");} .himprovements{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/home-improvements-banner.jpg");} .hrenovations{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/home-renovations-banner.jpg");} .lporangies{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/orangeries-banner.jpg");} .lpporches{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/porches-banner.jpg");} .sashwindows{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/sash-windows-banner.jpg");} .sliding-doors{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/sliding-doors-banner.jpg");} .lpupvcw{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/upvc-windows-banner.jpg");} .lpconroofs{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/conservatory-roofs-banner.jpg");} .lpbygone{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/bygone-collection-banner.jpg");} .lpflushcw{float: left; width: 1200px; height: 542px; background-image: url("../imgs/coverage/banners/flush-casement-windows-banner.jpg");} /*PRODUCT BANNERS ENDS HERE*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------*/ /*GALLERY BANNERS START HERE*/ .kent{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/kent.jpg");} .essex{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/essex.jpg");} .hertfordshire{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/hertfordshire.jpg");} .east-london{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/east-london.jpg");} .north-london{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/north-london.jpg");} .north-west-london{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/north-west-london.jpg");} .south-east-london{float: left; width: 1200px; height: 542px; background-image: url("../imgs/main/areas/banners/south-east-london.jpg");} /*-----------------------------------------------------------------------------------------------------------------------------------------------*/