.menu-collapser{position:relative;width:100%;height:48px;padding:0 8px;color:#FFF;font-size:16px;line-height:48px;background-color:#999;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.collapse-button{position:absolute;right:8px;top:50%;width:40px;padding:7px 10px;color:#FFFFFF;font-size:14px;text-align:center;background-color:#0E0E0E;border-radius:2px;cursor:pointer;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.collapse-button:hover,.collapse-button:focus{color:#FFF;background-color:#040404}.collapse-button .icon-bar{display:block;height:2px;width:18px;margin:2px 0;background-color:#F5F5F5;border-radius:1px}.headerNavigation > ul{width:100%;margin:0;padding:0;list-style-type:none}.headerNavigation > ul li{margin:0;padding:0;list-style-type:none}.headerNavigation > ul:before,.headerNavigation > ul:after{content:'';display:table}.headerNavigation > ul:after{clear:both}.headerNavigation > ul.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.headerNavigation > ul.collapsed li>ul{position:static;display:none}.headerNavigation > ul.collapsed li a{display:block;border-bottom:1px solid rgba(0,0,0,0.075);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.headerNavigation > ul.collapsed li .sub-toggle{height:40px}.headerNavigation > ul li{position:relative;float:left;display:inline-block;}.headerNavigation > ul li ul{margin:0;list-style-type:none}.headerNavigation > ul li ul li{background:#bbbbbb}.headerNavigation > ul li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}.headerNavigation > ul li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}.headerNavigation > ul li a{display:block;padding:12px 64px 12px 16px;color:#333;font-size:16px;font-weight:400;transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-webkit-transition:background-color 0.5s ease-out}.headerNavigation > ul li a:hover{text-decoration:none;background-color:#999}.headerNavigation > ul li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.075);position:absolute;right:0;top:0;z-index:999;width:48px;height:100%;text-align:center;cursor:pointer}.headerNavigation > ul li .sub-toggle:before{content:'';display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle}.headerNavigation > ul li .sub-toggle>i{display:inline-block;color:#333;font-size:18px;vertical-align:middle}.headerNavigation > ul>li{border-left:1px solid #999}.headerNavigation > ul>li:first-child,.headerNavigation > ul>li.has-submenu+li{border-left:0} .rotate45deg { position: absolute; left: 10px; top: 11px; transition: 0.3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .display-none { transition: 0.01s; visibility: hidden; } .rotate-45deg { transition: 0.3s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } body, html { margin:0px; padding:0px; } body { background : #FFF; font-family: 'Open Sans', sans-serif; background-size:auto 100%; } ul { padding:0px 0px 0px 10px; margin: 0px 0px 10px 15px; } ol { list-style: roman; } ul li, { padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px; list-style: disc; } #pageEditorContent ul { list-style-type: disc; color: #414b56; } img { /*! max-width:100% !important; */height: auto !important;/* max-width: 100%; */} p { font-size:16px; margin:12px 0px; line-height:1.4; color:#414042; } h1 { font-size:44px; font-weight:400; line-height:1.4; margin:65px 0px 20px; color:#414042; } .enquire-now h1 { margin:0px 0px 20px; } h2 { font-size:24px; line-height:1.4; margin:0px 0px 20px; color:#414042; font-weight:600; text-transform:uppercase; font-weight:800; } h3 { font-size:22px; font-weight:400; line-height:1.4; margin:0px 0px 20px; } a { color:#17202c; } h1.contentPageTitle { display:none; } /*-------------------------------*/ .centerContainer { width: 100%; margin: 0 auto; } .centerContainerInner { float:left; position:relative; width: 100%; margin: 0px 0% 0; padding: 0px 3%; box-sizing:border-box; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { .centerContainer { width: 1180px; } .centerContainerInner { width: 100%; margin: 0px 0% 0; padding: 0px 0px; } } /*-------------------------------------*/ #header { float:left; position:relative; height: auto; z-index:9999; width:100%; background:#414042; padding:12px 0px; } a#logo { display: inline-block; width: ; height: auto; margin:0px 10px 0px 0px; padding:0px 0px; transition: 0.2s all; } /*************************/ .headerNavigation { display: inline-block; width:100%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 870px) { .headerNavigation { display: inline-block; width:auto; } } .headerNavigation ul { display: inline-block; width:auto; padding:0px 0px; margin:0px 0px; } .headerNavigation ul li { display: inline-block; width:auto; padding:0px 20px 2px; margin:0px 0px; border:0px ; } .headerNavigation ul li a { display: inline-block; width:auto; padding:0px 0px; margin:0px 0px; text-decoration:none; color:#FFF; font-size:16px; } .headerNavigation ul li a:hover { background:transparent; color:#c6cd28; } .headerNavigation ul li ul { position:absolute; top:41px; margin:0px 0px 0px 0px; padding:0px 0px 0px; background:#414042; width:280px; } .headerNavigation ul li ul li { margin: 5px 0px 0px; padding:5px 20px 5px 20px; background:#414042; } .headerNavigation ul li ul li ul { display:none!important; } /********Mobile Menu***************/ .sub-toggle { display:block; background:#000; } ul li ul li .sub-toggle { display:none; } .headerNavigation > ul li .sub-toggle { background: rgba(0,0,0,0.0); } .headerNavigation > ul li .sub-toggle i { color:#FFF; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .sub-toggle { display:none; } } .menu-collapser { width:100%; margin:10px 0px 0px; } ul.collapsed { width:100%; padding:0px 0px; margin:0px 0px; } ul.collapsed li { padding:0px 0px; margin:0px 0px; } ul.collapsed li a { padding:10px 0px 10px 8px; margin:0px 0px; } ul.collapsed li ul { width:100%; padding:0px 0px; margin:0px 0px; } ul.collapsed li ul li { padding:0px 0px 0px 5px; margin:0px 0px; } /****************************/ .phoneNumber { margin:0px 0px 0px; padding:0px 0px; position:absolute; top:6px; right:3%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { .phoneNumber { margin:0px 0px 0px; padding:0px 0px; top:6px; right:0%; } } .phoneNumber a { position:relative; float:left; color:#FFF; text-decoration:none; font-weight:600; font-size:20px; margin:0px 0px 0px; } .phoneNumber a:before { content:""; position:absolute; left:-26px; width:22px; height:25px; margin:0px 0px 0px; background : url(../images/style/phoneIcon.jpg) center center repeat; } /**************Home Banner**************/ .moduleComponentContainerheaderBanners { float:left; position:relative; margin:0px 0px -235px; padding:0px; height:1270px; width:100%; z-index:2000; overflow:hidden; } .subdivisions .moduleComponentContainerheaderBanners, .subdivisions .moduleComponentContainerheaderBanners .moduleComponent { height: 1844px; } @media screen and (min-width:544px){ .subdivisions .moduleComponentContainerheaderBanners, .subdivisions .moduleComponentContainerheaderBanners .moduleComponent { height: 1644px; } } @media screen and (min-width:768px){ .subdivisions .moduleComponentContainerheaderBanners, .subdivisions .moduleComponentContainerheaderBanners .moduleComponent { height: 1444px; } } .subdivision-costs .moduleComponentContainerheaderBanners, .subdivision-costs .moduleComponentContainerheaderBanners .moduleComponent { height: 1322px; } #home .moduleComponentContainerheaderBanners { float:left; position:relative; margin:0px 0px 20px; padding:0px; /* height:944px; */ height:1314px; width:100%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #home .moduleComponentContainerheaderBanners { margin:0px 0px 0px; padding:0px; height:1144px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { #home .moduleComponentContainerheaderBanners { margin:0px 0px -70px; padding:0px; height:1385px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { #home .moduleComponentContainerheaderBanners { margin:0px 0px -70px; padding:0px; height:1344px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home .moduleComponentContainerheaderBanners { margin:0px 0px -70px; padding:0px; height:1344px; } } .moduleComponentContainerheaderBanners .moduleComponent { float:left; position:relative; margin:0px 0px 0px; padding:0px 0px 0px; height:1270px; width:100%; background-position:bottom center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } @media screen and (min-width:2000px){ .careers .moduleComponentContainerheaderBanners { margin:0px 0px -300px; } } #home .moduleComponentContainerheaderBanners .moduleComponent { height:1760px; width:100%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #home .moduleComponentContainerheaderBanners .moduleComponent { height:1144px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { #home .moduleComponentContainerheaderBanners .moduleComponent { height:1531px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { #home .moduleComponentContainerheaderBanners .moduleComponent { height:1344px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home .moduleComponentContainerheaderBanners .moduleComponent { height:1344px; } } #home .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent img { max-width:100%; } .moduleComponentContainerheaderBanners .moduleComponent:after { content:""; position:absolute; bottom:0px; left:0px; border-top: 589px solid transparent; border-bottom: 0px solid transparent; border-right: 2893px solid #414042; } #home .moduleComponentContainerheaderBanners .moduleComponent:after { left:0px; bottom:0px; border-top: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid #FFF; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home .moduleComponentContainerheaderBanners .moduleComponent:after { left:0px; bottom:4px; border-top: 589px solid transparent; border-bottom: 0px solid transparent; border-right: 1920px solid #FFF; } } .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent h1 { font-size:20px; margin:0px; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent h1 { font-size:36px; margin:0px; } } .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent h3 { font-size: 20px; font-weight:400; margin:0px 0px 25px; color:#414042; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent h3 { font-size: 23px; margin:0px 0px 25px; } } #home .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent h3 { margin:0px; font-weight:600; } .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent p { padding:7px 0px; color:#FFF; font-size:18px; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent p { font-size: 26px; } } .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent p strong { font-weight:600; } .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent a.homeBannerArrowLink { display:none; text-align:center; width:65px; height:65px; background:#000; margin:0 auto; background: url(../images/style/bannerDownArrow.png) center center no-repeat; border:2px solid #FFF; border-radius:100%; } @media screen and (min-width:475px) { .moduleComponentContainerheaderBanners .moduleComponent .bannerHtmlContent a.homeBannerArrowLink{ display:block; } } /***********Home Content**************/ .moduleComponentContainerhomeContent { float:left; position:relative; width:100%; z-index:2500; } .moduleComponentContainerhomeContent .moduleComponent { float:left; position:relative; width:100%; background-position:right; background-repeat:no-repeat; } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent { width:100%; float:left; position:relative; padding:0px 3% 0px; margin:0px 0px 0px 0px; background:#FFF; box-sizing:border-box; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent { width:80%; padding:0px 50px 0px 3%; margin:0px 0px 0px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent { width:80%; padding:0px 50px 0px 3%; margin:0px 0px 0px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent { width:658px; padding:0px 50px 0px 3%; margin:0px 0px 0px 385px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1300px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent { width:658px; padding:0px 50px 0px 0px; margin:0px 0px 0px 465px; } } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent:before { content:""; position:absolute; bottom:0px; right:-0px; border-bottom: 0px solid transparent; border-top: 0px solid transparent; border-left: 0px solid #FFF; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent:before { right:-130px; border-bottom: 368px solid transparent; border-top: 0px solid transparent; border-left: 130px solid #FFF; } } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td { display:block; width:100%; vertical-align: middle; padding:10px 0px; float: left; position: relative; } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td:first-child { display:block; width:100%; text-align:center; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td { display:inline-block; width:80%; padding:10px 0px; } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td:first-child { display:inline-block; width:20%; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td { display:inline-block; width:85%; padding:10px 0px; } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td:first-child { display:inline-block; width:15%; } } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td h3 { font-weight:600; margin:0px; } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td p { margin:0px!important; padding:0px!important; } .moduleComponentContainerhomeContent #moduleComponent1 .bannerHtmlContent table td img.firstImageHome { margin:25px 0px 0px; } /****************************************/ .moduleComponentContainerhomeContent #moduleComponent2 { float:left; position:relative; width:100%; background-position:left; background-repeat:no-repeat; } .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent { width:94%; float:right; position:relative; margin-right:0px; background:#FFF; height:300px; box-sizing:border-box; padding:60px 5% 0px; margin:0px 3%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent { width:94%; float:right; height:300px; padding:60px 0px 0px; margin:0px 3%; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent { width:326px; float:right; height:300px; padding:60px 0px 0px; margin:0px 15% 0px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent { width:326px; float:right; height:300px; padding:60px 0px 0px; margin:0px 454px 0px 0px; } } .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent:before { content:""; position:absolute; bottom:0px; right:-105px; border-bottom: 0px solid transparent; border-top: 0px solid transparent; border-left:0px solid #FFF; } .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent:after { content:""; position:absolute; bottom:0px; left:-105px; border-top: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid #FFF; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent:before { border-bottom:0px solid transparent; border-top: 0px solid transparent; border-left: 0px solid #FFF; } .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent:after { border-top: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid #FFF; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent:before { border-bottom: 300px solid transparent; border-top: 0px solid transparent; border-left: 105px solid #FFF; } .moduleComponentContainerhomeContent #moduleComponent2 .bannerHtmlContent:after { border-top: 300px solid transparent; border-bottom: 0px solid transparent; border-right: 106px solid #FFF; } } /*************************/ #home .moduleComponentWrap3, #home .moduleComponentWrap4, #home .moduleComponentWrap5, #home .moduleComponentWrap202 { float:left; position:relative; width:94%; background-position:left; background-repeat:no-repeat; background-size:; height:273px; transform: skewX(0deg); border-right:0px solid #FFF; z-index:100; margin:6px 3% 6px 3%; overflow:hidden; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #home .moduleComponentWrap3, #home .moduleComponentWrap4, #home .moduleComponentWrap5, #home .moduleComponentWrap202 { width:48%; height:273px; transform: skewX(0deg); border-right:0px solid #FFF; margin:1% 1% 1% 1%; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home .moduleComponentWrap3, #home .moduleComponentWrap4, #home .moduleComponentWrap5, #home .moduleComponentWrap202 { width:260px; height:273px; transform: skewX(-20deg); border-right:13px solid #FFF; margin:40px 0px 0px 0px; } #home .moduleComponentWrap3 { width:260px; height:273px; transform: skewX(-20deg); border-right:13px solid #FFF; margin:40px 0px 0px 6%; } } #home .moduleComponentWrap202 { width:94%; margin:1% 3% 0px 3%; z-index:10; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #home .moduleComponentWrap202 { width:48%; margin:1% 1%; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home .moduleComponentWrap202 { width:260px; margin:40px 0px 0px 0px; } } #home .moduleComponentContainerhomeContent #moduleComponent3, #home .moduleComponentContainerhomeContent #moduleComponent4, #home .moduleComponentContainerhomeContent #moduleComponent5, #home .moduleComponentContainerhomeContent #moduleComponent202 { position:relative; width:520px; background-position:center; background-repeat:no-repeat; background-size:cover; height:273px; transform: skewX(0deg); margin:0px 0px 0px 0px; } @media screen and (min-width:1200px){ #home .moduleComponentContainerhomeContent #moduleComponent3, #home .moduleComponentContainerhomeContent #moduleComponent4, #home .moduleComponentContainerhomeContent #moduleComponent5, #home .moduleComponentContainerhomeContent #moduleComponent202 { position:relative; width:520px; background-position:center; background-repeat:no-repeat; height:273px; transform: skewX(20deg); margin:0px 0px 0px -100px; } } #home .moduleComponentContainerhomeContent #moduleComponent3 a, #home .moduleComponentContainerhomeContent #moduleComponent4 a, #home .moduleComponentContainerhomeContent #moduleComponent5 a, #home .moduleComponentContainerhomeContent #moduleComponent202 a { position:absolute; left:0; right:0; bottom:0; top:0; } #home .moduleComponentContainerhomeContent #moduleComponent3 span, #home .moduleComponentContainerhomeContent #moduleComponent4 span, #home .moduleComponentContainerhomeContent #moduleComponent5 span, #home .moduleComponentContainerhomeContent #moduleComponent202 span { content:""; position:absolute; bottom:0; left:0px; right:0; top:0; background:#000; background: rgba(0,0,0,0.2); transition:ALL 0.5s; } #home .moduleComponentContainerhomeContent #moduleComponent3:hover span, #home .moduleComponentContainerhomeContent #moduleComponent4:hover span, #home .moduleComponentContainerhomeContent #moduleComponent5:hover span, #home .moduleComponentContainerhomeContent #moduleComponent202:hover span { background: rgba(65,64,66,0.8); background: rgba(0,0,0,0.6); transition:ALL 0.5s; } #home .moduleComponentContainerhomeContent #moduleComponent202 .bannerHtmlContent, #home .moduleComponentContainerhomeContent #moduleComponent3 .bannerHtmlContent, #home .moduleComponentContainerhomeContent #moduleComponent4 .bannerHtmlContent, #home .moduleComponentContainerhomeContent #moduleComponent5 .bannerHtmlContent { transform: skewX(0deg); position:absolute; bottom:0; left:3%; color:#FFF; z-index:100; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home .moduleComponentContainerhomeContent #moduleComponent202 .bannerHtmlContent, #home .moduleComponentContainerhomeContent #moduleComponent3 .bannerHtmlContent, #home .moduleComponentContainerhomeContent #moduleComponent4 .bannerHtmlContent, #home .moduleComponentContainerhomeContent #moduleComponent5 .bannerHtmlContent { transform: skewX(0deg); left:80px; } } #home .moduleComponentContainerhomeContent #moduleComponent202 .bannerHtmlContent p, #home .moduleComponentContainerhomeContent #moduleComponent3 .bannerHtmlContent p, #home .moduleComponentContainerhomeContent #moduleComponent4 .bannerHtmlContent p, #home .moduleComponentContainerhomeContent #moduleComponent5 .bannerHtmlContent p { color:#FFF; text-transform:uppercase; font-weight:700; } /***********************************/ #projectsOuter { float:left; position:relative; width:100%; background-color: #b4bb20; background-position: top center; background-repeat: no-repeat; box-sizing:border-box; padding:0px 0px 200px 0px; margin:40px 0px 120px 0px; z-index:2000; overflow:hidden; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { #projectsOuter { width:100%; padding:0px 0px 180px 0px; margin:40px 0px 50px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #projectsOuter { width:1180px; padding:0px 0px 180px 0px; margin:40px 0px 0px 14px; } } #projectsOuter #projectsHeading { float:left; position:relative; width:100%; } #projectsOuter #projectsHeading h2 { float:left; position:relative; background:#FFF; width:100%; padding:; font-weight:700; font-size:28px; box-sizing:border-box; padding:25px 0px 25px 3%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #projectsOuter #projectsHeading h2 { width:485px; padding:25px 0px 25px 45px; } } #projectsOuter #projectsHeading h2:after { content:""; position:absolute; top:0px; right:-33px; border-bottom: 90px solid transparent; border-top: 0px solid transparent; border-left: 33px solid #FFF; } #projectsOuter #projectsHeading h2:before { content:""; display:inline-block; width:32px; height:31px; background:#000; position:absolute; top:28px; left:340px; background:url(../images/style/projectsDownArrow.jpg) top center repeat; } #projectsOuter:after {content:"";position:absolute;bottom:0px;left:0px;border-top: 376px solid transparent;border-bottom: 0px solid transparent;border-right: 1180px solid #FFF;} /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { } #moduleComponentprojects { float:left; position:relative; padding:0px 0px 0px; margin:12px 0px 0px 3%; max-width:94%; background:rgba(255,255,255,0.8); overflow:visible; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #moduleComponentprojects { padding:0px 0px 0px; margin:12px 0px 0px 29px; max-width:455px; } } #moduleComponentprojects .componentItem { float:left; position:relative; padding:25px 25px 180px; margin:0px 0px 0px 0px; width:100%; box-sizing:border-box; } #moduleComponentprojects .componentItem:after { content:""; position:absolute; bottom:-145px; left:0px; border-bottom: 0px solid transparent; border-top: 0px solid transparent; border-left: 0px solid rgba(255,255,255,0.8); } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #moduleComponentprojects .componentItem:after { border-bottom: 145px solid transparent; border-top: 0px solid transparent; border-left: 455px solid rgba(255,255,255,0.8); } } #moduleComponentprojects .componentItem img { width:100%; } #moduleComponentprojects .componentItem .title { font-size:26px; text-transform:uppercase; font-weight:700; } #moduleComponentprojects .componentItem .title a { text-decoration:none; color:#b4bb20; } #moduleComponentprojects .componentItem .content { font-size:18px; color:#545454; font-weight:600; } #moduleComponentprojects .componentItem .content .readMore a { color:#b4bb20; font-size:18px; font-weight:600; } /**********************************/ #bottomCallouts { float:left; position:relative; width:100%; transform: skewY(-17.6deg); overflow:hidden; margin:-100px 0px 0px 0px; height:445px; background:#5e5d5e; z-index:2000; } .subdivision-costs .centerContainerInner, .survey-process .centerContainerInner, .survey-costs .centerContainerInner { z-index: 9999; } @media screen and (min-width:340px){ #bottomCallouts { margin:-150px 0px 0px 0px; } .subdivisions #bottomCallouts, .subdivision-costs #bottomCallouts, .survey-process #bottomCallouts, .survey-costs #bottomCallouts { margin:127px 0px 0px 0px; } } @media screen and (max-width:450px){ .subdivisions .moduleComponentContainerheaderBanners .moduleComponent { background: white !important; height: 1908px; } .subdivisions .moduleComponentContainerheaderBanners { height: 1792px; } .subdivision-costs .moduleComponentContainerheaderBanners .moduleComponent, .survey-process .moduleComponentContainerheaderBanners .moduleComponent, .survey-costs .moduleComponentContainerheaderBanners .moduleComponent { background: white !important; height: 1639px; } .subdivision-costs .moduleComponentContainerheaderBanners, .survey-process .moduleComponentContainerheaderBanners, .survey-costs .moduleComponentContainerheaderBanners { height: 1544px; } .subdivisions #bottomCallouts, .subdivision-costs #bottomCallouts, .survey-process #bottomCallouts, .survey-costs #bottomCallouts { margin:265px 0px 0px 0px; } .subdivisions #bottomCallouts { margin:264px 0px 0px 0px; } } @media screen and (min-width:700px){ .subdivisions #bottomCallouts, .subdivision-costs #bottomCallouts, .survey-process #bottomCallouts, .survey-costs #bottomCallouts { margin:80px 0px 0px 0px; } } @media screen and (min-width:1000px){ .subdivisions #bottomCallouts, .subdivision-costs #bottomCallouts, .survey-process #bottomCallouts, .survey-costs #bottomCallouts { margin:71px 0px 0px 0px; } } @media screen and (min-width:1100px){ .subdivisions #bottomCallouts, .subdivision-costs #bottomCallouts, .survey-process #bottomCallouts, .survey-costs #bottomCallouts { margin:-70px 0px 0px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1300px) { #bottomCallouts { margin:-150px 0px 0px 0px; height:445px; } .subdivisions #bottomCallouts { margin:-70px 0px 0px 0px; height:445px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 2000px) { #bottomCallouts { margin:-160px 0px 0px 0px; } .subdivisions #bottomCallouts { margin:-160px 0px 0px 0px; } } @media screen and (min-width: 2000px) { .subdivisions #bottomCallouts { margin: -200px 0px -0px 0px; } .subdivisions .moduleComponentContainerheaderBanners { height: 1430px; } .subdivisions .moduleComponentContainerheaderBanners .moduleComponent { height: 1428px; } .subdivision-costs #bottomCallouts { margin: -175px 0px -77px 0px !important; } .subdivision-costs .moduleComponentContainerheaderBanners, .subdivision-costs .moduleComponentContainerheaderBanners .moduleComponent { height: 1418px; } .survey-process #bottomCallouts { margin: -175px 0px -77px 0px !important; } .survey-process .moduleComponentContainerheaderBanners, .survey-process .moduleComponentContainerheaderBanners .moduleComponent { height: 1418px; } .survey-costs #bottomCallouts { margin: -175px 0px -77px 0px !important; } .site-plans-and-boundary-pegging #bottomCallouts { margin: -175px 0px -77px 0px !important; } .survey-costs .moduleComponentContainerheaderBanners, .survey-costs .moduleComponentContainerheaderBanners .moduleComponent { height: 1418px; } } .urban-subdivisions #bottomCallouts, .surveying-for-councils #bottomCallouts, .construction-set-out #bottomCallouts, .topographic-boundary-pegging #bottomCallouts, .rural-subdivisions #bottomCallouts { margin:200px 0px 0px 0px; } #bottomCallouts img { width:100%; float:left; position:relative; margin:-84px 0px 0px; } #bottomCallouts .calloutOne { float:left; position:relative; width:21%; transform: skewY(17.6deg); display:none; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #bottomCallouts .calloutOne { display:block; } } #home #bottomCallouts .calloutOne { width:20.7%; transform: skewY(17.6deg); } #bottomCallouts .calloutTwo { float:left; position:relative; width:22%; transform: skewY(17.6deg); display:none; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #bottomCallouts .calloutTwo { display:block; } } #home #bottomCallouts .calloutTwo { width:22%; } #bottomCallouts .calloutThree { float:left; position:relative; width:100%; transform: skewY(17.6deg); text-align:center; display: flex; justify-content: center; flex-direction: column; height: 445px; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #bottomCallouts .calloutThree { width:16%; } } #home #bottomCallouts .calloutThree { width:100%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #home #bottomCallouts .calloutThree { width:16%; } } #bottomCallouts .calloutThree .calloutThreeContent a { text-decoration:none; } #bottomCallouts .calloutThree .calloutThreeContent p { color:#FFF; text-transform:uppercase; font-size:36px; line-height:1.2; margin:40% 0px 0px; font-weight:700; } #bottomCallouts .calloutFour { float:left; position:relative; width:22%; transform: skewY(17.6deg); display:none; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 400px) { #bottomCallouts .calloutThree .calloutThreeContent p{ margin:0% 0px 0px; } } @media screen and (min-width: 800px) { #bottomCallouts .calloutThree .calloutThreeContent p{ margin:0% 0px 0px; } } @media screen and (min-width: 1200px) { #bottomCallouts .calloutFour { display:block; } #bottomCallouts .calloutThree .calloutThreeContent p{ margin:0% 0px 0px; } } #home #bottomCallouts .calloutFour { width:22%; } #bottomCallouts .calloutFive { float:left; position:relative; width:19%; transform: skewY(17.6deg); display:none; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #bottomCallouts .calloutFive { display:block; } } #home #bottomCallouts .calloutFive { width:19.3%; } #bottomCallouts .calloutFive img { margin:-87px 0px 0px; } /***************************************/ #defaultContent { float:left; position:relative; width:100%; background:#FFF; margin:0px 0px 140px; z-index:4500; box-sizing:border-box; transform: skewY(-17deg); } #defaultContent #defaultContentInner { float:left; position:relative; width:100%; box-sizing:border-box; transform: skewY(17deg); } .privacy-notice-highlights #defaultContent, .privacy #defaultContent, .about-us #defaultContent { margin:0px 0px 330px; } /*************************************/ #footer { float:left; position:relative; width:100%; background:#414042; margin:-320px 0px 0px; overflow:hidden; z-index:500; padding:50px 0px 0px; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 2000px) { #footer { margin:-490px 0px 0px; padding:200px 0px 0px; } } #footer:after { content:""; position:absolute; top:0px; right:0px; border-bottom: 612px solid transparent; border-top: 0px solid transparent; border-left: 3520px solid #FFF; } #footer .centerContainer {padding-top:550px;} /**************** Footer Content *********************/ .moduleComponentfooterContent { float:left; position:relative; width:100%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .moduleComponentfooterContent { width:45%; } } .moduleComponentfooterContent .bannerTitle { display:none; } .moduleComponentfooterContent#moduleComponent208{ float:right; position:relative; width:100%; margin: -400px 0px 0px; } @media screen and (min-width:700px){ .moduleComponentfooterContent#moduleComponent208{ margin: -200px 0px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .moduleComponentfooterContent#moduleComponent208 { width:48%; margin:-200px 0px 0px; } } .moduleComponentfooterContent#moduleComponent205 { border:1px solid #FFF; text-align:center; box-sizing:border-box; margin-left:10px; width:auto; } .moduleComponentfooterContent#moduleComponent205 a { display:block; text-transform:uppercase; color:#FFF; text-decoration:none; font-size:18px; padding:4px 20px; box-sizing:border-box; } .moduleComponentfooterContent#moduleComponent206 { box-sizing:border-box; margin-left:10px; } .moduleComponentfooterContent#moduleComponent206 h2 { color:#c6cd28; font-weight:700; font-size:40px; margin:50px 0px 0px; } .moduleComponentfooterContent#moduleComponent206 h3 { color:#c6cd28; font-weight:600; font-size:22px; margin:30px 0px 10px; text-transform:uppercase; padding:0px 0px 0px 30px; background:url(../images/style/phoneIconFooter.jpg) top left no-repeat; } .moduleComponentfooterContent#moduleComponent206 a { color:#FFF; font-weight:400; font-size:21px; margin:0px 0px 0px; text-decoration:none; } .moduleComponentfooterContent#moduleComponent206 p { color:#FFF; font-weight:400; font-size:21px; margin:0px 0px 0px; } .moduleComponentfooterContent#moduleComponent206 p strong { color:#c6cd28; } .moduleComponentfooterContent#moduleComponent207 { margin:0px 0px 40px; } .moduleComponentfooterContent#moduleComponent207 table { padding:0px; float:left; position:relative; width:100%!important; box-sizing:border-box; } .moduleComponentfooterContent#moduleComponent207 table td { padding:10px; box-sizing:border-box; padding:0px 70px 0px 0px; vertical-align:top; } .moduleComponentfooterContent#moduleComponent207 p { color:#FFF; font-size:20px; } .moduleComponentfooterContent#moduleComponent207 p a { color:#FFF; font-size:15px; text-decoration:none; } /********************************/ #copyright { float:left; position:relative; width:100%; background:#c6cd28; margin:0px 0px 0px; padding:0px 0px 0px 0px; } #copyright p#copyrightContent { font-size:16px; float:left; position:relative; padding:10px 0px 10px 90px; margin-left:20px; background:url(../images/style/footerLogoWhite.jpg) center left no-repeat; border:; } #copyright a { text-decoration:none; } #copyright p#back-top { float:right; position:relative; font-size:16px; display:inline-block; } #copyright p#back-top a { float:right; position:relative; font-size:20px; display:inline-block; padding:10px 40px 10px 0px; margin-right:20px; text-transform:uppercase; font-weight:600; background:url(../images/style/backTopArrow.jpg) center right no-repeat; } /*************Header Banner Subdivisions Landing***********/ #moduleComponent25 { float:left; position:relative; width:100%; } #moduleComponent25 .bannerHtmlContent, #moduleComponent377 .bannerHtmlContent, #moduleComponent378 .bannerHtmlContent, #moduleComponent379 .bannerHtmlContent { float:left; position:relative; width:100%; overflow:hidden; margin:70px 0px 0px; } #moduleComponent377 .bannerHtmlContent h2, #moduleComponent378 .bannerHtmlContent h2, #moduleComponent379 .bannerHtmlContent h2 { margin: 14px 0px -16px 0px; } #moduleComponent25 .bannerHtmlContent h1, #moduleComponent377 .bannerHtmlContent h1, #moduleComponent378 .bannerHtmlContent h1, #moduleComponent379 .bannerHtmlContent h1 { text-align:center; margin:0px 0px 20px; } #moduleComponent25 .bannerHtmlContent p, #moduleComponent25 .bannerHtmlContent ul, #moduleComponent377 .bannerHtmlContent p, #moduleComponent377 .bannerHtmlContent ul, #moduleComponent378 .bannerHtmlContent p, #moduleComponent378 .bannerHtmlContent ul, #moduleComponent379 .bannerHtmlContent p, #moduleComponent379 .bannerHtmlContent ul { color:#414042; font-size:16px; margin-bottom:10px; } #moduleComponent25 .bannerHtmlContent .linkOne { position:absolute; left:0px; width:100%; background:url(../images/style/rural.png) center left no-repeat; height:235px; } #moduleComponent25 .bannerHtmlContent .linkTwo { float:right; position:relative; width:100%; background:url(../images/style/uban.png) center right no-repeat; height:235px; margin:255px 0px 20px; z-index:1000; } #moduleComponent25 .bannerHtmlContent .linkChild, #moduleComponent379 .bannerHtmlContent .linkChild, #moduleComponent378 .bannerHtmlContent .linkChild, #moduleComponent377 .bannerHtmlContent .linkChild, #listingServices .linkChild { float:left; position:relative; width:100%; margin: 0px 0; } @media screen and (min-width:768px){ #moduleComponent25 .bannerHtmlContent .linkChild, #moduleComponent379 .bannerHtmlContent .linkChild, #moduleComponent378 .bannerHtmlContent .linkChild, #moduleComponent377 .bannerHtmlContent .linkChild, #listingServices .linkChild { float:left; position:relative; width:33%; margin: 17px 0; } } #listingServices .linkChild { width:93%; } @media screen and (min-width:768px){ #listingServices .linkChild { width:50%; } } #moduleComponent25 .bannerHtmlContent .linkChild a, #moduleComponent379 .bannerHtmlContent .linkChild a, #moduleComponent378 .bannerHtmlContent .linkChild a, #moduleComponent377 .bannerHtmlContent .linkChild a, #listingServices .linkChild a { width:auto; margin:5px; font-size: 16px; font-family: 'Open Sans', sans-serif; padding: 10px 30px; cursor: pointer; background: #b4bb20; border: 1px solid #b4bb20; color:white; text-transform: uppercase; font-weight: 800; text-decoration: none; text-align:center; } #moduleComponent25 .bannerHtmlContent .linkChild a:hover, #moduleComponent379 .bannerHtmlContent .linkChild a:hover, #moduleComponent378 .bannerHtmlContent .linkChild a:hover, #listingServices .linkChild a:hover, #moduleComponent25 .bannerHtmlContent .linkChild a.active, #moduleComponent379 .bannerHtmlContent .linkChild a.active, #moduleComponent378 .bannerHtmlContent .linkChild a.active, #moduleComponent377 .bannerHtmlContent .linkChild a.active { background: #414042; border: 1px solid #414042; } @media screen and (max-width:768px){ #moduleComponent25 .bannerHtmlContent .linkChild a, #moduleComponent379 .bannerHtmlContent .linkChild a, #moduleComponent378 .bannerHtmlContent .linkChild a, #moduleComponent377 .bannerHtmlContent .linkChild a, #listingServices .linkChild a { text-align:center; float:left; width: 100%; padding: 10px; } #moduleComponent25 .bannerHtmlContent .linkOne { margin-top: 0px } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { #moduleComponent25 .bannerHtmlContent .linkOne { left:-1%; width:49%; height:235px; } #moduleComponent25 .bannerHtmlContent .linkTwo { float:right; width:49%; height:235px; margin:0px 0px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { #moduleComponent25 .bannerHtmlContent .linkOne { left:-20px; width:70%; height:300px; margin:24px 0px 10px 0px; } #moduleComponent25 .bannerHtmlContent .linkTwo { float:right; width:60%; height:300px; margin:24px 0px 10px 0px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { #moduleComponent25 .bannerHtmlContent .linkOne { left:-20px; width:70%; height:300px; } #moduleComponent25 .bannerHtmlContent .linkTwo { float:right; width:60%; height:300px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { #moduleComponent25 .bannerHtmlContent .linkOne { left:-20px; width:70%; height:264px; } #moduleComponent25 .bannerHtmlContent .linkTwo { float:right; width:60%; height:264px; } } #moduleComponent25 .bannerHtmlContent .linkOne p { position:absolute; bottom:20px; left:60px; font-size:24px; margin-bottom:0px; } #moduleComponent25 .bannerHtmlContent .linkOne p a { color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:600; } #moduleComponent25 .bannerHtmlContent .linkTwo p { position:absolute; bottom:20px; right:40px; font-size:24px; margin-bottom:0px; } #moduleComponent25 .bannerHtmlContent .linkTwo p a { color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:600; } /****************** Services *************************/ .moduleListingWrapperServices { float:left; position:relative; width:100%; } .moduleListingWrapperServices .title, .moduleListingWrapperServices #navBar, .moduleListingWrapperServices .contentPageTitle { display:none; } .moduleListingWrapperServices .listingItem { float:left; position:relative; width:100%; } /*******************Content Block One*********************/ .moduleListingWrapperServices .listingItem:nth-of-type(1) { float:left; position:relative; width:100%; margin-top:40px; } .moduleListingWrapperServices .listingItem:nth-of-type(1) .moduleItemContent h1 { margin:0px 0px 20px; } /*******************Content Block Two*********************/ .moduleListingWrapperServices .listingItem:nth-of-type(2) { float:left; position:relative; width:100%; box-sizing:border-box; padding:0px 0%; overflow:hidden; margin:40px 0px 30px; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) { width:100%; padding:0px 0%; margin:40px 0px 30px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) { width:100%; padding:0px 0%; margin:40px 0px 30px; } } @media screen and (min-width:1150px){ .moduleListingWrapperServices .listingItem:nth-of-type(2) { max-height:300px; padding:0px 15%; } } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent {float:left;position:relative;width:100%;background:#414042;box-sizing:border-box;padding:20px 20px;min-height:300px;} /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent { width:50%; padding:20px 20px; min-height:300px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent { width:100%; padding:20px 20px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent { width:100%; padding:20px 20px; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent { width:50%; padding:20px 20px; } } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent h2 { color:#FFF; font-weight:600; } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent p { color:#FFF; } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemImage { float:right; position:relative; width:100%; } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemImage img { width:100%; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemImage { width:100%; } } @media screen and (min-width:1150px){ .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemImage { width:100%; } } @media screen and (min-width:1200px){ .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemImage { width:50%; } } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent:before { content:""; position:absolute; bottom:0px; right:-75px; width:15px; height:400px; background:#FFF; transform: skewX(-19.5deg); } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent:after { content:""; position:absolute; bottom:0px; right:-120px; border-bottom: 368px solid transparent; border-top: 0px solid transparent; border-left: 130px solid #414042; display:none; } @media screen and (min-width:1150px){ .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemContent:after { display:block; } } .moduleListingWrapperServices .listingItem:nth-of-type(2) .moduleItemImage img {width:100%;margin-left: 6px;} /*******************Content Block Three*********************/ .moduleListingWrapperServices .listingItem:nth-of-type(3) {float:left;position:relative;width:100%;overflow:hidden;} .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemContent { float:right; position:relative; width:100%; box-sizing:border-box; padding:20px 20px; min-height:355px; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemContent:after { content:""; position:absolute; bottom:0px; right:-130px; border-bottom: 368px solid transparent; border-top: 0px solid transparent; border-left: 130px solid #FFF; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemContent h2 { color:#414042; font-weight:600; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemContent p { color:#414042; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemImage { float:right; position:relative; width:100%; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemImage img { width:100%; } /******************* Content Block Four *********************/ .moduleListingWrapperServices .listingItem:nth-of-type(4) { float:left; position:relative; width:100%; max-height:auto; overflow:hidden; background:#bfbfbf; margin-top : 30px; } .moduleListingWrapperServices .listingItem:nth-of-type(4) .moduleItemContent { position:relative; width:100%; background:#FFF; box-sizing:border-box; padding:0px 0px; margin:0px 62px 0px 0px; float:left; } .moduleListingWrapperServices .listingItem:nth-of-type(4) .moduleItemContent .moduleItemContentInner { text-align:center; } @media screen and (min-width:1150px) { .moduleListingWrapperServices .listingItem:nth-of-type(3) { max-height:355px; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemContent { width:44%; } .moduleListingWrapperServices .listingItem:nth-of-type(3) .moduleItemImage { width:42%; } .moduleListingWrapperServices .listingItem:nth-of-type(4) { width:85%; } .moduleListingWrapperServices .listingItem:nth-of-type(4) .moduleItemContent { position:absolute; width:435px; top:0px; right:25px; transform: skewX(-19.5deg); } .moduleListingWrapperServices .listingItem:nth-of-type(4) .moduleItemContent .moduleItemContentInner { height:415px; padding:40px 80px 0px; transform: skewX(19.5deg); } } /******************* Content Block Five *********************/ .moduleListingWrapperServices .listingItem:nth-of-type(6), .moduleListingWrapperServices .listingItem:nth-of-type(5) { float:left; position:relative; width:100%; max-height:auto; overflow:hidden; margin : 30px 0; background:#efefef; } .moduleListingWrapperServices .listingItem:nth-of-type(6){ margin-top:0; } .moduleListingWrapperServices .listingItem:nth-of-type(5){ margin-bottom:0; } .moduleListingWrapperServices .listingItem:nth-of-type(6) .moduleItemContent, .moduleListingWrapperServices .listingItem:nth-of-type(5) .moduleItemContent { position:relative; float: none; top:0px; right:0; width:100%; background:#FFF; box-sizing:border-box; padding:0px 0px; margin: 0px; } .moduleListingWrapperServices .listingItem:nth-of-type(6) .moduleItemContent .moduleItemContentInner, .moduleListingWrapperServices .listingItem:nth-of-type(5) .moduleItemContent .moduleItemContentInner {width:100%; float: none; overflow: hidden; display: block; box-sizing : border-box; padding: 10px 20px; height: auto; margin: 30px auto; } #listingItem258 p{ text-align:center } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .moduleListingWrapperServices #listingItem259 .moduleItemContent, .moduleListingWrapperServices #listingItem259 .moduleItemContent .moduleItemContentInner, .moduleListingWrapperServices #listingItem258 .moduleItemContent, .moduleListingWrapperServices #listingItem258 .moduleItemContent .moduleItemContentInner, .moduleListingWrapperServices .listingItem:nth-of-type(5) .moduleItemContent, .moduleListingWrapperServices .listingItem:nth-of-type(5) .moduleItemContent .moduleItemContentInner { width:1165px;margin: 30px auto; } .moduleListingWrapperServices #listingItem259 .moduleItemContent .moduleItemContentInner, .moduleListingWrapperServices #listingItem259 .moduleItemContent, .moduleListingWrapperServices #listingItem258 .moduleItemContent .moduleItemContentInner, .moduleListingWrapperServices #listingItem258 .moduleItemContent{ margin-top:0px; } .moduleListingWrapperServices .listingItem:nth-of-type(6) .moduleItemContent, .moduleListingWrapperServices .listingItem:nth-of-type(6) .moduleItemContent .moduleItemContentInner{ margin-top:0; } .moduleListingWrapperServices .listingItem:nth-of-type(5) .moduleItemContent, .moduleListingWrapperServices .listingItem:nth-of-type(5) .moduleItemContent .moduleItemContentInner{ } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { } /***************Linked Modules********************/ #emailFormFeed { display: none; } .moduleListingWrapperServices .listingItem#listingItem221 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem230 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem235 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem240 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem245 #emailFormFeed { float:left; position:relative; width:100%; display: block; } .moduleListingWrapperServices .listingItem#listingItem221, .moduleListingWrapperServices .listingItem#listingItem230, .moduleListingWrapperServices .listingItem#listingItem235, .moduleListingWrapperServices .listingItem#listingItem240, .moduleListingWrapperServices .listingItem#listingItem245 { float:left; position:relative; width:100%; background:#FFF; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmodulesContainer { float:left; position:relative; width:100%; box-sizing:border-box; } @media screen and (min-width:700px) { .moduleListingWrapperServices .listingItem#listingItem221 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmodulesContainer, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmodulesContainer { width:50%; } } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleTwo #linkedModuleOneTitle, .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleOne #linkedModuleTwoTitle, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleTwo #linkedModuleOneTitle, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleOne #linkedModuleTwoTitle, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleTwo #linkedModuleOneTitle, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleOne #linkedModuleTwoTitle, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleTwo #linkedModuleOneTitle, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleOne #linkedModuleTwoTitle, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleTwo #linkedModuleOneTitle, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleOne #linkedModuleTwoTitle { float:left; position:relative; background:#FFF; width:100%; padding:; font-weight:700; font-size:34px; box-sizing:border-box; padding:25px 0px; text-transform:uppercase; color:#545454; } .moduleListingWrapperServices .listingItem#listingItem221 .extraField span, .moduleListingWrapperServices .listingItem#listingItem230 .extraField span, .moduleListingWrapperServices .listingItem#listingItem235 .extraField span, .moduleListingWrapperServices .listingItem#listingItem240 .extraField span, .moduleListingWrapperServices .listingItem#listingItem245 .extraField span { display:none; } .moduleListingWrapperServices .listingItem#listingItem221 .moduleItemContent p, .moduleListingWrapperServices .listingItem#listingItem230 .moduleItemContent p, .moduleListingWrapperServices .listingItem#listingItem235 .moduleItemContent p, .moduleListingWrapperServices .listingItem#listingItem240 .moduleItemContent p, .moduleListingWrapperServices .listingItem#listingItem245 .moduleItemContent p { display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px; } .moduleListingWrapperServices .listingItem#listingItem221 .moduleItemContent a, .moduleListingWrapperServices .listingItem#listingItem230 .moduleItemContent a, .moduleListingWrapperServices .listingItem#listingItem235 .moduleItemContent a, .moduleListingWrapperServices .listingItem#listingItem240 .moduleItemContent a, .moduleListingWrapperServices .listingItem#listingItem245 .moduleItemContent a { display:inline-block; text-decoration:none; font-weight:600; } .moduleListingWrapperServices .listingItem#listingItem221 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem230 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem235 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem240 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem245 #emailFormFeed { float:right; position:relative; width:100%; box-sizing:border-box; padding:20px 20px; background:#f5f6d7; margin:36px 0px 0px 0px; min-height:400px; } .surveying-for-councils .moduleListingWrapperServices .listingItem#listingItem240 #emailFormFeed { margin:36px 0px 250px 0px; } @media screen and (min-width:700px){ .moduleListingWrapperServices .listingItem#listingItem221 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem230 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem235 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem240 #emailFormFeed, .moduleListingWrapperServices .listingItem#listingItem245 #emailFormFeed { width:46.3%; } } .moduleListingWrapperServices .listingItem#listingItem221 #emailFormFeed { margin-bottom:300px; } .moduleListingWrapperServices .listingItem#listingItem221 #emailFormFeed p, .moduleListingWrapperServices .listingItem#listingItem230 #emailFormFeed p, .moduleListingWrapperServices .listingItem#listingItem235 #emailFormFeed p, .moduleListingWrapperServices .listingItem#listingItem240 #emailFormFeed p, .moduleListingWrapperServices .listingItem#listingItem245 #emailFormFeed p { text-transform:uppercase; font-weight:700; font-size:22px; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleTwo .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleOne .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleTwo .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleOne .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleTwo .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleOne .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleTwo .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleOne .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleTwo .moduleItemContent, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleOne .moduleItemContent { float:left; position:relative; padding-left:50px; margin:0px 0px 5px; background:url(../images/style/projectsDownArrow.jpg) top left no-repeat; } /***********************************/ .moduleListingWrapperServices .listingItem .moduleItemImage{ width :100%; float: left;} .moduleListingWrapperServices .listingItem img.listing {width :100%;overflow: hidden;float: left;} .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree { float:left; position:relative; width:100%; background: #b4bb20 url(../images/style/projectBg.jpg) top center repeat; box-sizing:border-box; padding:0px 0px 180px 0px; margin:40px 0px 0px 0px; z-index:2000; } .surveying-for-councils .moduleListingWrapperServices #linkedmoduleThree { display:none; } .rural-subdivisions .moduleListingWrapperServices .listingItem #linkedmoduleThree { display:none; } .moduleListingWrapperServices .listingItem#listingItem240, .moduleListingWrapperServices .listingItem#listingItem235, .moduleListingWrapperServices .listingItem#listingItem245, .moduleListingWrapperServices .listingItem#listingItem221 { margin:40px 0px -280px 0px; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedModuleThreeTitle, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedModuleThreeTitle, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedModuleThreeTitle, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedModuleThreeTitle, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedModuleThreeTitle { float:left; position:relative; width:100%; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedModuleThreeTitle h2 { float:left; position:relative; background:#FFF; width:100%; padding:; font-weight:700; font-size:28px; box-sizing:border-box; padding:25px 0px 25px 35px; } @media screen and (min-width:700px){ .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedModuleThreeTitle h2, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedModuleThreeTitle h2 { width:485px; } } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedModuleThreeTitle h2:after, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedModuleThreeTitle h2:after, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedModuleThreeTitle h2:after, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedModuleThreeTitle h2:after, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedModuleThreeTitle h2:after { content:""; position:absolute; top:0px; right:-33px; border-bottom: 90px solid transparent; border-top: 0px solid transparent; border-left: 33px solid #FFF; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedModuleThreeTitle h2:before, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedModuleThreeTitle h2:before, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedModuleThreeTitle h2:before, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedModuleThreeTitle h2:before, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedModuleThreeTitle h2:before { content:""; display:inline-block; width:32px; height:31px; background:#000; position:absolute; top:28px; left:340px; background:url(../images/style/projectsDownArrow.jpg) top center repeat; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree:after, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree:after, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree:after, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree:after, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree:after { content:""; position:absolute; bottom:0px; left:0px; border-top: 376px solid transparent; border-bottom: 0px solid transparent; border-right: 1180px solid #FFF; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedItemsContainer, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedItemsContainer, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedItemsContainer, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedItemsContainer, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedItemsContainer { float:left; position:relative; padding:0px 0px 0px; margin:12px 29px 0px 29px; max-width:455px; background:rgba(255,255,255,0.8); overflow:visible; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedItemsContainer .linkedItem, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedItemsContainer .linkedItem, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedItemsContainer .linkedItem, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedItemsContainer .linkedItem, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedItemsContainer .linkedItem { float:left; position:relative; padding:25px 25px 220px; margin:0px 0px 0px 0px; width:100%; box-sizing:border-box; color:#545454; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedItemsContainer .linkedItem:after, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedItemsContainer .linkedItem:after, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedItemsContainer .linkedItem:after, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedItemsContainer .linkedItem:after, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedItemsContainer .linkedItem:after { content:""; position:absolute; bottom:-145px; left:0px; border-bottom: 145px solid transparent;z border-top: 0px solid transparent; border-left: 455px solid rgba(255,255,255,0.8); } .moduleListingWrapperServices #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemContent { background:transparent; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage { float:left; position:relative; width:100%; z-index:3000; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage img, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage img, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage img, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage img, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedItemsContainer .linkedItem .moduleItemImage img { width:100%; } .moduleListingWrapperServices .listingItem#listingItem221 #linkedmoduleThree #linkedItemsContainer .linkedItem .readMore, .moduleListingWrapperServices .listingItem#listingItem230 #linkedmoduleThree #linkedItemsContainer .linkedItem .readMore, .moduleListingWrapperServices .listingItem#listingItem235 #linkedmoduleThree #linkedItemsContainer .linkedItem .readMore, .moduleListingWrapperServices .listingItem#listingItem240 #linkedmoduleThree #linkedItemsContainer .linkedItem .readMore, .moduleListingWrapperServices .listingItem#listingItem245 #linkedmoduleThree #linkedItemsContainer .linkedItem .readMore { display:block; color:#b4bb20; } /******************************/ .careersCalloutsWrap{ float:left; position:relative; width:100%; transform: skewy(-17deg); z-index:2000; margin:-60px 0px 0px; overflow:hidden; height:400px; } @media screen and (min-width:2000px){ .careersCalloutsWrap{ margin:-140px 0px 0px; } } .careersCallouts { float:left; position:relative; transform: skewy(17deg); margin:-60px 0px 0px; width:20%; } @media screen and (min-width:2000px){ .careersCallouts { margin:-90px 0px 0px; width:20%; } } .careersCallouts { width:20%; } .calloutOneCareers { width:19%; display:block; } .calloutTwoCareers { width:21%; display:block; } .calloutThreeCareers { width:20%; display:block; } .calloutFourCareers { width:21%; display:block; } .calloutFiveCareers { width:19%; display:block; } @media screen and (min-width:1500px){ .careersCallouts img { float:left; position:relative; width:100%; margin:0px 0px 0px; } } /************** Careers *******************/ .careers #defaultContent:before {content:"";position:absolute;top:0px;bottom:0;width:50%;left:0;background:#FFF;} .careers #defaultContent:after { content:""; position:absolute; top:0px; bottom:0; width:50%; right:0; background:#414042; z-index:100; display:none; } @media screen and (min-width:700px){ .careers #defaultContent:after{ display:block; } } .careers #defaultContent .moduleListingWrapperCurrentVacancies { float:left; position:relative; width:100%; z-index:5000; } .careers #defaultContent #defaultContentInner{ float:left; position:relative; width:100%; padding: 150px 0px; z-index:150; } .careers #defaultContent #defaultContentInner #pageSource{ float:left; position:relative; width:100%; padding:0px 00px 0px 0px; box-sizing:border-box; } @media screen and (min-width:700px){ .careers #defaultContent #defaultContentInner{ padding: 235px 0px; } .careers #defaultContent #defaultContentInner #pageSource { width:50%; padding:0px 60px 0px 0px; } } .careers #defaultContent #defaultContentInner #pageSource h2 { font-weight:700; font-size:30px; } .careers #defaultContent #defaultContentInner #pageSource ul { list-style:none; margin:0px 0px; padding:0px; } .careers #defaultContent #defaultContentInner #pageSource ul li { list-style:none; margin:12px 0px; padding:0px 0px 0px 50px; background:url(../images/style/bulletPointArrow.png) left center no-repeat; font-size:14px; font-weight:600; } .careers #defaultContent #defaultContentInner #pageSource:after{ content:""; width:33px; height:116px; background:#000; right:-32px; top:35%; position:absolute; background:url(../images/style/careersArrow.jpg) center center no-repeat; display:none; } @media screen and (min-width:700px){ .careers #defaultContent #defaultContentInner #pageSource:after{ display:block; } } #listingCurrentVacancies { float:left; position:relative; width:100%; padding:0px 0px 0px 60px; box-sizing:border-box; } @media screen and (min-width:700px){ #listingCurrentVacancies { width:50%; } } #listingCurrentVacancies:before {/* content:""; */width:250px;height:163px;left:-124px;top:-250px;position:absolute;background:url(../images/style/careersLogo.png) center center no-repeat;} #listingCurrentVacancies .listingItem:nth-of-type(1) .applyNowBtn, #listingCurrentVacancies .listingItem:nth-of-type(1) .title { display:none; } #listingCurrentVacancies .listingItem:nth-of-type(1) h3 { color:#FFF; text-transform:uppercase; font-weight:600; } #listingCurrentVacancies .listingItem { float:left; position:relative; } #listingCurrentVacancies .listingItem p { font-size:14px; } @media screen and (min-width:700px) { #listingCurrentVacancies .listingItem p{ color:#FFF; } } #listingCurrentVacancies .listingItem .title { color:#b4bb20; margin:0px 0px 0px; font-weight:600; text-transform:none; font-size:16px; } #listingCurrentVacancies .listingItem .applyNowBtn a { float:left; position:relative; background:#FFF; padding:15px 40px; margin:10px 0px 20px; text-decoration:none; border-radius:5px; font-weight:600; } /***************************************/ .enquire-now #defaultContent #defaultContentInner { padding:100px 0px 300px; } /**************Services Landing Page******************/ .servicesLanding { float:left; position:relative; width:100%; margin:40px 0px 0px; box-sizing:border-box; } .surveying-your-land #defaultContent { transform: skewY(0deg); margin:0px 0px 400px; padding:0px; z-index:100; overflow:hidden; } .servicesLanding .moduleComponentWrap3, .servicesLanding .moduleComponentWrap4, .servicesLanding .moduleComponentWrap5, .servicesLanding .moduleComponentWrap202 { float:left; position:relative; width:100%; height:260px; padding:0px 0px 10px 0px; box-sizing:border-box; z-index:200; margin:0px 0px 0px 0px; transform: skewX(-20deg); } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 544px) { .servicesLanding .moduleComponentWrap3, .servicesLanding .moduleComponentWrap4, .servicesLanding .moduleComponentWrap5, .servicesLanding .moduleComponentWrap202 { width:48%; height:260px; padding:0px 13px 0px 0px; margin:2% 1%; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .servicesLanding .moduleComponentWrap3, .servicesLanding .moduleComponentWrap4, .servicesLanding .moduleComponentWrap5, .servicesLanding .moduleComponentWrap202 { width:25%; height:260px; padding:0px 13px 0px 0px; margin:0px 0px 0px 0px; border-right:10px solid #FFF; overflow:hidden; } } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 1200px) { .servicesLanding .moduleComponentWrap3, .servicesLanding .moduleComponentWrap4, .servicesLanding .moduleComponentWrap5, .servicesLanding .moduleComponentWrap202 { width:25%; height:260px; padding:0px 13px 0px 0px; margin:0px 0px 0px 0px; } } .servicesLanding .moduleComponentWrap3 .moduleComponent, .servicesLanding .moduleComponentWrap4 .moduleComponent, .servicesLanding .moduleComponentWrap5 .moduleComponent, .servicesLanding .moduleComponentWrap202 .moduleComponent { float:left; position:relative; width:100%; height:100%; transform: skewX(20deg); background-size:cover; margin:0px; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 992px) { .servicesLanding .moduleComponentWrap3 .moduleComponent, .servicesLanding .moduleComponentWrap4 .moduleComponent, .servicesLanding .moduleComponentWrap5 .moduleComponent, .servicesLanding .moduleComponentWrap202 .moduleComponent { width:520px; height:100%; margin:0px 0px 0px -50px; } } .servicesLanding .moduleComponentWrap3 .moduleComponent .bannerHtmlContent, .servicesLanding .moduleComponentWrap4 .moduleComponent .bannerHtmlContent, .servicesLanding .moduleComponentWrap5 .moduleComponent .bannerHtmlContent, .servicesLanding .moduleComponentWrap202 .moduleComponent .bannerHtmlContent { transform: skewX(0deg); position:absolute; bottom:0; left:20px; color:#FFF; z-index:100; } /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ @media screen and (min-width: 768px) { .servicesLanding .moduleComponentWrap3 .moduleComponent .bannerHtmlContent, .servicesLanding .moduleComponentWrap4 .moduleComponent .bannerHtmlContent, .servicesLanding .moduleComponentWrap5 .moduleComponent .bannerHtmlContent, .servicesLanding .moduleComponentWrap202 .moduleComponent .bannerHtmlContent { transform: skewX(0deg); bottom:0; left:40px; } } .servicesLanding .moduleComponentWrap3 #moduleComponent3 a, .servicesLanding .moduleComponentWrap4 #moduleComponent4 a, .servicesLanding .moduleComponentWrap5 #moduleComponent5 a, .servicesLanding .moduleComponentWrap202 #moduleComponent202 a { position:absolute; left:0; right:0; bottom:0; top:0; } .servicesLanding .moduleComponentWrap3 #moduleComponent3 span, .servicesLanding .moduleComponentWrap4 #moduleComponent4 span, .servicesLanding .moduleComponentWrap5 #moduleComponent5 span, .servicesLanding .moduleComponentWrap202 #moduleComponent202 span { content:""; position:absolute; bottom:0; left:0px; right:0; top:0; background:#000; background: rgba(0,0,0,0.2); transition:ALL 0.5s; } .servicesLanding .moduleComponentWrap3 #moduleComponent3:hover span, .servicesLanding .moduleComponentWrap4 #moduleComponent4:hover span, .servicesLanding .moduleComponentWrap5 #moduleComponent5:hover span, .servicesLanding .moduleComponentWrap202 #moduleComponent202:hover span { background: rgba(65,64,66,0.8); background: rgba(0,0,0,0.6); transition:ALL 0.5s; } .servicesLanding .moduleComponentWrap3 #moduleComponent3 .bannerHtmlContent p, .servicesLanding .moduleComponentWrap4 #moduleComponent4 .bannerHtmlContent p, .servicesLanding .moduleComponentWrap5 #moduleComponent5 .bannerHtmlContent p, .servicesLanding .moduleComponentWrap202 #moduleComponent202 .bannerHtmlContent p { color:#fff; text-transform:uppercase; font-weight:700; } /********************************/ #emailForm { float:left; position:relative; width:75%; margin:0px 0px 100px 0px; } #emailForm .required { display:none; } #emailForm .formRow { float:left; position:relative; width:49%; margin:0px 1% 15px 0px; } #emailForm .field114Container, #emailForm .field115Container, #emailForm .field116Container, #emailForm .field118Container, #emailForm .field119Container, #emailForm .field124Container, #emailForm .field130Container{ width: 99%; } #emailForm .formRow input { float:left; position:relative; width:100%; border:1px solid #d5d5d5; margin:0px 0px 0px 0px; padding:10px 10px; box-sizing:border-box; color:#5e5d5e; font-size:14px; font-family: 'Open Sans', sans-serif; } #emailForm .formRow.field113Container, #emailForm .formRow.field112Container, #emailForm .formRow.field111Container, #emailForm .formRow.field110Container, #emailForm .formRow.field85Container, #emailForm .formRow.field54Container, #emailForm .formRow.field125Container, #emailForm .formRow.field132Container { float:left; position:relative; width:100%; margin:0px 0% 15px 0px; } #emailForm .formRow.field84Container input:hover, #emailForm .formRow.field84Container input { border:0px solid #d5d5d5; } #emailForm .formRow.field85Container textarea, #emailForm .formRow textarea { float:left; position:relative; width:99%; margin:0px 0% 15px 0px; padding:10px 10px; box-sizing:border-box; border:1px solid #d5d5d5; min-height:150px; color:#5e5d5e; font-size:14px; font-family: 'Open Sans', sans-serif; } #emailForm .formRow textarea::placeholder, #emailForm .formRow input::placeholder { color:#5e5d5e; font-size:14px; font-family: 'Open Sans', sans-serif; } #emailForm .formRow textarea:hover, #emailForm .formRow input:hover, #emailForm .formRow textarea:focus, #emailForm .formRow input:focus { border:1px solid #b4bb20; } .buttonBar { float:left; position:relative; width:99%; margin:0px; padding:0px; } .buttonBar input { float:right; color:#FFF; background:#414042; border:1px solid #414042; font-size:16px; font-family: 'Open Sans', sans-serif; padding:10px 30px; cursor:pointer; } .buttonBar input:hover { background:#b4bb20; border:1px solid #b4bb20; } /***************/ #emailFormFeed #emailForm { float:left; position:relative; width:100%; margin:30px 0px 0px; } #emailFormFeed #emailForm .labelHorizontal { float:left; position:relative; width:100%; } #emailFormFeed #emailForm .valueHorizontal { float:left; position:relative; width:100%; } @media screen and (min-width:700px) { #emailFormFeed #emailForm .labelHorizontal{ width:25%; } #emailFormFeed #emailForm .valueHorizontal{ width:70%; } } #emailFormFeed #emailForm .formRow { width:100%; margin:0px 0px 20px; } #emailFormFeed #emailForm .formRow input { width:100%; border:1px solid #d5d5d5; } #emailFormFeed #emailForm .formRow textarea { width:98%; border:1px solid #d5d5d5; min-height:140px; } #emailFormFeed #emailForm .buttonBar { float:left; position:relative; width:94.5%; margin:0px; padding:0px; } #emailFormFeed #emailForm .buttonBar button { float:right; color:#FFF; background:#414042; border:1px solid #414042; font-size:16px; font-family: 'Open Sans', sans-serif; padding:5px 20px; cursor:pointer; text-transform:uppercase; } #emailFormFeed #emailForm .buttonBar button:hover { background:#b4bb20; border:1px solid #b4bb20; } /***********Projects - News - Articles - Testimonials Listing*******************/ .moduleListingWrapperTestimonials, .moduleListingWrapperNews, .moduleListingWrapperProjects { float:left; position:relative; width:100%; margin:0px 0px 190px; } .moduleListingWrapperTestimonials .listingItem, .moduleListingWrapperArticles .listingItem, .moduleListingWrapperNews .listingItem, .moduleListingWrapperProjects .listingItem { float:left; position:relative; width:100%; border-bottom:1px solid #d2d2d2; margin:0px 0px 0px; padding:40px 0px 20px; } .moduleListingWrapperTestimonials .listingItem .moduleItemImage, .moduleListingWrapperArticles .listingItem .moduleItemImage, .moduleListingWrapperNews .listingItem .moduleItemImage, .moduleListingWrapperProjects .listingItem .moduleItemImage { float:left; position:relative; margin-right:50px; width:30%; } .moduleListingWrapperTestimonials .listingItem .readMore a, .moduleListingWrapperArticles .listingItem .readMore a, .moduleListingWrapperNews .listingItem .readMore a, .moduleListingWrapperProjects .listingItem .readMore a { text-decoration:none; text-transform:uppercase; color:#b4bb20; font-weight:600; } /************Projects - News - Articles - Testimonials Details************/ .moduleDetailWrapperTestimonials h1.contentPageTitle, .moduleDetailWrapperArticles h1.contentPageTitle, .moduleDetailWrapperNews h1.contentPageTitle, .moduleDetailWrapperProjects h1.contentPageTitle { display:block; text-align:center; } .moduleDetailWrapperTestimonials, .moduleDetailWrapperArticles, .moduleDetailWrapperNews, .moduleDetailWrapperProjects { float:left; position:relative; margin:0px 0px 160px; } .moduleDetailWrapperTestimonials #multipleImageContainer, .moduleDetailWrapperArticles #multipleImageContainer, .moduleDetailWrapperNews #multipleImageContainer, .moduleDetailWrapperProjects #multipleImageContainer { float:right; position:relative; margin:0px 0px 20px 20px; } .moduleDetailWrapperTestimonials #moduleItemBack a, .moduleDetailWrapperArticles #moduleItemBack a, .moduleDetailWrapperNews #moduleItemBack a, .moduleDetailWrapperProjects #moduleItemBack a { text-decoration:none; text-transform:uppercase; color:#b4bb20; font-weight:600; } .moduleDetailWrapperTestimonials .extraField, .moduleDetailWrapperArticles .extraField, .moduleDetailWrapperNews .extraField, .moduleDetailWrapperProjects .extraField { display:none; } /***************************/ #siteMap { float:left; position:relative; width:100%; column-count: 3; column-gap: 20px; margin:50px 0px 260px; } #siteMap ul ul ul { display:none; } #siteMap li a { text-decoration:none; } /** About Us Content **/ .moduleComponentContainervanillaContentBlocks1 { } .moduleComponentContainervanillaContentBlocks1 section {overflow: hidden;padding: 40px 0px !important;} .moduleComponentContainervanillaContentBlocks1 section:nth-of-type(even) { background: rgb(198,205,40); background: -moz-linear-gradient(336deg, rgba(198,205,40,1) 0%, rgba(230,232,185,1) 69%); background: -webkit-linear-gradient(336deg, rgba(198,205,40,1) 0%, rgba(230,232,185,1) 69%); background: linear-gradient(336deg, rgba(198,205,40,1) 0%, rgba(230,232,185,1) 69%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6cd28",endColorstr="#e6e8b9",GradientType=1); } .moduleComponentContainervanillaContentBlocks1 section:nth-last-of-type(1) { background: none; } .moduleComponentContainervanillaContentBlocks1 h2.bannerTitle { } .moduleComponentContainervanillaContentBlocks1 p { } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent251 { } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent252 { } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent253 { } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent254 { } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent255 div.col-lg-6 { width : 100%; margin-right: 0%; text-align: center;display: inline-block; } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent255 div img { width : 100%; } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent256 { width : 50%; } .moduleComponentContainervanillaContentBlocks1 section #moduleComponent257 { width : 50%; } @media screen and (min-width:768px){ .moduleComponentContainervanillaContentBlocks1 section #moduleComponent255 div.col-lg-6 { width : 48%; margin-right: 2%; text-align: center;display: inline-block; } } #guarantee{ position: absolute; top: -50px; } #linkedItemsExtrasContainer .moduleItemImage, .playVideo { transition : 0.8s all; } #linkedItemsExtrasContainer .moduleItemImage.hide, .playVideo.hide { opacity :0; } #peopleVideoContainer { margin: 0px 0px 30px 0px; } #linkedItemsExtrasContainer .moduleItemImage.hide { display: none; } .playVideo { display: block; width: 80px; height: 80px; position : absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: 40px; background: url(../images/style/play_arrow.png) !important; text-align: center; border-radius: 100%; background-size: 100% auto !important; } .playVideo span { display: none; } #listingProjects img{ max-width:100%; } .bannerHtmlContent img{ max-width:100%; } p img{ max-width:100%; } #listingProjects .moduleItemImage{ width:100%; } @media screen and (min-width:850px) { #listingProjects .moduleItemImage{ width: 30%; } } @media screen and (max-width:1350px){ table, table td { display:block; width:50%; float:left } } @media screen and (max-width:650px){ table, table td { display:block; width:100%; float:left } } .moduleListingWrapperServices .listingItem#listingItem245, .moduleListingWrapperServices .listingItem#listingItem221 {overflow:hidden} .homeSlideVideo { margin:0 auto; } .level1.thames-anchor{ padding-left: 3px; }