body { margin: 0; min-width: 320px; color:#FFFFFF; background-color:#111111; } a.postcodelinks:link {text-decoration:none; color:#009797; } a.postcodelinks:visited {text-decoration:none; color:#009797; } a.postcodelinks:hover {text-decoration:none; color:#009797; } a.postcodelinks:active {text-decoration:none; color:#009797; } a.bodylinks:link {text-decoration:none; color:#009797; } a.bodylinks:visited {text-decoration:none; color:#009797; } a.bodylinks:hover {text-decoration:none; color:#009797; } a.bodylinks:active {text-decoration:none; color:#009797; } a.gallerylinks:link {text-decoration:none; color:#FFFFFF; font-size:10pt;} a.gallerylinks:visited {text-decoration:none; color:#FFFFFF; font-size:10pt; } a.gallerylinks:hover {text-decoration:none; color:#009797; font-size:10pt;} a.gallerylinks:active {text-decoration:none; color:#FFFFFF; font-size:10pt; } a.postcodelinks2:link {text-decoration:none; color:#111111; } a.postcodelinks2:visited {text-decoration:none; color:#111111; } a.postcodelinks2:hover {text-decoration:none; color:#111111; } a.postcodelinks2:active {text-decoration:none; color:#111111; } a.toplinks:link {text-decoration:none; color:#ffffff; font-weight: 700;} a.toplinks:visited {text-decoration:none; color:#ffffff; font-weight: 700;} a.toplinks:hover {text-decoration:none; color:#0071BA; font-weight: 700;} a.toplinks:active {text-decoration:none; color:#ffffff; font-weight: 700;} a.bodylinks2022:link {text-decoration:none; color:#FFFFFF; } a.bodylinks2022:visited {text-decoration:none; color:#FFFFFF; } a.bodylinks2022:hover {text-decoration:none; color:#FFFFFF; } a.bodylinks2022:active {text-decoration:none; color:#FFFFFF; } a.whtlinks:link {text-decoration:none; color:#FFFFFF; } a.whtlinks:visited {text-decoration:none; color:#FFFFFF; } a.whtlinks:hover {text-decoration:none; color:#FFFFFF; } a.whtlinks:active {text-decoration:none; color:#FFFFFF; } a.boathouselinks:link {text-decoration:none; color:#FFFFFF; } a.boathouselinks:visited {text-decoration:none; color:#FFFFFF; } a.boathouselinks:hover {text-decoration:none; color:#009797; } a.boathouselinks:active {text-decoration:none; color:#FFFFFF; } a.aoctxtlink:link {text-decoration:none; color:#1f6db9; font-weight:500; } a.aoctxtlink:visited {text-decoration:none; color:#1f6db9; font-weight:500; } a.aoctxtlink:hover {text-decoration:none; color:#1f6db9; font-weight:500;} a.aoctxtlink:active {text-decoration:none; color:#1f6db9; font-weight:500; } a.tlinks:link {text-decoration:none; color:#009797;} a.tlinks:visited {text-decoration:none; color:#009797;} a.tlinks:hover {text-decoration:none; color:#009797;} a.tlinks:active {text-decoration:none; color:#009797;} .aoctxt {color:#009797; font-weight:600;} #example { width:100%; height: 500px; overflow: hidden; margin-top: 0px; } #example .mSButtons { height: 80%; } #example .frame { width: 100%; height: 100%; } #example .frame .slide_element { height: 100%; } #example .frame .slide_element > div { float: left; height: 100%; overflow: hidden; } #example .frame .mSCover img { max-width: none; } #example .credit{ position: absolute; bottom: 10px; left: 10px; font-size: 11px; line-height: normal; font-weight: 300; text-shadow: #000000 0 1px 0px; text-shadow: rgba(0,0,0,0.7) 0 1px 0px; color: #CCC; background: #000; background: rgba(0,0,0,0.6); padding: 0 4px; white-space: nowrap; z-index: 1002; text-transform: uppercase; }#example .credit a { color: #FFF; font-weight: 400; } .infoBlock { position: absolute; top: 370px; left: 0px; width: 980px; height:56px; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.6); overflow: hidden; z-index: 1002; } .infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(0,0,0,0.55); left: 90px; right: auto; opacity: 0; } .infoBlock2 { top: 90px; left: 100px; } .contactheads{ font-weight:bold; font-size: 10pt; color:#009797; } .redtxt { font-weight:bold; font-size: 10pt; color:#0071BA; } .redtxt2 { font-weight:bold; font-size: 10pt; color:#FFFFFF; } .goldtxt2023 {color:#D4D66F;} .formheads { font-weight:bold; font-size:12pt; color:#009797; } /*IPHONE STYLES*/ @media only screen and (max-width: 480px) { .quickquotebar { display:none; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#ffffff; text-align:center;} .quickquotebarmob { width:100%; height:64px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxtmob {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:6px; position:relative; float:left; display:block; } .gatedesignsmobilebar {width:100%; margin-top:0px; background-color:#009797; height:3px; position:relative; float:left; display:block;} .topline { width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#00FF00; display: block; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#ea7605; } .topmobilebar {width:100%; margin-top:0px; background-color:#1C1C1C; height:40px; position:relative; float:left; display:block;} .topsocialmediareamob {width:110px; background-color:#1C1C1C; margin-top:0px; height:auto; position:relative; float:left; } .topmobilefacebook{width:13px; margin-top:8px; margin-left:10px; height:24px; position:relative; float:left; } .topmobiletwitter {width:24px; margin-top:8px; margin-left:8px; height:24px; position:relative; float:left; } .topmobilelinks {width:100%; margin-top:0px; background-color:#4068ad; height:auto; position:relative; float:left; display:block;} .topphonemob {width:183px; margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; } .phoneiconmob {width:24px; margin-top:8px; margin-left:30px; height:24px; position:relative; float:left; } .phonemobnum {width:122px; margin-top:11px; margin-right:5px; height:auto; position:relative; float:right; text-align:right; font-family: "Montserrat", sans-serif; font-weight:500; color:#FFFFFF; font-size:12pt;} .topmobilebar2 { width:100%; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#4068ad; height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} .topholdermob {width:100%; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; z-index:1; } .topmoblogo {width:100%; margin-left:0px; margin-top:10px; margin-bottom:20px; z-index:1; height:99px; position:relative; float:left; background-image:url(logomob.jpg); background-position: center center; background-repeat: no-repeat; background-size: auto;} .topholderdesk1{ display:none;} .linksmain { display:none;} .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;} #example { height: 300px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { position: absolute; top: 172px; left: 0px; width: 100%; height:auto; padding-bottom: 0; overflow: hidden; opacity:0; z-index: 1002; font-size:12pt; font-weight:600; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; } .infoBlock12 {display:none !important;} .infoBlock11 {display:none !important;} .infoBlock15 {display:none !important;} .infoBlock3 {width:100%; margin-left:0px; margin-top:0px; height:300px; position:relative; float:left;} .infoBlock14 {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;} .infoBlock6 { display:none; } .infoBlock7 { position: absolute; top:62px; left: 0px; width: 100%; height:103px; padding-bottom: 0; opacity:0; background-image:url("carpetcleanhead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock13 { position: absolute; top:62px; left: 0px; width: 100%; height:103px; padding-bottom: 0; opacity:0; background-image:url("scaffoldhead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock16 { position: absolute; top:62px; left: 0px; width: 100%; height:107px; padding-bottom: 0; opacity:0; background-image:url("quotehead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock17 { position: absolute; top:62px; left: 0px; width: 100%; height:103px; padding-bottom: 0; opacity:0; background-image:url("listedhead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock8mob { position: absolute; top: 245px; left: 0px; width: 100%; height:55px; padding-bottom: 0; background-image:url(banner1mob.png); overflow: hidden; opacity:0; background-position: center center; background-repeat:repeat-x; z-index: 1002; } .giftsmob1 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob2 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob3 {width:100%; margin-left:0px; position:relative; height:20px; background-image:url("giftsmob3.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob5 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob5.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob7 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob7.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:300px; position:relative; float:left; background-image:url(topimage44mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:100%; position:relative; float:left; background-image:url(topimage1mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:100%; position:relative; float:left; background-image:url(topimage3mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:100%; position:relative; float:left; background-image:url(image4mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5{width:100%; margin-left:0px; margin-top:0px; z-index:1; height:300px; position:relative; float:left; background-image:url(topimage5mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:100%; position:relative; float:left; background-image:url(topimage2mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage7{width:100%; margin-left:0px; margin-top:0px; z-index:1; height:100%; position:relative; float:left; background-image:url(image7mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20201 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20205 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20207 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20208 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionholdernew2020 {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;} .hometxtholder3 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .hometxtholder4 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .hometxtholder400 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader3 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:48px; background-image:url("homeheader2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader4 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:48px; background-image:url("homeheader4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader5 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader6 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:18px; background-image:url("homeheader6mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader7mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader8 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader8mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader11 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader11mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .hometxt4 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1700px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; margin-bottom:60px;} .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:left; } .footerlogo { width:100%; height:95px; position:relative; display:block; margin-left:0px; background-image:url("footerlogomob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:37px; float:left; } .footerlinks {width:94%; position:relative; float:left; height:auto; margin-top:50px; margin-bottom:60px; margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { display:block; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url(image6mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url(image6mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image7mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("softwaremob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("leadmob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image12mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:280px; position:relative; float:left; background-image:url("image11mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .boxheader1 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .boxheader2 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .boxheader3 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader3mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .topimagetxtholder { display:none; } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .contactformdesk { display:none; } .formmob {width:90%; margin-left:5%; margin-right:5%; margin-top:0px; margin-bottom:60px; z-index:1; height:auto; position:relative; float:left; } input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color:#FFFFFF; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 16px; resize: none; margin-top:10px; color:#FFFFFF; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:80px; width:94%; margin-left:3%; margin-right:3%; text-align:center; margin-top:40px; height:auto; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; opacity: 0.9; } .homeheader20233 { width:100%; height:22px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader2023mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .homesectionnew20253 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20254 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20255 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20256 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20257 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:25px; float:left; display:block; } .homeimage9mob { width:100%; height:245px; position:relative; float:left; margin-bottom:80px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage9mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage10mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage10mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage7mob { width:100%; height:245px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage7mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage8mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage8mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage5mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage5mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage6mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage6mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage11mob { width:100%; height:245px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage11mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage12mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage12mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage13mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage13mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage14mob { width:100%; height:245px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage14mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage15mob { width:100%; height:245px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage15mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .hometxtdesk5 {display: none;} .hometxtdesk6 {display:none;} .serviceslistmob {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center; display: block;} .homeheader600 {width:100%; margin-left:0px; margin-top:40px; position:relative; height:16px; background-image:url("homeheader600mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("box1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("box2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("box3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .fade-element120 { display:none; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .homeheader500 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:18px; background-image:url("header500mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:100%; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:left; } .hometxt20242 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:10px; height:auto; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:10px; height:auto; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:18px; background-image:url("gakpoheader10mob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:30px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:94%; margin-left:3%; margin-right:3%; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:100%; margin-left:0px; margin-right:0px; position:relative; height:72px; background-image:url("gakpologo1mob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:30px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:100%; margin-left:0px; margin-right:0px; position:relative; height:68px; background-image:url("gakpologo2mob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:30px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .successstoriesholder { width:100%; height:auto; position:relative; margin-left:0px; margin-right:0px; margin-bottom:60px; z-index:1; margin-top:0px; float:left;} .homeheader9 {width:100%; margin-left:0px; margin-top:50px; position:relative; height:18px; background-image:url("homeheader9mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:40px; position:relative; height:18px; background-image:url("homeheader10mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:149px; background-image:url("successicon2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:150px; background-image:url("successicon3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:16pt;} .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .latestnews { width:100%; height:auto; position:relative; margin-left:0px; margin-right:0px; z-index:1; margin-top:0px; float:left;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:94%; position:relative; float:left; height:auto; margin-top:0px; margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .pinnaclelogo {width:100%; height:84px; position:relative; float:left; background-image:url(pinnaclelogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:100%; height:276px; position:relative; float:left; background-image:url(perfectpiglogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:100%; height:174px; position:relative; float:left; background-image:url(aoclogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:40px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:100%; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:100%; height:67px; position:relative; float:left; background-image:url("jdlogomob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-bottom:60px; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:16pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:14pt;} .aocgutterlogo {width:100%; height:147px; position:relative; float:left; background-image:url(aocguttermob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:100%; height:64px; position:relative; float:left; background-image:url(foggingdisinfectionlogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:30px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:100%; height:84px; position:relative; float:left; background-image:url("pinnaclelogomob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:100%; height:84px; position:relative; float:left; background-image:url(pinnacleprop2022mob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; margin-bottom:60px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .latestnews2022 { width:100%; height:auto; position:relative; margin-left:0px; margin-right:0px; z-index:1; margin-top:0px; float:left;} .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:10px; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader1mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader2 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader6mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader3 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader3mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader4 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader4mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader5 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader5mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader6 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader2mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader7 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader7mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .portheader8 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader8mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader9 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader9mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .portheader10 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader10mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .portheader11 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader11mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader12 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader12mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left; margin-bottom:60px;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:14pt;} .homesectionholdernew20202 { width:100%; height:auto; position:relative; text-align:center; margin-left:0px; margin-right:0px; display:block; z-index:1; margin-top:0px; float:left; } .homeheader500 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:18px; background-image:url("homeheader500mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } } @media only screen and (min-width : 481px) and (max-width : 1024px) { .quickquotebar { display:none; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#ffffff; text-align:center;} .quickquotebarmob { width:100%; height:54px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxtmob {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:6px; position:relative; float:left; display:block; } .gatedesignsmobilebar {width:100%; margin-top:0px; background-color:#009797; height:3px; position:relative; float:left; display:block;} .topline { width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#00FF00; display: block; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#ea7605; } .topmobilebar {width:100%; margin-top:0px; background-color:#1C1C1C; height:40px; position:relative; float:left; display:block;} .topsocialmediareamob {width:110px; background-color:#1C1C1C; margin-top:0px; height:auto; position:relative; float:left; } .topmobilefacebook{width:13px; margin-top:8px; margin-left:10px; height:24px; position:relative; float:left; } .topmobiletwitter {width:24px; margin-top:8px; margin-left:8px; height:24px; position:relative; float:left; } .topmobilelinks {width:100%; margin-top:0px; background-color:#4068ad; height:auto; position:relative; float:left; display:block;} .topphonemob {width:183px; margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; } .phoneiconmob {width:24px; margin-top:8px; margin-left:30px; height:24px; position:relative; float:left; } .phonemobnum {width:122px; margin-top:11px; margin-right:5px; height:auto; position:relative; float:right; text-align:right; font-family: "Montserrat", sans-serif; font-weight:500; color:#FFFFFF; font-size:12pt;} .topmobilebar2 { width:100%; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#4068ad; height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} .topholdermob {width:100%; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; z-index:1; } .topmoblogo {width:100%; margin-left:0px; margin-top:10px; margin-bottom:20px; z-index:1; height:99px; position:relative; float:left; background-image:url(logomob.jpg); background-position: center center; background-repeat: no-repeat; background-size: auto;} .topholderdesk1{ display:none;} .linksmain { display:none;} .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;} #example { height: 490px; margin-top: 0; position:relative; float:left; } .infoBlock12 {display:none !important;} .infoBlock11 {display:none !important;} .infoBlock15 {display:none !important;} .infoBlock3 {width:100%; margin-left:0px; margin-top:0px; height:300px; position:relative; float:left;} .infoBlock14 {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;} .infoBlock6 { display:none; } .infoBlock7 { position: absolute; top:62px; left: 0px; width: 100%; height:103px; padding-bottom: 0; opacity:0; background-image:url("carpetcleanhead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock13 { position: absolute; top:62px; left: 0px; width: 100%; height:103px; padding-bottom: 0; opacity:0; background-image:url("scaffoldhead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock16 { position: absolute; top:62px; left: 0px; width: 100%; height:107px; padding-bottom: 0; opacity:0; background-image:url("quotehead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock17 { position: absolute; top:62px; left: 0px; width: 100%; height:103px; padding-bottom: 0; opacity:0; background-image:url("listedhead.png"); overflow: hidden; background-position: center center; background-repeat: no-repeat; z-index: 1002222222222222222222222222222222222222222222222222222222222222; } .infoBlock8mob { position: absolute; top: 435px; left: 0px; width: 100%; height:55px; padding-bottom: 0; background-image:url(banner1mob.png); overflow: hidden; opacity:0; background-position: center center; background-repeat:repeat-x; z-index: 1002; } .giftsmob1 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob2 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob3 {width:100%; margin-left:0px; position:relative; height:20px; background-image:url("giftsmob3.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob5 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob5.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .giftsmob7 {width:100%; margin-left:0px; position:relative; height:16px; background-image:url("giftsmob7.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:19px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image44pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image2pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image3pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5{width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image5pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image1pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage7{width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image7pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20201 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20205 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20207 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20208 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionholdernew2020 {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;} .hometxtholder3 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .hometxtholder4 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .hometxtholder400 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader3 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:48px; background-image:url("homeheader2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader4 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:48px; background-image:url("homeheader4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader5 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader500 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:18px; background-image:url("homeheader500mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:18px; background-image:url("homeheader6mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader7mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader8 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader8mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .homeheader11 {width:100%; margin-left:0px; position:relative; margin-top:20px; height:18px; background-image:url("homeheader11mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; } .hometxt4 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1700px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; margin-bottom:60px;} .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:left; } .footerlogo { width:100%; height:95px; position:relative; display:block; margin-left:0px; background-image:url("footerlogomob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:37px; float:left; } .footerlinks {width:94%; position:relative; float:left; height:auto; margin-top:50px; margin-bottom:60px; margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { display:block; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image2pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image44pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image1pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image3pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image5pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url(image44pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image7pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("softwarepad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("leadpad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image12pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:490px; position:relative; float:left; background-image:url("image11pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .boxheader1 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .boxheader2 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .boxheader3 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader3mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .boxheader4 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("boxheader4mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:205px; float:left; } .topimagetxtholder { display:none; } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .contactformdesk { display:none; } .formmob {width:90%; margin-left:5%; margin-right:5%; margin-top:0px; margin-bottom:60px; z-index:1; height:auto; position:relative; float:left; } input[type=text], select { width: 100%; height:32px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color:#FFFFFF; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:bold; text-align:left;} textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 16px; resize: none; margin-top:10px; color:#FFFFFF; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:80px; width:94%; margin-left:3%; margin-right:3%; text-align:center; margin-top:40px; height:auto; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; opacity: 0.9; } .homeheader20233 { width:100%; height:22px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader2023mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .homesectionnew20253 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20254 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20255 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20256 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .homesectionnew20257 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;} .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:25px; float:left; display:block; } .homeimage9mob { width:100%; height:380px; position:relative; float:left; margin-bottom:80px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage9pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage10mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage10pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage7mob { width:100%; height:380px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage7pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage8mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage8pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage5mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage5pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage6mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage6pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage11mob { width:100%; height:380px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage11pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage12mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage12pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage13mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url("homeimage13pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage14mob { width:100%; height:245px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage14pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .homeimage15mob { width:100%; height:380px; position:relative; float:left; margin-bottom:40px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage15pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;} .hometxtdesk5 {display: none;} .hometxtdesk6 {display:none;} .serviceslistmob {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center; display: block;} .homeheader600 {width:100%; margin-left:0px; margin-top:40px; position:relative; height:16px; background-image:url("homeheader600mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .fade-element120 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; display:block; } .fade-element120.visible { opacity: 1; transform: translateY(0); } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .homeheader500 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:18px; background-image:url("header500mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:100%; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:left; } .hometxt20242 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:10px; height:auto; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:10px; height:auto; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:18px; background-image:url("gakpoheader10mob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:30px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:94%; margin-left:3%; margin-right:3%; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:100%; margin-left:0px; margin-right:0px; position:relative; height:72px; background-image:url("gakpologo1mob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:30px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:100%; margin-left:0px; margin-right:0px; position:relative; height:68px; background-image:url("gakpologo2mob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:30px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .successstoriesholder { width:100%; height:auto; position:relative; margin-left:0px; margin-right:0px; margin-bottom:60px; z-index:1; margin-top:0px; float:left;} .homeheader9 {width:100%; margin-left:0px; margin-top:50px; position:relative; height:18px; background-image:url("homeheader9mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:40px; position:relative; height:18px; background-image:url("homeheader10mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:149px; background-image:url("successicon2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:150px; background-image:url("successicon3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:16pt;} .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .latestnews { width:100%; height:auto; position:relative; margin-left:0px; margin-right:0px; z-index:1; margin-top:0px; float:left;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:94%; position:relative; float:left; height:auto; margin-top:0px; margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .pinnaclelogo {width:100%; height:84px; position:relative; float:left; background-image:url(pinnaclelogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:100%; height:276px; position:relative; float:left; background-image:url(perfectpiglogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:100%; height:174px; position:relative; float:left; background-image:url(aoclogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:40px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:100%; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:100%; height:67px; position:relative; float:left; background-image:url("jdlogomob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-bottom:60px; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:16pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:14pt;} .aocgutterlogo {width:100%; height:147px; position:relative; float:left; background-image:url(aocguttermob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:100%; height:64px; position:relative; float:left; background-image:url(foggingdisinfectionlogomob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:30px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:100%; height:84px; position:relative; float:left; background-image:url("pinnaclelogomob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:100%; height:84px; position:relative; float:left; background-image:url(pinnacleprop2022mob.png); background-position: center center; background-repeat: no-repeat; background-size: auto; margin-top:20px; margin-left:0px; margin-bottom:60px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .latestnews2022 { width:100%; height:auto; position:relative; margin-left:0px; margin-right:0px; z-index:1; margin-top:0px; float:left;} .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:10px; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader1mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader2 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader6mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader3 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader3mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader4 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader4mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader5 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader5mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader6 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader62mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader7 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader7mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .portheader8 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader8mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader9 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader9mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .portheader10 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader10mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .portheader11 { width:100%; height:56px; position:relative; display:block; margin-left:0px; background-image:url("portheader11mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:200px; float:left; } .portheader12 { width:100%; height:96px; position:relative; display:block; margin-left:0px; background-image:url("portheader12mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:170px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left; margin-bottom:60px;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:24pt;} .homesectionholdernew20202 { width:100%; height:auto; position:relative; text-align:center; margin-left:0px; margin-right:0px; display:block; z-index:1; margin-top:0px; float:left; } } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) { } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1025px) { .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .quickquotebarmob { display:none; } .homebox4 {display: none;} .gatedesignsmobilebar {display:none;} .formmob {display:none; } .topmobilelinks {display:none;} .topmobilebar {display:none;} .serviceslistmob { display: none;} .quickquotebar { width:100%; height:44px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:8px; position:relative; float:left; display:block; } .topholderdesk1{ width:100%; height:265px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#1C1C1C; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#111111; } .topholder{ width:1024px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1024px; height:41px; position:relative; background-color:#111111; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatordivider {width:100%; margin-left:0px; margin-top:0px; background-color:#009797; height:4px; position:relative; float:left; display:block; } .footerdivider {width:100%; margin-left:0px; margin-top:0px; background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; } .desklogo2023 {width:100%; margin-left:0px; margin-top:77px; height:161px; position:relative; float:left; background-image:url("desklogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .followusandsocialmediaholder2023 {width:100%; top:10px; height:190px; position:absolute; } .followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:150px; margin-top:10px; } .followusrow {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left; } .followusholder2 {width:400px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; } .followusheader { display:none;} .callusheader {width:258px; margin-left:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("callusheader2.jpg"); background-position: center center; background-repeat: no-repeat; } .fbdesk {width:16px; margin-right:5px; margin-top:10px; height:25px; position:relative; float:right; background-image:url("fbdesk.jpg"); background-position: center center; background-repeat: no-repeat; } .instadesk {width:25px; margin-left:345px; margin-right:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("instadesk.jpg"); background-position: center center; background-repeat: no-repeat; } .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:580px; position:relative; float:left;} #example { height: 580px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { display:none !important; } .infoBlock9mob { display:none !important; } .infoBlock10mob { display:none !important; } .infoBlock11mob { display:none !important; } .infoBlock12mob { display:none !important; } .infoBlock13mob { display:none !important; } .infoBlock { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock2 { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; background-image:url(housemob2.png); overflow: hidden; z-index: 1002; } .infoBlock3 { position: absolute; right:0; left: 0; margin-top:0px; margin-left: auto; margin-right: auto; width:1024px; height:580px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock6 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock7 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock8 { width:100%; left:0px; top:60px; height: 108px; position:absolute; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock9 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock14 { width:445px; left:10px; top:0px; height: 580px; position:absolute; overflow: hidden; opacity: 1; z-index: 1002; } .infoBlock13 { width:100%; left:0px; top:40px; height: 146px; position:absolute; background-image:url("galleryintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock16 { width:100%; left:0px; top:60px; height: 99px; position:absolute; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock11 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock15 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock12 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:455px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock122 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:430px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .duluxrotator {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest6th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image1largest6th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionholdernew2020 { width:1024px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder3 { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtholder4 { width:94%; height:auto; position:relative; margin-left:3%; margin-right:3%; z-index:1; margin-top:48px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader3 {width:100%; margin-left:0px; margin-top:23px; position:relative; height:83px; background-image:url("homeheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader4 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader5 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader8 {width:100%; margin-left:0px; margin-top:17px; position:relative; height:32px; background-image:url("homeheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader11 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:60px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1700px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; margin-bottom:0px;} .homegiftcategoriessection2 {width:100%; margin-left:0px; margin-top:0px; background-color:#EB7EAF; height:1320px; position:relative; float:left;} .homegiftcategoriesholder2 { width:1500px; height:132px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:left; } .footerlogo { width:100%; height:114px; position:relative; display:block; margin-left:0px; background-image:url("footerlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:50px; float:left; } .footerlinks {width:94%; position:relative; float:left; height:auto; margin-top:56px; margin-left:3%; margin-right:3%; margin-bottom:60px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { display:none; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image1largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image4largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image7largest6th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image9latest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image10largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image11largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image12largest6th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introdetailssection {width:445px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introdetailssection2 {width:465px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introbusiness2 { width:100%; height:100px; position:relative; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness3 { width:100%; height:100px; position:relative; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness4 { width:100%; height:99px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness6 { width:100%; height:100px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness7 { width:100%; height:100px; position:relative; background-image:url("portfoliomain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness8 { width:100%; height:100px; position:relative; background-image:url("softwaremain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness9 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness10 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness11 { width:100%; height:100px; position:relative; background-image:url("latestmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness12 { width:100%; height:38px; position:relative; background-image:url("casesmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:102px; } .introdescription {width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:0px; } .introbelowdetails {width:100%; margin-left:0px; margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; display:block; } .topimagetxtholder { width:1024px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; margin-top:0px; } .homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center; } .aboutlink {width:150px; margin-left:28px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .emailslink { width:160px; margin-left:28px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .portfoliolink {width:100px; margin-left:28px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .onlinelink {width:178px; margin-left:28px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .leadlink {width:102px; margin-left:28px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .contactlink {width:85px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .fade-element120 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; display:block; } .fade-element120.visible { opacity: 1; transform: translateY(0); } .boxheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element300 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:80px; width:80%; margin-left:10%; margin-right:10%; text-align:center; margin-top:75px; height:580px; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; } .cleanersinsuranceintro2 {width:560px; margin-left:130px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color: #ffffff; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:500; text-align:left;} textarea { width: 80%; height: 90px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 11px; resize: none; margin-top:10px; color: #ffffff; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:260px; margin-left:0px; margin-top:5px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:260px; margin-left:30px; margin-top:5px; ; height:auto; position:relative; float:left;} .contactformdesk { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .homeheader20233 { width:100%; height:38px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader20233.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:10px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtdesk5 {width:220px; margin-left:235px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .hometxtdesk6 {width:280px; margin-left:0px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .serviceslistmob { display: none;} .hometxtholder400 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt20242 {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:32px; background-image:url("gakpoheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:75px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:750px; margin-left:30px; margin-right:0px; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:459px; margin-left:130px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:583px; margin-left:60px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:4550px; position:relative; float:left; } .latestnews { width:1024px; height:4050px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:550px; position:relative; float:left; height:auto; margin-top:0px; margin-left:30px; margin-right:0px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .pinnaclelogo {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:190px; margin-left:50px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:223px; height:212px; position:relative; float:left; background-image:url(perfectpiglogo.png); margin-top:20px; margin-left:120px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:355px; height:213px; position:relative; float:left; background-image:url(aoclogo.png); margin-top:40px; margin-left:60px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:280px; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); margin-top:90px; margin-left:90px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:377px; height:84px; position:relative; float:left; background-image:url(jdlogo.png); margin-top:170px; margin-left:40px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:20pt;} .aocgutterlogo {width:280px; height:166px; position:relative; float:left; background-image:url(aocgutter.png); margin-top:180px; margin-left:70px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:357px; height:76px; position:relative; float:left; background-image:url(foggingdisinfectionlogo.png); margin-top:225px; margin-left:50px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:280px; margin-left:50px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:337px; height:104px; position:relative; float:left; background-image:url(pinnacleprop2022.png); margin-top:380px; margin-left:50px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; margin-bottom:0px; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:2090px; position:relative; float:left; } .latestnews2022 { width:1024px; height:1750px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .successstoriesholder { width:1024px; height:auto; position:relative; margin-bottom:0px; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .homeheader9 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:90px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:25%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:18pt;} .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:70px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader5 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader5.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader6 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader6.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader7 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader7.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader8 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader8.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader9 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader9.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader10 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader10.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader11 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader11.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader12 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader12.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#1C1C1C; height:auto; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left; margin-bottom:60px;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} .homesectionholdernew20202 { width:1024px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } } @media only screen and (min-width : 1200px) { .quickquotebar { width:100%; height:44px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:8px; position:relative; float:left; display:block; } .topholderdesk1{ width:100%; height:205px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#1C1C1C; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#111111; } .topholder{ width:1200px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1200px; height:41px; position:relative; background-color:#111111; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatordivider {width:100%; margin-left:0px; margin-top:0px; background-color:#009797; height:4px; position:relative; float:left; display:block; } .footerdivider {width:100%; margin-left:0px; margin-top:0px; background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; } .desklogo2023 {width:100%; margin-left:0px; margin-top:25px; height:161px; position:relative; float:left; background-image:url("desklogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .followusandsocialmediaholder2023 {width:100%; top:10px; height:190px; position:absolute; } .followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:150px; margin-top:10px; } .followusrow {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left; } .followusholder2 {width:400px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; } .followusheader {width:217px; margin-left:110px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("followus2.jpg"); background-position: center center; background-repeat: no-repeat; display: block;} .callusheader {width:258px; margin-left:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("callusheader2.jpg"); background-position: center center; background-repeat: no-repeat; } .fbdesk {width:16px; margin-right:5px; margin-top:10px; height:25px; position:relative; float:right; background-image:url("fbdesk.jpg"); background-position: center center; background-repeat: no-repeat; } .instadesk {width:25px; margin-left:15px; margin-right:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("instadesk.jpg"); background-position: center center; background-repeat: no-repeat; } .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:580px; position:relative; float:left;} #example { height: 580px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { display:none !important; } .infoBlock9mob { display:none !important; } .infoBlock10mob { display:none !important; } .infoBlock11mob { display:none !important; } .infoBlock12mob { display:none !important; } .infoBlock13mob { display:none !important; } .infoBlock { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock2 { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; background-image:url(housemob2.png); overflow: hidden; z-index: 1002; } .infoBlock3 { position: absolute; right:0; left: 0; margin-top:0px; margin-left: auto; margin-right: auto; width:1200px; height:580px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock6 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock7 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock8 { width:100%; left:0px; top:60px; height: 108px; position:absolute; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock9 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock14 { width:445px; left:10px; top:0px; height: 580px; position:absolute; overflow: hidden; opacity: 1; z-index: 1002; } .infoBlock13 { width:100%; left:0px; top:40px; height: 146px; position:absolute; background-image:url("galleryintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock16 { width:100%; left:0px; top:60px; height: 99px; position:absolute; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock11 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock15 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock12 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:455px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock122 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:430px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .duluxrotator {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest5th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image1largest5th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionholdernew2020 { width:1200px; height:550px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder3 { width:580px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtholder4 { width:580px; height:auto; position:relative; margin-left:590px; margin-right:0px; z-index:1; margin-top:48px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader3 {width:100%; margin-left:0px; margin-top:23px; position:relative; height:83px; background-image:url("homeheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader4 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader42nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader5 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader8 {width:100%; margin-left:0px; margin-top:17px; position:relative; height:32px; background-image:url("homeheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader11 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; margin-bottom:0px;} .homesectionholdernew20202 { width:1200px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homegiftcategoriessection2 {width:100%; margin-left:0px; margin-top:0px; background-color:#EB7EAF; height:1320px; position:relative; float:left;} .homegiftcategoriesholder2 { width:1500px; height:132px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footersection{ width:100%; height:auto; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:100%; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:left; } .footerlogo { width:100%; height:114px; position:relative; display:block; margin-left:0px; background-image:url("footerlogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:50px; float:left; } .footerlinks {width:94%; position:relative; float:left; height:auto; margin-top:56px; margin-left:3%; margin-right:3%; margin-bottom:60px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { display:none; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image1largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image4largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image7largest5th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image9latest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image10largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image11largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image12largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introdetailssection {width:445px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introdetailssection2 {width:465px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introbusiness2 { width:100%; height:100px; position:relative; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness3 { width:100%; height:100px; position:relative; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness4 { width:100%; height:99px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness6 { width:100%; height:100px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness7 { width:100%; height:100px; position:relative; background-image:url("portfoliomain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness8 { width:100%; height:100px; position:relative; background-image:url("softwaremain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness9 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness10 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness11 { width:100%; height:100px; position:relative; background-image:url("latestmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness12 { width:100%; height:38px; position:relative; background-image:url("casesmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:102px; } .introdescription {width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:0px; } .introbelowdetails {width:100%; margin-left:0px; margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; display:block; } .topimagetxtholder { width:1200px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; margin-top:0px; } .homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center; } .aboutlink {width:150px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .emailslink { width:160px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .portfoliolink {width:100px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .onlinelink {width:178px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .leadlink {width:102px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .contactlink {width:85px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .fade-element120 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("box4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; display:block; } .fade-element120.visible { opacity: 1; transform: translateY(0); } .boxheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage16th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:720px; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage34th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage44th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:860px; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage54th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:530px; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage64th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:840px; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage74th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:740px; position:relative; float:left; } .fade-element300 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage3004th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:740px; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage115th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage125th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage135th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage15th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage155th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:50%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:0px; width:600px; margin-left:575px;margin-right:0px; text-align:center; margin-top:75px; height:580px; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; } .cleanersinsuranceintro2 {width:560px; margin-left:20px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color: #ffffff; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:500; text-align:left;} textarea { width: 80%; height: 90px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 11px; resize: none; margin-top:10px; color: #ffffff; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:260px; margin-left:0px; margin-top:5px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:260px; margin-left:30px; margin-top:5px; ; height:auto; position:relative; float:left;} .contactformdesk { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .homeheader20233 { width:100%; height:38px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader20233.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:10px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtdesk5 {width:220px; margin-left:235px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .hometxtdesk6 {width:280px; margin-left:0px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .serviceslistmob { display: none;} .hometxtholder400 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt20242 {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:32px; background-image:url("gakpoheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:75px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:750px; margin-left:30px; margin-right:0px; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:459px; margin-left:130px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:583px; margin-left:60px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:4550px; position:relative; float:left; } .latestnews { width:1200px; height:4050px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:550px; position:relative; float:left; height:auto; margin-top:0px; margin-left:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .pinnaclelogo {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:190px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:223px; height:212px; position:relative; float:left; background-image:url(perfectpiglogo.png); margin-top:20px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:355px; height:213px; position:relative; float:left; background-image:url(aoclogo.png); margin-top:40px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:280px; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); margin-top:90px; margin-left:170px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:377px; height:84px; position:relative; float:left; background-image:url(jdlogo.png); margin-top:170px; margin-left:110px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:20pt;} .aocgutterlogo {width:280px; height:166px; position:relative; float:left; background-image:url(aocgutter.png); margin-top:180px; margin-left:160px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:357px; height:76px; position:relative; float:left; background-image:url(foggingdisinfectionlogo.png); margin-top:225px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:280px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:337px; height:104px; position:relative; float:left; background-image:url(pinnacleprop2022.png); margin-top:380px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:2090px; position:relative; float:left; } .latestnews2022 { width:1200px; height:1750px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .successstoriesholder { width:1200px; height:auto; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .homeheader9 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:90px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:25%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:18pt;} .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:70px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader5 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader5.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader6 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader6.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader7 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader7.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader8 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader8.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader9 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader9.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader10 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader10.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader11 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader11.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader12 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader12.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage404th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left; margin-bottom:0px;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage414th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } } @media only screen and (min-width : 1300px) { .quickquotebar { width:100%; height:44px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:8px; position:relative; float:left; display:block; } .topholderdesk1{ width:100%; height:205px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#1C1C1C; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#111111; } .topholder{ width:1300px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1200px; height:41px; position:relative; background-color:#111111; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatordivider {width:100%; margin-left:0px; margin-top:0px; background-color:#009797; height:4px; position:relative; float:left; display:block; } .footerdivider {width:100%; margin-left:0px; margin-top:0px; background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; } .desklogo2023 {width:100%; margin-left:0px; margin-top:25px; height:161px; position:relative; float:left; background-image:url("desklogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .followusandsocialmediaholder2023 {width:100%; top:10px; height:190px; position:absolute; } .followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:150px; margin-top:10px; } .followusrow {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left; } .followusholder2 {width:400px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; } .followusheader {width:217px; margin-left:110px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("followus2.jpg"); background-position: center center; background-repeat: no-repeat; display: block;} .callusheader {width:258px; margin-left:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("callusheader2.jpg"); background-position: center center; background-repeat: no-repeat; } .fbdesk {width:16px; margin-right:5px; margin-top:10px; height:25px; position:relative; float:right; background-image:url("fbdesk.jpg"); background-position: center center; background-repeat: no-repeat; } .instadesk {width:25px; margin-left:15px; margin-right:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("instadesk.jpg"); background-position: center center; background-repeat: no-repeat; } .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:580px; position:relative; float:left;} #example { height: 580px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { display:none !important; } .infoBlock9mob { display:none !important; } .infoBlock10mob { display:none !important; } .infoBlock11mob { display:none !important; } .infoBlock12mob { display:none !important; } .infoBlock13mob { display:none !important; } .infoBlock { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock2 { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; background-image:url(housemob2.png); overflow: hidden; z-index: 1002; } .infoBlock3 { position: absolute; right:0; left: 0; margin-top:0px; margin-left: auto; margin-right: auto; width:1300px; height:580px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock6 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock7 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock8 { width:100%; left:0px; top:60px; height: 108px; position:absolute; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock9 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock14 { width:445px; left:10px; top:0px; height: 580px; position:absolute; overflow: hidden; opacity: 1; z-index: 1002; } .infoBlock13 { width:100%; left:0px; top:40px; height: 146px; position:absolute; background-image:url("galleryintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock16 { width:100%; left:0px; top:60px; height: 99px; position:absolute; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock11 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock15 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock12 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:455px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock122 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:430px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .duluxrotator {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest4th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image1largest4th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionholdernew2020 { width:1300px; height:550px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder3 { width:650px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtholder4 { width:650px; height:auto; position:relative; margin-left:640px; z-index:1; margin-top:48px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader3 {width:100%; margin-left:0px; margin-top:23px; position:relative; height:83px; background-image:url("homeheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader4 {width:100%; margin-left:0px; margin-top:12px; position:relative; height:32px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader5 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader8 {width:100%; margin-left:0px; margin-top:17px; position:relative; height:32px; background-image:url("homeheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader11 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1300px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homegiftcategoriessection2 {width:100%; margin-left:0px; margin-top:0px; background-color:#EB7EAF; height:1320px; position:relative; float:left;} .homegiftcategoriesholder2 { width:1300px; height:132px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footersection{ width:100%; height:230px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:1300px; height:230px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo { width:360px; height:114px; position:relative; display:block; margin-left:10px; background-image:url("footerlogo.jpg"); z-index:1; margin-top:38px; float:left; } .footerlinks {width:450px; position:relative; float:left; height:auto; margin-top:56px; margin-left:60px; margin-right:0px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; margin-bottom:0px;} .footercheckatrade { width:338px; height:33px; position:relative; margin-right:10px; background-image:url(footercheckatrade.jpg); z-index:1; margin-top:80px; float:right; display:block; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image1largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image4largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image7largest4th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image9latest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image10largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image11largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image12largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introdetailssection {width:445px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introdetailssection2 {width:465px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introbusiness2 { width:100%; height:100px; position:relative; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness3 { width:100%; height:100px; position:relative; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness4 { width:100%; height:99px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness6 { width:100%; height:100px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness7 { width:100%; height:100px; position:relative; background-image:url("portfoliomain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness8 { width:100%; height:100px; position:relative; background-image:url("softwaremain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness9 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness10 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness11 { width:100%; height:100px; position:relative; background-image:url("latestmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness12 { width:100%; height:38px; position:relative; background-image:url("casesmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:102px; } .introdescription {width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:0px; } .introbelowdetails {width:100%; margin-left:0px; margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; display:block; } .topimagetxtholder { width:1300px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; margin-top:0px; } .homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center; } .aboutlink {width:150px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .emailslink { width:160px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .portfoliolink {width:100px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .onlinelink {width:178px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .leadlink {width:102px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .contactlink {width:85px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .fade-element120 { display:none; } .fade-element120.visible { opacity: 1; transform: translateY(0); } .boxheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader14th.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader24th.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader34th.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage13rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:700px; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage33rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:690px; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage43rd2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage53rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:530px; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage63rd2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage73rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:700px; position:relative; float:left; } .fade-element300 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage3003rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:690px; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage114th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage124th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage134th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage14th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage154th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:0px; width:670px; margin-left:590px; text-align:center; margin-top:75px; height:580px; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; } .cleanersinsuranceintro2 {width:560px; margin-left:55px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color: #ffffff; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:500; text-align:left;} textarea { width: 80%; height: 90px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 11px; resize: none; margin-top:10px; color: #ffffff; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:260px; margin-left:0px; margin-top:5px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:260px; margin-left:30px; margin-top:5px; ; height:auto; position:relative; float:left;} .contactformdesk { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .homeheader20233 { width:100%; height:38px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader20233.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:10px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtdesk5 {width:220px; margin-left:235px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .hometxtdesk6 {width:280px; margin-left:0px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .serviceslistmob { display: none;} .hometxtholder400 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt20242 {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:32px; background-image:url("gakpoheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:75px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:750px; margin-left:30px; margin-right:0px; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:459px; margin-left:130px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:583px; margin-left:60px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:4550px; position:relative; float:left; } .latestnews { width:1300px; height:4050px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:550px; position:relative; float:left; height:auto; margin-top:0px; margin-left:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .pinnaclelogo {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:190px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:223px; height:212px; position:relative; float:left; background-image:url(perfectpiglogo.png); margin-top:20px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:355px; height:213px; position:relative; float:left; background-image:url(aoclogo.png); margin-top:40px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:280px; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); margin-top:90px; margin-left:170px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:377px; height:84px; position:relative; float:left; background-image:url(jdlogo.png); margin-top:170px; margin-left:110px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:20pt;} .aocgutterlogo {width:280px; height:166px; position:relative; float:left; background-image:url(aocgutter.png); margin-top:180px; margin-left:160px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:357px; height:76px; position:relative; float:left; background-image:url(foggingdisinfectionlogo.png); margin-top:225px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:280px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:337px; height:104px; position:relative; float:left; background-image:url(pinnacleprop2022.png); margin-top:380px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:2090px; position:relative; float:left; } .latestnews2022 { width:1300px; height:1750px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .successstoriesholder { width:1300px; height:auto; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .homeheader9 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:90px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:25%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:18pt;} .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:70px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader13rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader23rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader33rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader43rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader5 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader53rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader6 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader63rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader7 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader73rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader8 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader83rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader9 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader93rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader10 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader103rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader11 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader113rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader12 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader123rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage403rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage413rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } } @media only screen and (min-width : 1400px) { .quickquotebar { width:100%; height:44px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:8px; position:relative; float:left; display:block; } .topholderdesk1{ width:100%; height:205px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#1C1C1C; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#111111; } .topholder{ width:1400px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1200px; height:41px; position:relative; background-color:#111111; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatordivider {width:100%; margin-left:0px; margin-top:0px; background-color:#009797; height:4px; position:relative; float:left; display:block; } .footerdivider {width:100%; margin-left:0px; margin-top:0px; background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; } .desklogo2023 {width:100%; margin-left:0px; margin-top:25px; height:161px; position:relative; float:left; background-image:url("desklogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .followusandsocialmediaholder2023 {width:100%; top:10px; height:190px; position:absolute; } .followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:150px; margin-top:10px; } .followusrow {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left; } .followusholder2 {width:400px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; } .followusheader {width:217px; margin-left:110px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("followus2.jpg"); background-position: center center; background-repeat: no-repeat; display: block;} .callusheader {width:258px; margin-left:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("callusheader2.jpg"); background-position: center center; background-repeat: no-repeat; } .fbdesk {width:16px; margin-right:5px; margin-top:10px; height:25px; position:relative; float:right; background-image:url("fbdesk.jpg"); background-position: center center; background-repeat: no-repeat; } .instadesk {width:25px; margin-left:15px; margin-right:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("instadesk.jpg"); background-position: center center; background-repeat: no-repeat; } .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:580px; position:relative; float:left;} #example { height: 580px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { display:none !important; } .infoBlock9mob { display:none !important; } .infoBlock10mob { display:none !important; } .infoBlock11mob { display:none !important; } .infoBlock12mob { display:none !important; } .infoBlock13mob { display:none !important; } .infoBlock { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock2 { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; background-image:url(housemob2.png); overflow: hidden; z-index: 1002; } .infoBlock3 { position: absolute; right:0; left: 0; margin-top:0px; margin-left: auto; margin-right: auto; width:1400px; height:580px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock6 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock7 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock8 { width:100%; left:0px; top:60px; height: 108px; position:absolute; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock9 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock14 { width:445px; left:10px; top:0px; height: 580px; position:absolute; overflow: hidden; opacity: 1; z-index: 1002; } .infoBlock13 { width:100%; left:0px; top:40px; height: 146px; position:absolute; background-image:url("galleryintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock16 { width:100%; left:0px; top:60px; height: 99px; position:absolute; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock11 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock15 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock12 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:455px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock122 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:430px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .duluxrotator {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image1largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionholdernew2020 { width:1400px; height:550px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder3 { width:700px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtholder4 { width:680px; height:auto; position:relative; margin-left:700px; z-index:1; margin-top:48px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; margin-top:19px; position:relative; height:32px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader3 {width:100%; margin-left:0px; margin-top:29px; position:relative; height:83px; background-image:url("homeheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader4 {width:100%; margin-left:0px; margin-top:18px; position:relative; height:32px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader5 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:21px; position:relative; height:32px; background-image:url("homeheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; margin-top:24px; position:relative; height:32px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader8 {width:100%; margin-left:0px; margin-top:17px; position:relative; height:32px; background-image:url("homeheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader11 {width:100%; margin-left:0px; margin-top:20px; position:relative; height:32px; background-image:url("homeheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1400px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homegiftcategoriessection2 {width:100%; margin-left:0px; margin-top:0px; background-color:#EB7EAF; height:1320px; position:relative; float:left;} .homegiftcategoriesholder2 { width:1500px; height:132px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footersection{ width:100%; height:230px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:1400px; height:230px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo { width:360px; height:114px; position:relative; display:block; margin-left:10px; background-image:url("footerlogo.jpg"); z-index:1; margin-top:38px; float:left; } .footerlinks {width:500px; position:relative; float:left; height:auto; margin-top:64px; margin-left:95px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { width:338px; height:33px; position:relative; margin-right:10px; background-image:url(footercheckatrade.jpg); z-index:1; margin-top:80px; float:right; display:block; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image1largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image4largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image7largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image9latest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image10largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image11largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image12largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introdetailssection {width:445px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introdetailssection2 {width:465px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introbusiness2 { width:100%; height:100px; position:relative; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness3 { width:100%; height:100px; position:relative; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness4 { width:100%; height:99px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness6 { width:100%; height:100px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness7 { width:100%; height:100px; position:relative; background-image:url("portfoliomain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness8 { width:100%; height:100px; position:relative; background-image:url("softwaremain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness9 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness10 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness11 { width:100%; height:100px; position:relative; background-image:url("latestmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness12 { width:100%; height:38px; position:relative; background-image:url("casesmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:102px; } .introdescription {width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:0px; } .introbelowdetails {width:100%; margin-left:0px; margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; display:block; } .topimagetxtholder { width:1400px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; margin-top:0px; } .homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center; } .aboutlink {width:150px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .emailslink { width:160px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .portfoliolink {width:100px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .onlinelink {width:178px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .leadlink {width:102px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .contactlink {width:85px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .boxheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader32nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage13rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:700px; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage33rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:690px; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage43rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:740px; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage53rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:530px; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage63rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:730px; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage73rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:700px; position:relative; float:left; } .fade-element300 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage3003rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:690px; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage113rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage123rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage133rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage143rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage153rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:0px; width:670px; margin-left:700px; text-align:center; margin-top:75px; height:580px; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; } .cleanersinsuranceintro2 {width:560px; margin-left:55px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color: #ffffff; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:500; text-align:left;} textarea { width: 80%; height: 90px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 11px; resize: none; margin-top:10px; color: #ffffff; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:260px; margin-left:0px; margin-top:5px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:260px; margin-left:30px; margin-top:5px; ; height:auto; position:relative; float:left;} .contactformdesk { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .homeheader20233 { width:100%; height:38px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader20233.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:10px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtdesk5 {width:220px; margin-left:235px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .hometxtdesk6 {width:280px; margin-left:0px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .serviceslistmob { display: none;} .hometxtholder400 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt20242 {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:32px; background-image:url("gakpoheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:75px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:750px; margin-left:30px; margin-right:0px; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:459px; margin-left:130px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:583px; margin-left:60px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:4550px; position:relative; float:left; } .latestnews { width:1300px; height:4050px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:550px; position:relative; float:left; height:auto; margin-top:0px; margin-left:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .pinnaclelogo {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:190px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:223px; height:212px; position:relative; float:left; background-image:url(perfectpiglogo.png); margin-top:20px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:355px; height:213px; position:relative; float:left; background-image:url(aoclogo.png); margin-top:40px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:280px; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); margin-top:90px; margin-left:170px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:377px; height:84px; position:relative; float:left; background-image:url(jdlogo.png); margin-top:170px; margin-left:110px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:20pt;} .aocgutterlogo {width:280px; height:166px; position:relative; float:left; background-image:url(aocgutter.png); margin-top:180px; margin-left:160px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:357px; height:76px; position:relative; float:left; background-image:url(foggingdisinfectionlogo.png); margin-top:225px; margin-left:130px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:280px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:337px; height:104px; position:relative; float:left; background-image:url(pinnacleprop2022.png); margin-top:380px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:2090px; position:relative; float:left; } .latestnews2022 { width:1300px; height:1750px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .successstoriesholder { width:1400px; height:auto; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .homeheader9 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:90px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:25%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:18pt;} .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:70px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader12nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader22nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader32nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader42nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader5 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader52nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader6 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader62nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader7 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader72nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader8 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader82nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader9 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader92nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader10 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader102nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader11 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader112nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader12 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader122nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage403rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage413rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } } /* large Screen ----------- */ @media only screen and (min-width : 1500px) { .quickquotebar { width:100%; height:44px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:8px; position:relative; float:left; display:block; } .topholderdesk1{ width:100%; height:205px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#1C1C1C; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#111111; } .topholder{ width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1200px; height:41px; position:relative; background-color:#111111; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatordivider {width:100%; margin-left:0px; margin-top:0px; background-color:#009797; height:4px; position:relative; float:left; display:block; } .footerdivider {width:100%; margin-left:0px; margin-top:0px; background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; } .desklogo2023 {width:100%; margin-left:0px; margin-top:25px; height:161px; position:relative; float:left; background-image:url("desklogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .followusandsocialmediaholder2023 {width:100%; top:10px; height:190px; position:absolute; } .followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:150px; margin-top:10px; } .followusrow {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left; } .followusholder2 {width:400px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; } .followusheader {width:217px; margin-left:110px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("followus2.jpg"); background-position: center center; background-repeat: no-repeat; display: block;} .callusheader {width:258px; margin-left:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("callusheader2.jpg"); background-position: center center; background-repeat: no-repeat; } .fbdesk {width:16px; margin-right:5px; margin-top:10px; height:25px; position:relative; float:right; background-image:url("fbdesk.jpg"); background-position: center center; background-repeat: no-repeat; } .instadesk {width:25px; margin-left:15px; margin-right:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("instadesk.jpg"); background-position: center center; background-repeat: no-repeat; } .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:580px; position:relative; float:left;} #example { height: 580px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { display:none !important; } .infoBlock9mob { display:none !important; } .infoBlock10mob { display:none !important; } .infoBlock11mob { display:none !important; } .infoBlock12mob { display:none !important; } .infoBlock13mob { display:none !important; } .infoBlock { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock2 { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; background-image:url(housemob2.png); overflow: hidden; z-index: 1002; } .infoBlock3 { position: absolute; right:0; left: 0; margin-top:0px; margin-left: auto; margin-right: auto; width:1500px; height:580px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock6 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock7 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock8 { width:100%; left:0px; top:60px; height: 108px; position:absolute; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock9 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock14 { width:445px; left:10px; top:0px; height: 580px; position:absolute; overflow: hidden; opacity: 1; z-index: 1002; } .infoBlock13 { width:100%; left:0px; top:40px; height: 146px; position:absolute; background-image:url("galleryintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock16 { width:100%; left:0px; top:60px; height: 99px; position:absolute; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock11 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock15 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock12 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:455px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock122 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:430px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .duluxrotator {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest2nd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image1largest2nd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionholdernew2020 { width:1500px; height:550px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder3 { width:745px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtholder4 { width:730px; height:auto; position:relative; margin-left:750px; z-index:1; margin-top:48px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; margin-top:19px; position:relative; height:32px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader3 {width:100%; margin-left:0px; margin-top:23px; position:relative; height:83px; background-image:url("homeheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader4 {width:100%; margin-left:0px; margin-top:18px; position:relative; height:32px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader5 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:17px; position:relative; height:32px; background-image:url("homeheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader8 {width:100%; margin-left:0px; margin-top:17px; position:relative; height:32px; background-image:url("homeheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader11 {width:100%; margin-left:0px; margin-top:14px; position:relative; height:32px; background-image:url("homeheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homegiftcategoriessection2 {width:100%; margin-left:0px; margin-top:0px; background-color:#EB7EAF; height:1320px; position:relative; float:left;} .homegiftcategoriesholder2 { width:1500px; height:132px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footersection{ width:100%; height:230px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:1500px; height:230px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo { width:360px; height:114px; position:relative; display:block; margin-left:10px; background-image:url("footerlogo.jpg"); z-index:1; margin-top:38px; float:left; } .footerlinks {width:500px; position:relative; float:left; height:auto; margin-top:64px; margin-left:140px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { width:338px; height:33px; position:relative; margin-right:10px; background-image:url(footercheckatrade.jpg); z-index:1; margin-top:80px; float:right; display:block; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image1largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image4largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image7largest2nd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image9latest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image10largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image11largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image12largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introdetailssection {width:445px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introdetailssection2 {width:465px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introbusiness2 { width:100%; height:100px; position:relative; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness3 { width:100%; height:100px; position:relative; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness4 { width:100%; height:99px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness6 { width:100%; height:100px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness7 { width:100%; height:100px; position:relative; background-image:url("portfoliomain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness8 { width:100%; height:100px; position:relative; background-image:url("softwaremain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness9 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness10 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness11 { width:100%; height:100px; position:relative; background-image:url("latestmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness12 { width:100%; height:38px; position:relative; background-image:url("casesmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:102px; } .introdescription {width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:0px; } .introbelowdetails {width:100%; margin-left:0px; margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; display:block; } .topimagetxtholder { width:1500px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; margin-top:0px; } .homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center; } .aboutlink {width:150px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .emailslink { width:160px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .portfoliolink {width:100px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .onlinelink {width:178px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .leadlink {width:102px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .contactlink {width:85px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .boxheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage12nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:660px; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage32nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:660px; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage42nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:730px; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage52nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:530px; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage62nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:700px; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage72nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left; } .fade-element300 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage3002nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:660px; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage112nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage122nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage132nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage142nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage152nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:0px; width:670px; margin-left:800px; text-align:center; margin-top:75px; height:580px; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; } .cleanersinsuranceintro2 {width:560px; margin-left:55px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color: #ffffff; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:500; text-align:left;} textarea { width: 80%; height: 90px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 11px; resize: none; margin-top:10px; color: #ffffff; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:260px; margin-left:0px; margin-top:5px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:260px; margin-left:30px; margin-top:5px; ; height:auto; position:relative; float:left;} .contactformdesk { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .homeheader20233 { width:100%; height:38px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader20233.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:10px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtdesk5 {width:220px; margin-left:235px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .hometxtdesk6 {width:280px; margin-left:0px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .serviceslistmob { display: none;} .hometxtholder400 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt20242 {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:32px; background-image:url("gakpoheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:75px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:750px; margin-left:30px; margin-right:0px; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:459px; margin-left:130px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:583px; margin-left:60px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:4050px; position:relative; float:left; } .latestnews { width:1500px; height:4050px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:750px; position:relative; float:left; height:auto; margin-top:0px; margin-left:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .pinnaclelogo {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:190px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:223px; height:212px; position:relative; float:left; background-image:url(perfectpiglogo.png); margin-top:20px; margin-left:260px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:355px; height:213px; position:relative; float:left; background-image:url(aoclogo.png); margin-top:40px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:280px; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); margin-top:90px; margin-left:240px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:377px; height:84px; position:relative; float:left; background-image:url(jdlogo.png); margin-top:170px; margin-left:190px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:20pt;} .aocgutterlogo {width:280px; height:166px; position:relative; float:left; background-image:url(aocgutter.png); margin-top:180px; margin-left:210px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:357px; height:76px; position:relative; float:left; background-image:url(foggingdisinfectionlogo.png); margin-top:225px; margin-left:190px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:280px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:337px; height:104px; position:relative; float:left; background-image:url(pinnacleprop2022.png); margin-top:380px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:1750px; position:relative; float:left; } .latestnews2022 { width:1500px; height:1750px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .successstoriesholder { width:1500px; height:auto; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .homeheader9 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:90px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:25%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:18pt;} .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:70px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader5 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader5.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader6 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader6.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader7 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader7.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader8 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader8.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader9 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader9.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader10 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader10.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader11 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader11.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader12 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader12.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage402nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:630px; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage412nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:580px; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } } /* large Screen ----------- */ @media only screen and (min-width : 1700px) { .quickquotebar { width:100%; height:44px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#111111; } .quickquotebartxt {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:12px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#009797; text-align:center;} .rotatordivider2 {width:100%; margin-left:0px; margin-top:0px; background-color:#8cc63f; height:8px; position:relative; float:left; display:block; } .topholderdesk1{ width:100%; height:205px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; z-index:1; top:0px; background-color:#1C1C1C; } .topbardesk2023{ width:100%; height:4px; position:relative; float: left; text-align:center; margin-left:0px; margin-top:0px; display:block; top:0px; background-color:#111111; } .topholder{ width:1700px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; } .linksmain {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:41px; position:relative; float:left; display:block; } .linksmain2020holder { width:1200px; height:41px; position:relative; background-color:#111111; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .rotatordivider {width:100%; margin-left:0px; margin-top:0px; background-color:#009797; height:4px; position:relative; float:left; display:block; } .footerdivider {width:100%; margin-left:0px; margin-top:0px; background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; } .desklogo2023 {width:100%; margin-left:0px; margin-top:25px; height:161px; position:relative; float:left; background-image:url("desklogo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .followusandsocialmediaholder2023 {width:100%; top:10px; height:190px; position:absolute; } .followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:150px; margin-top:10px; } .followusrow {width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left; } .followusholder2 {width:400px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; } .followusheader {width:217px; margin-left:110px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("followus2.jpg"); background-position: center center; background-repeat: no-repeat; display: block;} .callusheader {width:258px; margin-left:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("callusheader2.jpg"); background-position: center center; background-repeat: no-repeat; } .fbdesk {width:16px; margin-right:5px; margin-top:10px; height:25px; position:relative; float:right; background-image:url("fbdesk.jpg"); background-position: center center; background-repeat: no-repeat; } .instadesk {width:25px; margin-left:15px; margin-right:0px; margin-top:10px; height:25px; position:relative; float:left; background-image:url("instadesk.jpg"); background-position: center center; background-repeat: no-repeat; } .mainpresentation {width:100%; margin-left:0px; margin-top:0px; height:580px; position:relative; float:left;} #example { height: 580px; margin-top: 0; position:relative; float:left; } .infoBlock8mob { display:none !important; } .infoBlock9mob { display:none !important; } .infoBlock10mob { display:none !important; } .infoBlock11mob { display:none !important; } .infoBlock12mob { display:none !important; } .infoBlock13mob { display:none !important; } .infoBlock { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock2 { position: absolute; right:0; left: 0; margin-top:194px; margin-left: auto; margin-right: auto; width:260px; height:156px; padding-bottom: 0; background-image:url(housemob2.png); overflow: hidden; z-index: 1002; } .infoBlock3 { position: absolute; right:0; left: 0; margin-top:0px; margin-left: auto; margin-right: auto; width:1700px; height:580px; padding-bottom: 0; overflow: hidden; z-index: 1002; } .infoBlock6 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock7 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock8 { width:100%; left:0px; top:60px; height: 108px; position:absolute; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock9 { width:100%; left:0px; top:60px; height: 100px; position:absolute; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock14 { width:445px; left:10px; top:0px; height: 600px; position:absolute; overflow: hidden; opacity: 1; z-index: 1002; } .infoBlock13 { width:100%; left:0px; top:40px; height: 146px; position:absolute; background-image:url("galleryintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock16 { width:100%; left:0px; top:60px; height: 99px; position:absolute; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock11 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock15 { width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:177px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 10000000000000000000000000000000002; } .infoBlock12 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:455px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .infoBlock122 { width:100%; margin-left:0%; margin-right:0%; height:auto; position:absolute; left:0px; font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center; top:430px; margin-bottom:0px; overflow: hidden; opacity: 0; z-index: 1002; } .duluxrotator {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .slideimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .slideimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image1largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .homesectionholdernew2020 { width:1700px; height:550px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder3 { width:840px; height:auto; position:relative; margin-left:20px; z-index:1; margin-top:30px; float:left; display:block; } .hometxtholder4 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;} .homeheader2 {width:100%; margin-left:0px; margin-top:12px; position:relative; height:32px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader3 {width:100%; margin-left:0px; margin-top:19px; position:relative; height:83px; background-image:url("homeheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader4 {width:100%; margin-left:0px; margin-top:16px; position:relative; height:32px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader5 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader500 {width:100%; margin-left:0px; margin-top:27px; position:relative; height:32px; background-image:url("homeheader500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader6 {width:100%; margin-left:0px; margin-top:14px; position:relative; height:32px; background-image:url("homeheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader7 {width:100%; margin-left:0px; margin-top:14px; position:relative; height:32px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader8 {width:100%; margin-left:0px; margin-top:12px; position:relative; height:32px; background-image:url("homeheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader11 {width:100%; margin-left:0px; margin-top:10px; position:relative; height:32px; background-image:url("homeheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homesectionholdernew20202 { width:1700px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxtholder44 { width:820px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:42px; float:left; display:block; } .hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .midnighttxt2 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .homegiftcategoriessection2 {width:100%; margin-left:0px; margin-top:0px; background-color:#EB7EAF; height:1320px; position:relative; float:left;} .homegiftcategoriesholder2 { width:1700px; height:132px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footersection{ width:100%; height:230px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-color:#111111; z-index:1; margin-top:0px; } .footerholder{ width:1700px; height:230px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .footerlogo { width:360px; height:114px; position:relative; display:block; margin-left:10px; background-image:url("footerlogo.jpg"); z-index:1; margin-top:38px; float:left; } .footerlinks {width:500px; position:relative; float:left; height:auto; margin-top:64px; margin-left:240px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .footercheckatrade { width:338px; height:33px; position:relative; margin-right:10px; background-image:url(footercheckatrade.jpg); z-index:1; margin-top:80px; float:right; display:block; } .topimage1 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image5largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage2 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image2largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage3 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image1largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage4 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage5 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image4largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage6 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image2largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage7 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url(image7largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage9 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image9latest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage10 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image10largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage11 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image11largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .topimage12 {width:100%; margin-left:0px; margin-top:0px; z-index:1; height:580px; position:relative; float:left; background-image:url("image12largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;} .introdetailssection {width:445px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introdetailssection2 {width:465px; margin-left:10px; margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; } .introbusiness2 { width:100%; height:100px; position:relative; background-image:url("aboutintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness3 { width:100%; height:100px; position:relative; background-image:url("menuintro.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness4 { width:100%; height:99px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness6 { width:100%; height:100px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness7 { width:100%; height:100px; position:relative; background-image:url("portfoliomain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness8 { width:100%; height:100px; position:relative; background-image:url("softwaremain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness9 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness10 { width:100%; height:99px; position:relative; background-image:url("leadmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness11 { width:100%; height:100px; position:relative; background-image:url("latestmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:62px; } .introbusiness12 { width:100%; height:38px; position:relative; background-image:url("casesmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block; margin-top:102px; } .introdescription {width:90%; margin-left:5%; margin-right:5%; height:auto; position:relative; float: left; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:0px; } .introbelowdetails {width:100%; margin-left:0px; margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; display:block; } .topimagetxtholder { width:1700px; height:580px; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; margin-top:0px; } .homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center; } .aboutlink {width:150px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .emailslink { width:160px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .portfoliolink {width:100px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .onlinelink {width:178px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .leadlink {width:102px; margin-left:59px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .contactlink {width:85px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;} .fade-element10 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element10.visible { opacity: 1; transform: translateY(0); } .fade-element11 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element11.visible { opacity: 1; transform: translateY(0); } .fade-element12 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element12.visible { opacity: 1; transform: translateY(0); } .boxheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .boxheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("boxheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:342px; float:left; } .fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:620px; position:relative; float:left; } .fade-element7 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:640px; position:relative; float:left; } .fade-element6 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:690px; position:relative; float:left; } .fade-element5 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:530px; position:relative; float:left; } .fade-element4 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:690px; position:relative; float:left; } .fade-element3 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:640px; position:relative; float:left; } .fade-element300 { width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage300.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:640px; position:relative; float:left; } .fade-element2 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element2.visible { opacity: 7; transform: translateY(0); } .fade-element1 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element1.visible { opacity: 7; transform: translateY(0); } .fade-element13 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element13.visible { opacity: 7; transform: translateY(0); } .fade-element14 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage14.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element14.visible { opacity: 7; transform: translateY(0); } .fade-element15 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage15.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left; } .fade-element15.visible { opacity: 7; transform: translateY(0); } .fade-element16 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-color:#212121; height:auto; position:relative; float:left; } .fade-element16.visible { opacity: 7; transform: translateY(0); } .fade-element17 { width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left; } .fade-element18 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element18.visible { opacity: 1; transform: translateY(0); } .fade-element19 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element19.visible { opacity: 1; transform: translateY(0); } .fade-element20 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element20.visible { opacity: 1; transform: translateY(0); } .fade-element21 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element21.visible { opacity: 1; transform: translateY(0); } .fade-element22 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element22.visible { opacity: 1; transform: translateY(0); } .fade-element23 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element23.visible { opacity: 1; transform: translateY(0); } .fade-element24 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element24.visible { opacity: 1; transform: translateY(0); } .fade-element25 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element25.visible { opacity: 1; transform: translateY(0); } .fade-element26 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element26.visible { opacity: 1; transform: translateY(0); } .fade-element27 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element27.visible { opacity: 1; transform: translateY(0); } .fade-element28 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:34%; margin-left:0px; margin-top:0px; background-image:url("port11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element28.visible { opacity: 1; transform: translateY(0); } .fade-element29 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:33%; margin-left:0px; margin-top:0px; background-image:url("port12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; } .fade-element29.visible { opacity: 1; transform: translateY(0); } .producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;} .introcontent16 {position:relative; display:block; float:left; margin-bottom:0px; width:670px; margin-left:970px; text-align:center; margin-top:75px; height:580px; z-index:100000000; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; border-width:3px; border-color:#009797; border-style:solid; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -khtml-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background-color:#1C1C1C; } .cleanersinsuranceintro2 {width:560px; margin-left:55px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:left;} input[type=text], select { width: 100%; height:30px; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 3px solid #009797; border-radius: 4px; box-sizing: border-box; background-color:#1C1C1C; color: #ffffff; } .formname {width:100%; position:relative; margin-bottom:0px; float:left; height:auto; margin-left:0%; margin-right:0; margin-top:10px; font-size:12pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; font-weight:500; text-align:left;} textarea { width: 80%; height: 90px; padding: 12px 20px; box-sizing: border-box; border: 3px solid #009797; border-radius: 4px; background-color:#1C1C1C; font-size: 11px; resize: none; margin-top:10px; color: #ffffff; } .submitbuttonholder {width:100%; margin-left:0px; margin-top:10px; ; height:auto; position:relative; float:left;} .formoptionsholder {width:260px; margin-left:0px; margin-top:5px; ; height:auto; position:relative; float:left;} .formoptionsholder2 {width:260px; margin-left:30px; margin-top:5px; ; height:auto; position:relative; float:left;} .contactformdesk { width:100%; height:auto; position:relative; margin-left:0px; z-index:1; margin-top:0px; float:left; display:block; } .homeheader20233 { width:100%; height:38px; position:relative; text-align:center; float:left; margin-left:0px; display:block; background-image:url("homeheader20233.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:20px; } .homesectionnew20254 {width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left;} .homesectionnew20255 {width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left;} .homesectionnew20256 {width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage14.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left;} .homesectionnew20257 {width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage15.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:750px; position:relative; float:left;} .hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .hometxtholder42025 { width:100%; height:auto; position:relative; margin-left:10px; z-index:1; margin-top:25px; float:left; display:block; } .hometxtdesk5 {width:220px; margin-left:235px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .hometxtdesk6 {width:280px; margin-left:0px; margin-top:0px; margin-bottom:0px; height:auto; position:relative; z-index:1; float:left; font-family: 'Poppins', sans-serif; color:#111111; font-size:10pt; text-align: left;} .serviceslistmob { display: none;} .hometxtholder400 { width:780px; height:auto; position:relative; margin-left:850px; z-index:1; margin-top:48px; float:left; display:block; } .homesectionnewgrav20242 {width:100%; margin-left:0px; margin-top:0px; background-color:#111111; height:auto; position:relative; float:left;} .homesectionholdernew2027 { width:1500px; height:auto; position:relative; text-align:center; margin-left:auto; margin-right:auto; display:block; z-index:1; margin-top:0px; float:none; } .hometxt20242 {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .companysection1 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left;} .companysection2 {width:100%; margin-left:0px; margin-top:20px; height:450px; position:relative; float:left; margin-bottom:60px;} .companyhead1 { font-family: 'Poppins', sans-serif; font-weight:500; color:#8cc63f; text-align:center; font-size:16pt;} .gakpo10 {width:100%; margin-left:0px; position:relative; height:32px; background-image:url("gakpoheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:75px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companytxt1 {width:750px; margin-left:30px; margin-right:0px; margin-top:35px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center; height:auto; position:relative; float:left;} .companylogo1 {width:459px; margin-left:130px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .companylogo2 {width:583px; margin-left:60px; margin-right:0px; position:relative; height:141px; background-image:url("gakpologo2.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:110px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } a.postcodelinks2:link {text-decoration:none; color:#8cc63f; } a.postcodelinks2:visited {text-decoration:none; color:#8cc63f; } a.postcodelinks2:hover {text-decoration:none; color:#8cc63f; } a.postcodelinks2:active {text-decoration:none; color:#8cc63f; } .latestnewsholder {width:100%; margin-top:0px; background-color:#212121; height:4050px; position:relative; float:left; } .latestnews { width:1500px; height:4050px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .latestnewsheader {width:100%; margin-top:0px; background-color:#212121; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .project1 {width:100%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .project2 {width:100%; position:relative; float:left; height:auto; margin-top:40px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .projecttxt {width:750px; position:relative; float:left; height:auto; margin-top:0px; margin-left:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .pinnaclelogo {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:190px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .perfectpiglogo {width:223px; height:212px; position:relative; float:left; background-image:url(perfectpiglogo.png); margin-top:20px; margin-left:260px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .aoclogo {width:355px; height:213px; position:relative; float:left; background-image:url(aoclogo.png); margin-top:40px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .innovatelogo {width:280px; height:148px; position:relative; float:left; background-image:url(innovatelogo.png); margin-top:90px; margin-left:240px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .jdlogo {width:377px; height:84px; position:relative; float:left; background-image:url(jdlogo.png); margin-top:170px; margin-left:190px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} h1 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h2 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:30pt;} h3 { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:20pt;} .aocgutterlogo {width:280px; height:166px; position:relative; float:left; background-image:url(aocgutter.png); margin-top:180px; margin-left:210px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .fogginglogo {width:357px; height:76px; position:relative; float:left; background-image:url(foggingdisinfectionlogo.png); margin-top:225px; margin-left:190px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .casestudiesheader {width:94%; margin-left:3%; margin-right:3%; margin-top:0px; background-color:#222222; height:auto; position:relative; text-align:center; float:left; font-size:10pt; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; } .pinnaclelogo2022 {width:337px; height:103px; position:relative; float:left; background-image:url(pinnaclelogo.png); margin-top:280px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .pinnaclelogo20222 {width:337px; height:104px; position:relative; float:left; background-image:url(pinnacleprop2022.png); margin-top:380px; margin-left:200px; font-size:10pt; font-family: 'PT Sans', sans-serif; color:#222222; text-align:left;} .latestnewsholder2022 {width:100%; margin-top:0px; background-color:#212121; height:1750px; position:relative; float:left; } .latestnews2022 { width:1500px; height:1750px; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .successstoriesholder { width:1500px; height:auto; position:relative; margin-left:auto; margin-right:auto; z-index:1; margin-top:0px; float:none;} .homeheader9 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .homeheader10 {width:100%; margin-left:0px; margin-top:70px; position:relative; height:32px; background-image:url("homeheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; } .successtxt {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successboxes {width:100%; margin-top:40px; margin-bottom:90px; background-color:#212121; height:auto; position:relative; float:left; } .successbox {width:25%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successimages {width:100%; margin-top:0px; margin-bottom:0px; background-color:#212121; height:auto; position:relative; float:left; } .successicon1 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon2 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon3 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successicon4 {width:100%; margin-left:0px; position:relative; height:160px; background-image:url("successicon4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:20px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; } .successtxt2 {width:90%; margin-left:5%; margin-right:5%; position:relative; float:left; height:auto; margin-top:10px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .successheaders { font-family: "Montserrat", sans-serif; font-weight:700; color:#009797; text-align:center; font-size:18pt;} .portfoliotxt {width:90%; margin-left:5%; margin-right:5%; margin-bottom:70px; position:relative; float:left; height:auto; margin-top:30px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;} .portheader1 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader2 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader3 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader4 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader5 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader5.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader6 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader6.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:340px; float:left; } .portheader7 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader7.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader8 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader8.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader9 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader9.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader10 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader10.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .portheader11 { width:100%; height:87px; position:relative; display:block; margin-left:0px; background-image:url("portheader11.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:330px; float:left; } .portheader12 { width:100%; height:125px; position:relative; display:block; margin-left:0px; background-image:url("portheader12.png"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:300px; float:left; } .fade-element40 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage40.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:630px; position:relative; float:left; } .fade-element40.visible { opacity: 7; transform: translateY(0); } .hometxt44 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:25px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:left;} .fade-element41 { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage41.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:580px; position:relative; float:left; } .fade-element41.visible { opacity: 7; transform: translateY(0); } }