/* Minification failed. Returning unminified contents.
(119,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@import url("styles/nav.css");
@import url("styles/btn.css");

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?subset_id=2&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/l?subset_id=2&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/d?subset_id=2&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/a?subset_id=2&fvd=n3&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/0c71d1/000000000000000000010097/27/l?subset_id=2&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/0c71d1/000000000000000000010097/27/d?subset_id=2&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/0c71d1/000000000000000000010097/27/a?subset_id=2&fvd=n8&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 800; font-stretch: normal; }

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?subset_id=2&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; }

@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; }

@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; font-stretch: normal; }

@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }

@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; font-stretch: normal; }

@font-face { font-family: "futura-pt-bold"; src: url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; }

@font-face { font-family: "futura-pt-bold"; src: url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; font-stretch: normal; }

.tk-futura-pt { font-family: "futura-pt",sans-serif; }
.tk-futura-pt-condensed { font-family: "futura-pt-condensed",sans-serif; }
.tk-futura-pt-bold { font-family: "futura-pt-bold",sans-serif; }

.g-recaptcha div { margin-top: -17px; margin-left: -1px; }

.g-recaptcha div, .g-recaptcha { height: 40px !important; width: 236px !important; border-radius: 3px; }

.g-recaptcha { height: 40px; overflow: hidden; position: relative; border: 1px solid #cbcbcb; background-color: #f9f9f9; margin: 10px auto 0 auto; }

@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontawesome-webfont.ttf') format('truetype'),url('fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
html { -webkit-font-smoothing: antialiased; }
body { font-family: futura-pt, sans-serif; font-weight: 400; position: relative; font-style: normal; overflow-x: hidden; font-size: 0.8em; color: #000; /* padding-left: 100px; */ background-color: #fff; margin: -8px; /* padding:0; */ -webkit-text-size-adjust: 100%; /* border-top: 2px solid #88ac3e; */ }
img { border: 0; max-width: 100%; height: auto; display: block; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"] { -webkit-appearance: none; padding: 0 0 0 10px; }
input[type="submit"] { cursor: pointer; -webkit-appearance: none; }
textarea { display: block; }
textarea#BusinessDetails { font-family: 'Roboto', sans-serif; height: 120px; }
h1 { color: #f7b5a4; font-size: 2.3em; font-weight: 700; }
h2 { margin: 10px 0 10px 0; color: #fff; font-size: 2.3em; font-weight: normal; }
h3 { margin: 10px 0 10px 0; color: #fff; font-size: 1.5em; font-weight: normal; }

.h2ourservices h3 { padding: 6px; color: #fff; text-align: center; font-weight: 500; padding-top: 0px; padding-bottom: 20px; }

.mywork1 { background-image: url("images/ShazaImg6.jpg"); height: 400Px; width: 400px; background-position: center; background-repeat: no-repeat; margin-top: 70px; }
.mywork2 { background-image: url("images/ShazaImg5.jpg"); height: 400Px; width: 400px; background-position: center; background-repeat: no-repeat; margin-top: 70px; }
.mywork3 { background-image: url("images/ShazaImg3.jpg"); height: 400Px; width: 400px; background-position: center; background-repeat: no-repeat; margin-top: 70px; }
.mywork4 { background-image: url("images/ShazaImg4.jpg"); height: 400Px; width: 400px; background-position: center; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 50px; }
.mywork5 { background-image: url("images/ShazaImg2.jpg"); height: 400Px; width: 400px; background-position: center; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 50px; }
.mywork6 { background-image: url("images/ShazaImg1.jpg"); height: 400Px; width: 400px; background-position: center; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 50px; }

/* Small Pages */
.terms h2 { color: #f7b5a4 }
/* pinkbackground */
.pinkbackground { background-color: #f7b5a4; margin-top: -5px; }
.tealbackground { background-color: #619897; margin-top: -5px; }
.backgroundblue { background-color: #619897; }
/* Homepage */
.top span { color: #fff; }
.wave { height: 100px; }
.wave.tp { background-position: bottom left; background-image: url("images/Layer1.svg"); height: 112px; background-repeat-y: no-repeat; background-position-y: initial; }
.wave.btm { background-image: url("images/Layer2.svg"); height: 88px; background-repeat-y: no-repeat; background-color: #F7B5A4; background-position: center bottom; }
#borderimg1 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/Layer1.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
#borderimg2 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/Layer2.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
#borderimg3 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/top-paint.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
#borderimg4 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/bottom-paint.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
.desktop4 { background-image: url("images/desktop-04.jpg"); height: 67px; }

.h2ourservices h2 { color: #619897; text-align: center; font-weight: 600; padding-top: 60px; padding-bottom: 50px; }
.home-text { position: absolute; /* width: 100%; */ top: 50%; transform: translateY(-50%); }
.banner-text { font-size: 2em; /* text-align: center; */ color: #fff; font-weight: normal; margin-top: 10px; }
.banner-text.tt a { color: #fff; }
.homepainting { padding-top: 45px; padding-bottom: 20px; }
.homepainting p { font-size: 1.4em; padding-bottom: 0px; }
.homepainting .btn { max-width: 200px; font-weight: 700; font-size: 1.4em; }
.homepainting h2 { color: #f7b5a4; }
.homepainting span { font-size: 1.1em; color: grey; }






/*Button Style*/


.banner { background-position: center; }
.banner.home { background-image: url(images/banners/home.jpg); background-position: center bottom; }
.banner.about { background-image: url(images/banners/about.jpg); background-position: center bottom; }
.banner.painting { background-image: url(images/banners/painting.jpg); background-position: center bottom; }
.banner.commerical { background-image: url(images/banners/commerical.jpg); background-position: center bottom; }
.banner.feature { background-image: url(images/banners/feature.jpg); background-position: center bottom; }
.banner.decorating { background-image: url(images/banners/decorating.jpg); background-position: center bottom; }





.banner.contact { background-image: url(images/backgroundimg.jpg); }
.banner .inner { min-height: 850px; position: relative; }

.banner .banner-form { width: 100%; padding: 15px; max-width: 520px; border-radius: 10px; background-color: #619897; position: absolute; right: 0px; bottom: -34px;; height: 705px; color: #fff; /* margin-top: 64px; */ top: 210px; }
.banner .banner-form .form { max-width: 390px; margin: 0 auto; }

.banner.terms { background-image: url(images/banners/home.jpg); min-height: 300px; background-position: center bottom; }
.banner.terms .inner { min-height: 10px; }
.banner.terms .inner .home-text { position: static; transform: none; margin-top: 130px; padding-bottom: 60px; }
.banner.terms p { color: #fff; ) }

.banner.home .banner-form { background-color: #f7b5a4; color: #000; }
.banner.home .banner-form .editor-label label { color: #000; }
.banner.home .btn.pink { background-color: #619897; }
.banner.home .btn.pink:hover { background-color: #fff; color: #f7b5a4; }

/* Home video */


/* About */

.tiles h2 { color: #333; }

/* headers */

.home-text h1 { font-size: 3em; /* text-align: center; */ color: #fff; font-weight: 700; padding-top: 190px; max-width: 50%; margin-bottom: 10px; }
.home-text .home-heading { }
.banner-text { font-size: 1.4em; /* text-align: center; */ color: #fff; font-weight: 300; max-width: 50%; }
.home-text .heading-border { padding: 25px; border: 1px solid #fff; position: relative; margin: 95px; }
.RPhomepage h1 { color: #619897; text-align: center; }







/* Mobile screens and Mini Tablets */






* { -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: background-color .1s linear, color .1s, transform .1s ease-in-out, max-height 0.1s ease-in-out, opacity .2s ease-in-out; }
.homeleft { }
.navmove { /* padding-right: 61px!important; */ }
.contactbutton { background-color: #619897; text-align: center; width: 162px; font-size: 1.8em; /* background-color: #04AA6D; */ border: none; color: white; padding: 15px; text-align: center; text-decoration: none; display: inline-block; border-radius: 12px; /* font-size: 16px; */ /* margin: 4px 2px; */ /* height: 17px; */ }
.popform { height: 645px; width: 520px; background-color: #f7b5a4; }

.footerbtm { background-color: #619897; }

/*A Hover Visited Active Focus Styles */
a { text-decoration: none; color: #fff; }
.download { text-align: center; background-color: #fff; border: 1px solid #fff; display: block; width: 100%; color: #fff; height: 40px; line-height: 40px; max-width: 300px; font-size: 1.25em; margin: 20px auto; }
.download.ss { font-size: 1em; }
.download:hover { color: #fff; background-color: #fff; }
.masthead { padding: 0px 0; position: relative; /* overflow: hidden; */ background-size: cover; z-index: 10; background-repeat: no-repeat; }
.masthead .container.top { position: relative; z-index: 8; padding-top: 15px; min-height: 126px; }
#headerright { text-align: right; font-size: 1.25em; }
#content { min-height: 500px; overflow: hidden; }
.phone-icon, .menuicon { display: none; }
.phone-icon a { display: block; width: 21px; height: 20px; font-size: 1.9em; font-weight: normal; }

.sitemap ul.sitemap-sm { list-style: none; padding-left: 5px; }
.sitemap ul li a { font-size: 1.3em; color: #619897; }
.sitemap ul li.split { float: left; width: 20%; padding: 10px 2% 0 0; }
.sitemap ul li.split ul { padding-top: 15px; list-style: circle; }
.sitemap ul li.split ul li a { color: #818285; font-size: 1.2em; }
.sitemap ul li.clear { list-style: none; float: none; }

.footer { padding-top: 50px; padding-bottom: 50px; background-color: #f7b5a4; color: #333; font-size: 1.1em; }
.footer h3 { font-weight: 400; font-size: 1.75em; }
.footer a { color: #fff; font-weight: bold; }
.footer a.sitemap-link { font-weight: 300; }
.footer #col1 a { font-weight: bold; }
.footer .socialbtns .fa { margin-top: 20px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 2em; margin-right: 15px; color: #fff; }
.footer .legal { padding-bottom: 20px; font-size: 0.95em; }
.footer #col1 .legal a { font-weight: 400; }
.footer #col1 .socialbtns a:hover i { background-color: transparent; color: #fff; }
.footer #col1 img { display: block; }
.footer #col1 .callinfo { margin: 8px 0 15px; font-size: 1.2em; padding-top: 20px; }
.footer #col1 em { font-size: 0.85em; display: block; max-width: 280px; }
.footer .sub { font-weight: bold; font-size: 1em; margin-bottom: 10px; }
.footer .sub i { border: none; font-size: 1.7em; margin-right: 10px; display: none; }
.footer .opentimes { margin: 15px 0px; min-height: 45px; }
.btmfoot { margin: 30px 0 20px 0; font-size: 1em; color: #fff; }
.btmfoot span { float: right; }

.home-heading .roundel { position: absolute; top: 50px; right: 0; width: 180px; height: 180px; background-color: #fff; color: #fff; text-align: center; border-radius: 50%; font-size: 1.1em; line-height: 1.3; }
.home-heading .roundel .closed-text { display: block; position: absolute; top: 50%; left: 0; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); padding: 20px; width: 100%; font-weight: 600; }
.home-heading .roundel .closed-text span { font-size: 1.3em; }

.OK { padding: 10px; border: 1px solid #339933; color: #339933; background-color: #eeffee; margin: 10px 0; }
.KO { padding: 10px; border: 1px solid #993333; color: #993333; background-color: #ffeeee; margin: 10px 0; }
.Generic { padding: 10px; border: 1px solid #333; color: #333; background-color: #ccc; margin: 10px 0; }

.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #729bef; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.lazy { position: relative; min-height: 80px; padding-bottom: 50%; background-color: #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lazy noscript img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin: 0 !important; padding: 0 !important; }
.background-lazy { position: relative; background-color: transparent; background-image: none !important; }
.background-lazy:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

@-ms-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}


/* Small Pages */
.terms h2 { color: #f7b5a4 }

/* pinkbackground */


.backgroundblue { height: 400px; background-color: #619897; margin-top: -5px; }

/* Homepage */

.wave { height: 100px; }
.wave.tp { background-position: bottom left; background-image: url("images/Layer1.svg"); height: 112px; background-repeat-y: no-repeat; background-position: top fixed; background-position-y: initial; }
.wave.btm { background-image: url("images/Layer2.svg"); height: 88px; background-repeat: no-repeat; background-color: #F7B5A4; background-position: center bottom; background-position-y: initial; background-size: cover; }

.paintwave { height: 140px; }
.paintwave.tp { background-position: bottom left; background-image: url("images/top-paint.svg"); height: 112px; background-repeat-y: no-repeat; background-position: top fixed; background-position-y: initial; }
.paintwave.btm { background-image: url("images/btm-paint.svg"); /* height: 88px; */ background-repeat: no-repeat; /* background-color: #F7B5A4; */ background-position: center bottom; background-position-y: initial; background-size: cover; }

.paintwaveteal { height: 140px; }
.paintwaveteal.tp { background-position: bottom left; background-image: url("images/top-paint-teal.svg"); height: 112px; background-repeat-y: no-repeat; background-position: top fixed; background-position-y: initial; }
.paintwaveteal.btm { background-image: url("images/btm-paint-teal.svg"); /* height: 88px; */ background-repeat-y: no-repeat; /* background-color: #F7B5A4; */ background-position: center bottom; background-position-y: initial; margin-top: -5px; }


.whychoose .inner { padding: 0 15px; }

.WCSHome { font-size: 1.4em; padding: 51px 0px; }
.WCSHome h2 { color: #f7b5a4 }



#borderimg1 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/Layer1.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
#borderimg2 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/Layer2.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
#borderimg3 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/top-paint.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }
#borderimg4 { border: 15px solid transparent; padding: 15px; border-image-source: url("images/bottom-paint.svg"); border-image-repeat: repeat; border-image-slice: 30; border-left: none; border-right: none; }

.desktop4 { background-image: url("images/desktop-04.jpg"); height: 67px; }
.desktop3 { padding-top: 60px; }


.servicetitle { max-width: 360px; height: 300px; z-index: 10; background-repeat: no-repeat; background-size: cover; margin: 0 auto 45px; border-radius: 15px; position: relative; background-color: white; background-position: center; display: block; cursor: pointer; }
.servicepainting { background-image: url("images/Painting-services.png"); }
.servicesdecorating { background-image: url("images/dec-service.png"); }
.servicesfeaturewall { background-image: url("images/feature-service.png") }
.servicescommerical { background-image: url("images/commerical-service.png") }

.servicetitle .btn { bottom: 0px; left: 50%; transform: translate(-50%,50%); position: absolute; width: calc(100% - 30px); max-width: 218px; }
.servicetitle:hover .btn { background-color: #fff; color: #619897; }

.homepainting p a { color: #619897 !important; font-weight: 700 !important; }


.h2ourservices h2 { color: #fff; text-align: center; font-weight: 700; padding-top: 0px; padding-bottom: 20px; }

/* Footer */

.footer { color: #fff; }
.footertitles span { font-size: 1.3em; padding: 9px; font-weight: 300; /* max-width: 100%; */ display: block; }
.footertitles { padding-top: 30px; }

/* Footer End */

/* Enquiry Form */

.form { }
.form .section .dw-md-12 { padding-bottom: 15px; }
.form h2 { color: #fff; font-size: 3.2em; font-weight: 700; margin: 0; padding: 0; }
.form .editor-label { padding-bottom: 10px; }
.form .dw-sm-12 { padding-top: 30px; }

.editor-label label { font-weight: 700; color: #fff; }

/* Enquiry Form End */

/*Button Style*/


/* About */
.tiles h2 { color: #333; }

/* General */

/* headers */

/* Contact */
#contactright { padding: 45px; }
#contactright .g-recaptcha { margin: 0; }
#contactright .loading-help .loading-special { width: 100%; }
#contactright .other-contact { padding: 20px; text-align: center; }
#contactright .other-contact div { font-size: 1.3em; }
#contactright .other-contact h2 { color: #fff; }
.contactpage #contactright .greyform.other { padding: 20px; margin-top: 20px; }
.contactpage .text { font-size: 1.2em; font-weight: 300; }
.contactpage .text a { color: #fff; }
#content .contactpage { background-color: #e8e8e8; padding: 10px 0; }
.contactpage .greyform.other { padding: 30px; }
.contactpage .greyform { padding: 40px 55px 40px 55px; }
.contactpage .greyform.other h3 { margin-top: 0; }
.contactpage .greyform.other h2 { color: #fff; text-align: center; }
.contactpage .greyform h3 { margin-bottom: 20px; font-size: 1.6em; color: #fff; font-weight: 600; }
.contactpage .greyform .editor-field { margin-bottom: 20px; }
.contactpage .greyform.design .editor-field { max-width: 400px; margin: 20px auto; }
.contactpage .greyform.design .submit-button { max-width: 400px; margin: 20px auto; }
.contactpage .greyform.design .loading-help .loading-special { margin: 25px auto 0; width: 60%; float: none; }
input[type="text"], input[type="tel"], input[type="email"], select { background-color: #fff; border: 0; height: 40px; width: 100%; padding: 0 0 0 10px; color: #666; border-radius: 3px; }
input#BAddress { height: 80px; }
textarea#BAddress, textarea#Enquiry, textarea#Address { font-family: 'Roboto', sans-serif; }
.dw-md-6 em { font-size: 1.2em; }
textarea { background-color: #fff; border: 0; height: 90px; width: 100%; padding: 10px 0 0 10px; color: #666; border-radius: 3px; font-family: inherit; }
.submit-button { background-color: #fff; height: 40px; line-height: 40px; color: #fff; text-align: center; display: block; width: 100%; margin-top: 15px; font-size: 1.1em; }
input[type="submit"] { cursor: pointer; border: 0; border: 1px solid #fff; }
.form-gdpr { line-height: 20px; padding: 10px 15px; font-size: 1.15em; font-weight: 300; }
#yesAnswer { display: none; }
#yesAnswer .editor-field .input-validation-error { border: 1px solid #932a2a !important; }
#contactusform .validation-summary-errors { display: none !important; }
.contactpage #contactleft .socialbtns { margin-top: 15px; margin-bottom: 15px; }
.contactpage .text a, .landpage .text a { color: #fff; font-weight: bold; }
.contactpage #contactleft i { background-color: #fff; border: 2px solid #fff; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 1.3em; margin-right: 4px; color: #fff; border-radius: 100%; }
.contactpage .greyform .editor-label em { font-size: 1em; }
input#CheckListPP.check-box, input#CheckListTT.check-box, input#CheckListSS.check-box { display: block; margin: 0 auto; height: 30px; width: 30px; }
.checkboxes { background-color: #fff; }
.checkboxes .editor-label { padding: 30px; text-align: center; }
.contactpage .greyform .editor-label .dw-sm-4 { margin: 0 40px; }
.elitesub input[type="submit"] { margin: 20px auto 0; display: block; height: 40px; border: 1px solid #fff; }
.input-validation-error { border: 1px solid #932a2a !important }
.field-validation-error { color: #932a2a; position: absolute; }

@-webkit-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

/* Products */
.banner { position: relative; background-image: url(images/decking-banner.jpg); background-size: cover; height: auto; padding: 30px; background-position: 50%; }
.banner .container { position: relative; }
.banner .cta { text-align: center; font-size: 1.3em; font-weight: normal; background-color: #fff; width: 200px; top: 20px; line-height: 50px; color: #fff; margin: 20px auto; display: block; cursor: pointer; border: 1px solid #fff; }
.banner h2 { text-align: center; padding-bottom: 8px; }
.banner span { font-size: 1em; color: #fff; display: block; text-align: center; font-weight: bold; }
.decking h2 { font-size: 2.3em; text-align: left; }
.banner.product-page span { font-size: 1.3em; color: #fff; display: block; text-align: left; }
.banner.product-page h2 { color: #fff; text-align: left; }
.banner.product-page .cta { margin: 20px 0; cursor: pointer; }
.banner.paving { position: relative; background-image: url(images/paving-banner.jpg); background-size: cover; height: auto; padding: 30px; background-position: 50%; }
.banner.ss { position: relative; background-image: url(images/sunspaces-banner.jpg); background-size: cover; height: auto; padding: 30px; background-position: 50%; }
.banner.railing { position: relative; background-image: url(images/railing-banner.jpg); background-size: cover; height: 346px; padding: 30px; background-position: 50%; }
.option-btn { position: relative; background-image: url(images/get-a.jpg); background-size: cover; height: auto; padding-bottom: 20px; }
.option-btn .cta { border: 1px solid #fff; text-align: center; font-size: 1.3em; font-weight: normal; background-color: #fff; width: 225px; top: 20px; line-height: 50px; color: #fff; margin: 25px auto; display: block; cursor: pointer; }
.option-btn-paving { position: relative; background-image: url(images/get-a-1.jpg); background-size: cover; height: 260px; }
.option-btn-paving .cta { border: 1px solid #fff; text-align: center; font-size: 1.3em; font-weight: normal; background-color: #fff; width: 225px; top: 20px; line-height: 50px; color: #fff; margin: 25px auto; display: block; cursor: pointer; }
.option-btn-ss { position: relative; background-image: url(images/get-a-2.jpg); background-size: cover; height: 260px; }
.option-btn-ss .cta { border: 1px solid #fff; text-align: center; font-size: 1.3em; font-weight: normal; background-color: #fff; width: 225px; top: 20px; line-height: 50px; color: #fff; margin: 25px auto; display: block; cursor: pointer; }
.option-btn-railing { position: relative; background-image: url(images/get-a-3.jpg); background-size: cover; height: 260px; }
.option-btn-railing .cta { border: 1px solid #fff; text-align: center; font-size: 1.3em; font-weight: normal; background-color: #fff; width: 225px; top: 20px; line-height: 50px; color: #fff; margin: 0 auto; display: block; cursor: pointer; }
.cta.big { width: 240px; cursor: pointer; }
.option-btn h2 { color: #88ac3f; text-align: center; }
.option-btn h2.contact { color: #fff; padding: 15px; }
.option-btn span { font-size: 1.3em; color: #fff; display: block; text-align: center; padding: 10px; }
.option-btn-paving h2 { color: #88ac3f; text-align: center; }
.option-btn-paving span { font-size: 1.3em; color: #fff; display: block; text-align: center; }
.option-btn-railing h2 { color: #88ac3f; text-align: center; }
.option-btn-railing span { font-size: 1.3em; color: #fff; display: block; text-align: center; }
.option-btn-ss h2 { color: #88ac3f; text-align: center; }
.option-btn-ss span { font-size: 1.3em; color: #fff; display: block; text-align: center; }
div.green-block.products { background-color: #fff; }
.green-block.products .text-showrooms a { color: #fff; }
.deck-gallery .cta-gal { border: 1px solid #fff; cursor: pointer; text-align: center; font-size: 1.3em; font-weight: normal; background-color: #fff; width: 345px; line-height: 50px; color: #fff; padding: 5px; display: block; margin: 10px 0 10px 0; }
.next-review { cursor: pointer; text-align: center; font-size: 1em; font-weight: normal; background-color: #fff; border: 2px solid #fff; color: #fff; padding: 10px; margin: 30px 0; line-height: 15px; float: right; width: 160px; }
.next-review:hover { background-color: #fff; color: #fff; }
.privacy { font-size: 1.2em; }
.privacy a { color: #619897; }
.privacy ul li { color: #619897; }
.privacy ul li span { color: #6b6a6b; }
.terms { font-size: 1.2em; }
.terms h2 { }
.terms a { color: #619897; }
.cookies { font-size: 1.2em; }
.cookies h2 { color: #f7b5a4; }
.cookies a { color: #619897; }
.cookies ul li { color: #619897; }
.cookies ul li span { color: #6b6a6b; }
.pagenotfound { font-size: 1.2em; }
.pagenotfound a { color: #619897; }
.pagenotfound ul li { color: #619897; }
.pagenotfound ul li span { color: #619897; }
.sitemap { font-size: 1.2em; }
.sitemap h2, .privacy h2 { color: #f7b5a4; }
.sitemap ul li { color: #fff; padding: 5px; }
.sitemap ul li span a { color: #6b6a6b; }
.sitemap ul li span a:hover { color: #619897; }

/* Carousel base class */
.item { color: #fff; font-size: 2em; }
.item p { margin: 0px 180px 20px 180px; max-width: 100%; text-align: center; font-size: 0.7em; }
.carousel { height: 400px; margin-bottom: 60px; }
.carousel-caption { z-index: 10; }
.carousel .item { height: 400px; background-color: #619897; }
.carousel-inner > .item > img { position: absolute; top: 80px; height: 115px; }
#warnings-panel strong { display: block; background-color: #dc5034; padding: 15px; margin: 15px 0; color: #fff; }
.map-a { position: relative; }
.map-a a.gms { position: absolute; z-index: 99999; }
#map { height: 360px; }
#map1, #map2, #map3 { height: 265px; }
.boxstory.timeline:before { content: ""; width: 70px; height: 3px; position: absolute; background-color: #fff; transform: rotate(90deg); }
.boxstory.timeline-green:before { content: ""; width: 45px; height: 3px; position: absolute; background-color: #88ac34; transform: rotate(90deg); }
.leftquote { left: 0px; }
.rightquote { right: 0px; }
.carousel div { transition: none; }



/* Screens bigger than 1230px; */
@media screen and (min-width: 1230px) {
}

@media screen and (min-width: 992px) and (max-width: 1229px) {
    .footer #col1 { width: 30%; }
    .footer #col2 { width: 70%; padding-left: 300px; }

    .footer #col2 .dw-md-4 { width: 38%; }
    .footer #col2 .dw-md-4:first-child { width: 33%; }
    .footer #col2 .dw-md-4.sec { width: 29%; }
    #headerleft { width: 22%; }
    #headerright { width: 78%; }
    .nav li { font-size: 0.8em !important; }
    i.fa.fa-angle-down.arrowmenu { margin-left: -5% !important; }

    #bannercontactform { margin-right: 0px; max-width: 450px; }


    .carousel-inner .item img { width: auto; height: 20px; }

    .carousel-inner > .item > img { position: absolute; top: 120px; height: 72px; }

    .desktop3 { padding-top: 123px; }
    .home-text h1 { font-size: 2.4em }
    .banner-text { line-height: 1.2; }
}

@media screen and (min-width:992px) {
    i.fa.fa-angle-down.arrowmenu { }
    .container.top { position: relative; }
    #headerleft { width: 300px; }
    #headerright { width: calc(100% - 300px); float: right; }

    .home-page-video .dw-md-6.green-elite { width: 35%; }
    .home-page-video .dw-md-6.homepagevideo { width: 65%; }


    .masthead { padding: 60px 0px; position: absolute; left: 50%; width: 100%; transform: translateX(-50%); }

    .banner-text { padding-bottom: 50px; }
}

@media screen and (max-width: 1229px) and (min-width: 768px) {
}

/* Mobile screens and Mini Tablets */
@media screen and (max-width:991px) {


    .btm { background-repeat: no-repeat; }

    .read-more i { margin-top: 150px; }
    #call, #mail { display: none; }

    .top span { color: #fff; font-weight: normal; }


    .menuicon { font-size: 2em; display: block; visibility: visible !important; cursor: pointer; height: 40px; color: #fff; position: absolute; z-index: 9999999; right: 20px; top: 20px; }

    .top strong { font-weight: 300; font-size: 1.4em; display: block; line-height: 45px; }



    #headerleft { z-index: 10000; /* padding-top: 20px; */ /* padding-bottom: 20px; */ padding: 20px 15px; }
    .footer { padding-top: 30px; padding-bottom: 30px; }
    .footer .socialbtns .fa { color: #fff; width: 46px; height: 46px; font-size: 1.8em; text-align: center; line-height: 46px; }

    .masthead { padding: 0px 20px; min-height: 140px; transition: none !important; }
    .masthead.shut { padding: 53px 0px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*.masthead {height: 360px;}*/
    .nav { max-width: 750px; }
    .footer #col1 .sub { margin-top: -15px; margin-bottom: 10px; height: 0; overflow: hidden; }
    .footer .opentimes { min-height: 70px; margin-top: 0; }
    .footer .sec .opentimes { min-height: 87px; }
    .footer .opentimes strong.main { display: block; }
    .footer #col2 .sec { margin-bottom: 0px; }
    .footer #col2 .dw-md-4 { margin-bottom: 15px; }
    .footer #col1 { width: 38%; }
    .footer #col2 { width: 62%; padding-left: 100px }
    .nav li a:hover { background: #fff; color: #88ac3f; }
    h1 { line-height: 1.1; max-width: 100% !important; font-size: 2.1em !important; padding-top: 100px !important; }

    #bannercontactform { margin-right: 0px; max-width: 290px; top: 112px; }
    #bannercontactform h2 { font-size: 1.8em; padding-bottom: 0px; }
    .banner .inner { min-height: 700px; position: relative; }
    .home-text { width: 400px; }
    .carousel-inner > .item > img { position: absolute; top: 93px; height: 50px; }

    .desktop3 { padding-top: 190px; }
    .banner-text { max-width: 100%; line-height: 1; font-size: 1.2em; }
}

@media screen and (max-width: 768px) {
    .about { background-position: 60%; }
    .category-blocks .category-links a span { padding: 10px 20px; top: 15px; font-size: 1.5em; }
    .living-banner { height: 270px; }
    .living-text { margin: 20px 0; }
    .about-craft.ext .section.craft.rail .dw-md-6:nth-child(2) .top.left { left: 0; }

    #bannercontactform { width: 100%; margin: 0px auto; left: 50%; right: auto; top: calc(100% + 20px); transform: translateX(-50%); }
    .home-text { position: static; transform: none; margin-top: 150px; width: 100%; }

    .home-text .home-heading { margin-bottom: 30px; }
    .banner .inner { min-height: 10px; }
    .banner { margin-bottom: 680px; }
    .banner.noform { margin-bottom: 0px; }
    .homepainting { padding-top: 0px; }

    .btmfoot { text-align: center; }
    #footnoteright span a { text-align: center; }
    .btmfoot span { float: none; margin-top: 10px; display: block; }
    .container { padding: 0px 30px !important; }
    .carousel-inner > .item > img { position: absolute; top: 80px; height: 40px; }
    .item p { margin: 22px 84px 11px 84px; max-width: 100%; text-align: center; font-size: 0.7em; }
    .carousel div h1 { font-size: 1.4em; }
    .carousel div span { font-size: 0.8em; }
    .backgroundblue { margin-top: -5px; }
    .desktop3 { padding-top: 0px; }
    .home-text h1 { padding-top: 0px; max-width: 100%; }

    .banner-text { max-width: 100%; }
    .WCSHome { font-size: 1.2em; }
    .WCSHome h2 { font-size: 1.7em; }
}

@media screen and (max-width: 767px) {
    /*.masthead {height: 275px;}*/
    h1 { font-size: 1.5em; }
    .masthead, .masthead .container.top { }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer { /* padding-left: 0; */ /* padding-right: 0; */ }
}

@media screen and (max-width:550px) {
}

@media screen and (max-width:529px) {
}

@media screen and (max-width:450px) {
}

@media screen and (min-width: 320px) and (max-width:480px) {
    /*.masthead {height: 140px;}*/
    .home-text h1 { font-size: 1.9em; }
    .banner-text { font-size: 1.2em; padding: 0; }
}

@media screen and (max-width: 320px) {
    /*.masthead {height: 120px;}*/

}

*,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {margin:0 auto;padding:0 15px;}
.section {margin:0 -15px;}
.container:before,.container:after,.section:before,.section:after{ display: table; content: " "; }
.container:after,.section:after { clear: both; }
.clear { display:block;clear:both; }
@-ms-viewport {width: device-width;} 

/* Awesome */
.fa {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}
.fa-facebook:before{content:"\f09a";}
.fa-google-plus:before{content:"\f0d5";}
.fa-linkedin:before{content:"\f0e1";}
.fa-twitter:before{content:"\f099";}
.fa-navicon:before{content:"\f0c9";}
.fa-close:before {content: "\f00d";}
.fa-phone:before{content:"\f095";}
.fa-angle-up:before {content: "\f106";}
.fa-angle-down:before{content:"\f107";}
.fa-angle-right:before{content:"\f105";}
.fa-angle-right:before{content:"\f105";}
.fa-youtube-play:before {content: "\f16a";}
.fa-map-marker:before {content: "\f041";}
.fa-star:before { content: "\f005"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-comment:before { content: "\f075"; }
.fa-comments:before { content: "\f086"; }
.fa-pencil:before { content: "\f040"; }
.fa-truck:before { content: "\f0d1"; }
.fa-map-marker:before { content: "\f041"; }
.fa-clock-o:before { content: "\f017"; }
.fa-car:before { content: "\f1b9"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-home:before {content:"\f015";}
.fa-calendar-plus-o:before{content:"\f271";}
.fa-camera:before{content:"\f030";}
.fa-video-camera:before{content:"\f03d";}
.fa-tint:before{content:"\f043";}
.fa-wrench:before{content:"\f0ad";}
.fa-snowflake-o:before{content:"\f2dc";}
.fa-sun-o:before{content:"\f185";}
.fa-plus:before{content:"\f067";}
.fa-umbrella:before{content:"\f0e9";}
.fa-trophy:before{content:"\f091";}
.fa-star:before{content:"\f005";}
.fa-instagram:before{content:"\f16d";}

.dw-xs-1,.dw-xs-2,.dw-xs-3,.dw-xs-4,.dw-xs-5,.dw-xs-6,.dw-xs-7,.dw-xs-8,.dw-xs-9,.dw-xs-10,.dw-xs-11,.dw-xs-12,
.dw-sm-1,.dw-sm-2,.dw-sm-3,.dw-sm-4,.dw-sm-5,.dw-sm-6,.dw-sm-7,.dw-sm-8,.dw-sm-9,.dw-sm-10,.dw-sm-11,.dw-sm-12,
.dw-md-1,.dw-md-2,.dw-md-3,.dw-md-4,.dw-md-5,.dw-md-6,.dw-md-7,.dw-md-8,.dw-md-9,.dw-md-10,.dw-md-11,.dw-md-12,
.dw-lg-1,.dw-lg-2,.dw-lg-3,.dw-lg-4,.dw-lg-5,.dw-lg-6,.dw-lg-7,.dw-lg-8,.dw-lg-9,.dw-lg-10,.dw-lg-11,.dw-lg-12 {position: relative;min-height: 0px;padding: 0 15px;}

.dw-xs-1,.dw-xs-2,.dw-xs-3,.dw-xs-4,.dw-xs-5,.dw-xs-6,.dw-xs-7,.dw-xs-8,.dw-xs-9,.dw-xs-10,.dw-xs-11 {float: left;}
.dw-xs-12 {width: 100%;}
.dw-xs-11 {width: 91.66666666666666%;}
.dw-xs-10 {width: 83.33333333333334%;}
.dw-xs-9 {width: 75%;}
.dw-xs-8 {width: 66.66666666666666%;}
.dw-xs-7 {width: 58.333333333333336%;}
.dw-xs-6 {width: 50%;}
.dw-xs-5 {width: 41.66666666666667%;}
.dw-xs-4 {width: 33.33333333333333%;}
.dw-xs-3 {width: 25%;}
.dw-xs-2 {width: 16.666666666666664%;}
.dw-xs-1 {width: 8.333333333333332%;}

.visible-xs,.visible-sm,.visible-md,.visible-lg {display: none !important;}
.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg {display: block !important;}

@media (max-width:767px) {
.visible-xs,.visible-sm.visible-xs,.visible-md.visible-xs,.visible-lg.visible-xs {display: block !important;}
.hidden-xs,.hidden-sm.hidden-xs,.hidden-md.hidden-xs,.hidden-lg.hidden-xs {display: none !important;}
}

@media (min-width:768px) {
.dw-sm-1,.dw-sm-2,.dw-sm-3,.dw-sm-4,.dw-sm-5,.dw-sm-6,.dw-sm-7,.dw-sm-8,.dw-sm-9,.dw-sm-10,.dw-sm-11 {float: left;}
.dw-sm-12 {width: 100%;}
.dw-sm-11 {width: 91.66666666666666%;}
.dw-sm-10 {width: 83.33333333333334%;}
.dw-sm-9 {width: 75%;}
.dw-sm-8 {width: 66.66666666666666%;}
.dw-sm-7 {width: 58.333333333333336%;}
.dw-sm-6 {width: 50%;}
.dw-sm-5 {width: 41.66666666666667%;}
.dw-sm-4 {width: 33.33333333333333%;}
.dw-sm-3 {width: 25%;}
.dw-sm-2 {width: 16.666666666666664%;}
.dw-sm-1 {width: 8.333333333333332%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.container {width:750px;}
.visible-xs.visible-sm,.visible-sm,.visible-md.visible-sm,.visible-lg.visible-sm {display: block !important;}
.hidden-xs.hidden-sm,.hidden-sm,.hidden-md.hidden-sm,.hidden-lg.hidden-sm{display: none !important;}
}

@media (min-width:992px) {
.dw-md-1,.dw-md-2,.dw-md-3,.dw-md-4,.dw-md-5,.dw-md-6,.dw-md-7,.dw-md-8,.dw-md-9,.dw-md-10,.dw-md-11 {float: left;}
.dw-md-12 {width: 100%;}
.dw-md-11 {width: 91.66666666666666%;}
.dw-md-10 {width: 83.33333333333334%;}
.dw-md-9 {width: 75%;}
.dw-md-8 {width: 66.66666666666666%;}
.dw-md-7 {width: 58.333333333333336%;}
.dw-md-6 {width: 50%;}
.dw-md-5 {width: 41.66666666666667%;}
.dw-md-4 {width: 33.33333333333333%;}
.dw-md-3 {width: 25%;}
.dw-md-2 {width: 16.666666666666664%;}
.dw-md-1 {width: 8.333333333333332%;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.container {width: 970px;}
.visible-xs.visible-md,.visible-sm.visible-md,.visible-md,.visible-lg.visible-md {display: block !important;}
.hidden-xs.hidden-md,.hidden-sm.hidden-md,.hidden-md,.hidden-lg.hidden-md{display: none !important;}
}

@media (min-width: 1230px) {
.container {width: 100%;max-width: 1230px;}
.dw-lg-1,.dw-lg-2,.dw-lg-3,.dw-lg-4,.dw-lg-5,.dw-lg-6,.dw-lg-7,.dw-lg-8,.dw-lg-9,.dw-lg-10,.dw-lg-11 {float: left;}
.dw-lg-12 {width: 100%;}
.dw-lg-11 {width: 91.66666666666666%;}
.dw-lg-10 {width: 83.33333333333334%;}
.dw-lg-9 {width: 75%;}
.dw-lg-8 {width: 66.66666666666666%;}
.dw-lg-7 {width: 58.333333333333336%;}
.dw-lg-6 {width: 50%;}
.dw-lg-5 {width: 41.66666666666667%;}
.dw-lg-4 {width: 33.33333333333333%;}
.dw-lg-3 {width: 25%;}
.dw-lg-2 {width: 16.666666666666664%;}
.dw-lg-1 {width: 8.333333333333332%;}
.visible-xs.visible-lg,.visible-sm.visible-lg,.visible-md.visible-lg,.visible-lg {display: block !important;}
.hidden-xs.hidden-lg,.hidden-sm.hidden-lg,.hidden-md.hidden-lg,.hidden-lg{display: none !important;}
}

/*--------Delete From Here Down If Not Needed-------------------*/

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
}
.carousel-control.right {
  right: 0;
  left: auto;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}