/* Theme Name: Theme URI: Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net Author: Adrian Jones Version: 1.0 License: License URI: Tags: */ * {margin: 0; border: 0; padding: 0; outline: 0;} p, a, h1, h2, h3, h4, h5, small, li, textarea, input, td, tr, .gform_confirmation_message {font-family: 'Work Sans', sans-serif;} h1, h2, h3, h4, h5 {font-weight: 600;} .clear {clear: both;} a {text-decoration: none;} html {overflow-y: scroll; background-color: #fff;} ul {list-style-type: none;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} img {max-width: 100%; height: auto;} .wrapper {width: 1000px; margin: 0 auto; position: relative;} .wrapper:after {content: ""; display: block; clear: both;} .section {padding: 80px 0;} .centered {text-align: center;} .fixed {position: fixed; width: 100%; z-index: 99999;} #top {background: #00A4A7; padding: 7px 0;} #top ul {float: left; margin-left: 15px;} #top ul li {display: inline-block; margin-right: 16px;} #top ul li img {max-height: 22px;} #top p {float: right; color: #fff; font-weight: bold; line-height: 22px; text-align: right;} #top p a {color: #fff;} #header {padding: 25px 0; background: #fff;} #header .logo {float: left;} #header .menu {float: right;} #header .menu > li {display: inline-block; margin-left: 15px; position: relative;} #header .menu > li > ul {position: absolute; display: none; top: 100%; left: -15px; padding: 25px 15px 0; background: #fff; z-index: 250;} #header .menu > li > ul > li {display: block; padding: 6px 0;} #header .menu > li > a {line-height: 45px; color: #000;} #header .menu > li > ul > li > a {white-space: nowrap; color: #000;} #header .menu > li.active > a {color: #00A4A7;} #header .menu > li:hover > ul {display: block;} #banner {height: 600px;} #banner.inner {height: 450px;} #banner .wrapper {height: 100%;} #banner .womo-widget-anchor {position: absolute; right: 0; bottom: -50px;} #banner .wrapper:before {content: ""; display: inline-block; vertical-align: middle; height: 100%;} #banner .wrapper > div {display: inline-block; vertical-align: middle; max-width: 95%; color: #fff;} #banner .wrapper > div h2 {font-size: 46px; margin-bottom: 20px;} #banner .wrapper > div p {font-size: 18px;} #banner .wrapper > div a {display: inline-block; margin-top: 20px; text-transform: uppercase; color: #fff; background: #00E800; padding: 20px 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #main {position: relative; overflow: hidden;} #main .leftbg {position: absolute; top: 0; left: 0; z-index: 250;} #main .rightbg {position: absolute; top: 0; right: 0; z-index: 250;} .content h1 {margin-bottom: 30px;} .content > h2 {margin: 0 auto 25px; max-width: 60%;} .content h3 {margin-bottom: 20px;} .content h4 {margin-bottom: 15px;} .content h5 {margin-bottom: 10px;} .content .post p {padding-bottom: 15px;} .content li {} .content ul {} .content.intro a {color: #00A4A7;} .content.whyuse a {color: #00A4A7;} #main .intro img {display: block; margin: 20px auto;} #main .intro .introborder {border: 8px solid #00AAAD; border-width: 0 0 0 8px; background: #f5f5f5; padding: 15px;} #main .intro .introborder p {text-align: justify!important;} #main .intro p {padding-bottom: 15px; text-align: justify;} #main .intro h1, #main .intro h2 {font-size: 32px; display: inline-block; position: relative; text-align: center;} #main .intro h1:before, #main .intro h2:before {content: ""; display: inline-block; position: absolute; height: 40px; width: 40px; background: url(images/starsleft.png) no-repeat center; background-size: cover; top: 0; left: -60px;} #main .intro h1:after, #main .intro h2:after {content: ""; display: inline-block; position: absolute; height: 40px; width: 40px; background: url(images/starsright.png) no-repeat center; background-size: cover; top: 0; right: -60px;} #main .intro .awards {margin: 30px 0 70px;} #main .intro .awards img {max-height: 125px; display: inline-block; margin: 0 20px;} #main.suburbs .intro .content2 {margin-top: 40px;} #main.suburbs .intro .content2 ul {text-align: left; margin: 10px 0 20px 0;} #main.suburbs .intro .content2 ul li {padding: 5px 0;} #main.suburbs .intro .content2 ul li:before {content: ""; display: inline-block; height: 15px; width: 15px; background: #00AAAD; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-right: 10px;} #main.home .services {background: #F7F7F7 url(images/servicesbg.png) no-repeat center top; background-size: 100% auto; padding-top: 120px;} #main.home .services .service {width: 28%; display: inline-block; vertical-align: top; margin: 0 2% 25px; text-align: left;} #main.home .services .service img {display: inline-block; margin: 0 auto 15px;} #main.home .services .service h3 {color: #00A5A8; margin-bottom: 10px;} #main.home .services .service p {padding-bottom: 10px;} #main.home .services .service a.more {color: #00A5A8; font-size: 13px;} #main.home .services .wrapper > a {display: inline-block; margin-top: 20px; text-transform: uppercase; color: #fff; background: #00E800; padding: 12px 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #main .whyuse .icon {width: 20%; margin: 0 2% 25px; display: inline-block; vertical-align: top;} #main .whyuse .icon img {max-height: 50px; display: inline-block; margin: 0 auto 10px;} #main.home .cta .gform_wrapper {margin: 40px 0 0;} #main.home .cta h3:before {content: ""; display: inline-block; background: url(images/carpetclean.png) no-repeat center; height: 75px; width: 64px; background-size: cover; vertical-align: middle; margin-right: 30px;} #main.about .whoweare {color: #fff; padding: 60px 0;} #main.about .whoweare .gform_wrapper {margin: 40px 0 0;} #main.about .whoweare .gform_wrapper label {color: #fff;} #main.about .ctaform h2 {max-width: 100%;} #main.about .ctaform > h2:first-of-type:before {content: ""; display: inline-block; background: url(images/carpetclean.png) no-repeat center; height: 75px; width: 64px; background-size: cover; vertical-align: middle; margin-right: 30px;} #main.suburbs .whoweare {color: #fff; padding: 60px 0;} #main.suburbs .whoweare .gform_wrapper {margin: 40px 0 0;} #main.suburbs .whoweare .gform_wrapper label {color: #fff;} #main.suburbs .ctaform h2 {max-width: 100%;} #main.suburbs .ctaform > h2:first-of-type:before {content: ""; display: inline-block; background: url(images/carpetclean.png) no-repeat center; height: 75px; width: 64px; background-size: cover; vertical-align: middle; margin-right: 30px;} #main.services .benefits {background: #F7F7F7 url(images/servicesbg.png) no-repeat center top; background-size: 100% auto; padding-top: 40px;} #main.services .benefits ul {padding: 30px 0; text-align: left;} #main.services .benefits ul li {text-align: center; margin: 0 3% 5px;} #main.services .benefits ul li:before {content: ""; display: inline-block; height: 15px; width: 15px; background: #00AAAD; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-right: 10px;} #main.services .benefits p {padding-bottom: 10px;} #main.services iframe {display: block; margin: 10px auto 60px;} #main.services .benefits a:not(.simple-link) {display: inline-block; text-transform: uppercase; color: #fff; background: #00E800; padding: 20px 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #main.services .whattoexpect .cols {margin: 40px 0;} #main.services .whattoexpect .col {width: 42%; display: inline-block; margin: 0 3% 40px; vertical-align: top;} #main.services .whattoexpect .col p.title {font-size: 20px; color: #00A2A5; padding-bottom: 15px;} #main.services .ctaform h2:before {content: ""; display: inline-block; background: url(images/carpetclean.png) no-repeat center; height: 75px; width: 64px; background-size: cover; vertical-align: middle; margin-right: 30px;} #main.testimonials .testis {} #main.testimonials .testis .test {border: 8px solid #00AAAD; border-width: 0 0 0 8px; background: #f5f5f5; padding: 25px; margin-bottom: 30px;} #main.testimonials .reviews {background: #F7F7F7;} #main.testimonials .reviews a {display: inline-block; text-transform: uppercase; color: #fff; background: #00E800; padding: 20px 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: 40px;} #main.testimonials .reviews a.visit-womo{ margin-top: 0; } .womo-widget-container {text-align: center;} .womo-widget-container > div {display: inline-block;} #main.testimonials .cta .gform_wrapper {margin-top: 60px;} #main.contact .intro .gform_wrapper {margin: 60px 0;} #main.contact .intro .cols {/*padding: 40px 0;*/} #main.contact .intro .cols .col img {max-height: 45px; display: inline-block; margin-bottom: 15px;} #main.contact .intro .cols .col p {padding: 0; line-height: 20px; text-align: center;} #main.contact .intro .cols .col a {color: #000;} #main.blog .left {width: 70%; float: left;} #main.blog .right {width: 20%; float: right;} #main.blog .right .widget {list-style-type: none; margin-bottom: 25px;} #main.blog .right .widget ul li {padding: 10px 0; border-bottom: 0.005em solid #000; font-size: 14px; color: #000;} #main.blog .right .widget ul li a {color: #000;} #main.blog .right .widgettitle {color: #00A4A7; margin-bottom: 10px;} #main.blog .right .widget_search input[type="search"] {padding: 4px;} #main.blog .right .widget_search input[type="submit"] {padding: 5px;} #main.blog .post {margin-bottom: 40px;} #main.blog .post h2 {margin-bottom: 15px;} #main.blog .post a {color: #00A4A7;} #main.blog .post .meta {border: 0.005em solid #000; border-width: 0.005em 0; padding: 10px 0;} #main.blog .post .meta p {font-size: 12px; padding: 0;} .bottomwhoweare {color: #fff;} .bottomwhoweare .logos {margin: 60px 0;} .bottomwhoweare .logos img {display: inline-block; vertical-align: middle; max-height: 60px; max-width: 200px; margin: 0 30px;} .bottomwhoweare .wrapper > a {display: inline-block; text-transform: uppercase; color: #fff; background: #00E800; padding: 20px 50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #footer {background: #1A1A1A;} #footer .col {width: 33%; float: left;} #footer .col li, #footer .col a {color: #fff;} #footer .col li {line-height: 20px;} #bottom {background: #000; padding: 15px 0;} #bottom p {color: #666666; font-size: 12px;} #main .gform_wrapper .gform_body .gfield .gfield_required {display: none;} #main .gform_wrapper .gform_body select {-webkit-appearance: none;} #main .gform_wrapper .gform_body input[type="text"], #main .gform_wrapper .gform_body select {padding: 5px 3px; min-height: 40px;} .gform_wrapper label, .gfield_required, .gform_confirmation_message {color: #000;} .gform_wrapper input[type="text"], .gform_wrapper textarea, .gform_wrapper select {border: 0.001em solid #000; border-radius: 0;} .gform_footer .button {background: #00E800; color: #fff; padding: 8px 14px; text-transform: uppercase; cursor: pointer;} .gform_wrapper div.validation_error, .gform_wrapper .ginput_container + .gfield_description.validation_message {display: none;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {margin: 0!important; padding: 0!important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: 0!important; background-color: transparent!important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-left: 0!important;} .contact .cols.centered .col { width: 33%; float: left; padding: 30px 0; } .contact .cols.centered .col img { width: 200px; margin: 0 auto; float: none; } /* 30-mar-2018 css start*/ #read { background-color: #00AAAD; cursor: pointer; width: 110px; margin: 0 auto; padding: 10px; font-weight: bold; margin-bottom: 15px; color: #fff; } #main .intro h2 { font-size: 21px; padding: 15px; } .intro.image { float: left; width: 100%; } .intro.image img { width: 50%; } .title { width: 100%; float: left; } .title-img { width: 49%; float: left; } .title-text iframe { margin: 0 !important; height: 326px; } .title-text { width: 49%; float: right; margin-bottom: 48px; } .saaka ul { list-style-type: inherit; padding-left: 15px; } .whattoexpect.wrapper.section.content.centered p strong { margin-top: 10px; float: left; margin-bottom: 30px; font-size: 17px; } /* 30-mar-2018 css end*/ @media all and (max-width : 1000px) { .wrapper {width: auto; padding-left: 15px!important; padding-right: 15px!important;} #banner .womo-widget-anchor {right: 20px;} .bottomwhoweare .logos img {max-width: 20%; margin: 0 3%;} #footer .col {float: none; display: inline-block; vertical-align: top; width: 27%; margin: 0 2%;} iframe {max-width: 100%;} } @media all and (max-width : 991px) { .title-text iframe { height: 313px;} } @media all and (max-width : 850px) { #header .logo {float: none; display: block; margin: 0 auto;} #banner {height: 500px;} #main .whyuse .icon {width: 33%;} #main.home .services .service {width: 35%; margin: 0 5% 40px;} #footer .col {width: auto; display: block; text-align: center; margin: 0 0 25px;} #footer .col ul > li:first-of-type {font-weight: bold;} #banner .wrapper > div h2 {font-size: 40px;} #banner .wrapper > div p br {display: none;} #main.contact .intro .cols .col img {display: block;} .title-text iframe { height: 240px;} } @media all and (max-width : 767px) { .title-img, .title-text { width: 100%; float: left;} .title-text iframe { height: 342px; width: 100%; float: left;} #main.services .whattoexpect .col { width: 100%; margin: 0;} .section { padding: 80px 0 0;} .title-text { margin-top: 11px;} #main.services .whattoexpect .col p.title { padding-top: 20px;} /*--27th april--*/ .whattoexpect.wrapper.section.content.centered p strong { font-size: 15px; } } @media all and (max-width : 700px) { #banner, #banner.inner {height: 400px;} #banner .wrapper, #banner .wrapper > div {text-align: center;} #main .intro .awards img {max-height: 100%; max-width: 20%; margin: 0 2%;} #main.home .services .service {width: 75%;} .content > h2 {max-width: 100%;} .bottomwhoweare .logos img {max-width: 44%; margin: 20px 3%;} #banner .womo-widget-container {display: none;} .mobreview {display: block!important; padding-top: 50px;} #main.blog .left, #main.blog .right {float: none; width: auto;} #main .section {z-index: 999;} #main.services .whattoexpect .col {display: block; width: auto;} } @media all and (max-width : 550px) { #banner, #banner.inner {/*height: 300px;*/} #banner .wrapper > div h2 {font-size: 26px;} #banner .wrapper > div p {font-size: 16px;} #main .intro h2 {max-width: 100%;} #main .intro .awards img {max-width: 30%;} #main .whyuse .icon {width: 40%;} .services .section {padding-top: 0;} #top p, #top ul {float: none; width: auto; text-align: center;} #top { padding: 0px 0 8px;} .wrapper p { font-size: 14px;} #top ul li { margin-right: 7px;} #shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before { padding: 12px 15px !important; position: relative; z-ndex: 20;} #header { padding: 10px 0; background: #fff;} .b-heading h1 { font-size: 25px;} #main .intro h1::before, #main .intro h2::before { left: -18px;} #main .intro h1::after, #main .intro h2::after { right: -0px;} .title-text iframe { height: 288px;} } @media (max-width : 480px) { #top p { line-height: 20px; font-size: 13px; padding-bottom: 6px;} #main .intro h2 { font-size: 18px; padding: 15px;} .title-text iframe { height: 252px;} } #56.services iframe { display: block; margin: 10px auto 60px; } @media (max-width: 380px){ .whattoexpect.wrapper.section.content.centered p strong { font-size: 14px; } } .header_googleReviews{ display: block; position: absolute; top: 85%; right: 10%; width: 22%; height: 400px; overflow: auto; background: #efefef; padding: 15px; z-index: 9999; } .header_googleReviews .centered{ width: 25%; margin-bottom: 15px; } .header_googleReviews .rplg-list2 .rplg-box{ padding: 10px !important; margin-bottom: 10px !important; } .header_googleReviews .rplg .rplg-review-avatar{ width: 22px !important; height: 22px !important; } .header_googleReviews .rplg .rplg-review-name{ font-size: 80% !important; } .header_googleReviews .rplg-list2 .rplg-box-content{ margin-top: 5px !important; } .header_googleReviews .rplg .rplg-stars svg, .header_googleReviews .rplg .rplg-social-logo svg{ width: 12px !important; height: 12px !important; } .header_googleReviews .rplg .rplg-review-text{ line-height: 20px !important; font-size: 12px !important; } .header_googleReviews .rplg .rplg-url{ font-size: 14px !important; } .googleReviews{ display: none; border: 8px solid #00AAAD; border-width: 0 0 0 8px; background: #efefef; padding: 25px 15px 15px; } #banner .slider-banner .slick-active .slide-content{ position: absolute; top: 50%; left: 50%; color: #FFF; width: 1000px; margin-left: -500px; margin-top: -125px; height: 250px; } #banner .slider-banner .slick-active .slide-content .slide-inner-content{ width: 65%; } #banner .slider-banner .slick-active .slide-content .slide-inner-content p{ font-size: 17px; } #banner .slider-banner .slick-active .slide-content .slide-inner-content .free_quote{ margin-top: 10px; display: inline-block; } #banner .slider-banner .slick-active .slide-content *{ height: auto !important; } @media all and (max-width: 660px) { .fixed { top: 40px !important; } .menu-menu-1-container { display: none !important; } div#shiftnav-main { display: block !important; height: inherit !important; } div#shiftnav-toggle-main { display: block !important; } #banner, #banner.inner{ height: 300px !important; } #banner .slider-banner .slick-active .slide-content{ top: 15px; left: 0; width: 100%; margin: 0; max-width: 100%; } #banner .slider-banner .slick-active .slide-content .slide-inner-content h1{ font-size: 25px; } #banner .slider-banner .slick-active .slide-content .slide-inner-content p{ font-size: 16px; } #banner .slider-banner .slick-active .slide-content .slide-inner-content{ text-align: center; width: 90%; margin: 0 auto; } #main .intro h1::before, #main .intro h2::before{ left: -25px !important; } #main .intro h1::after, #main .intro h2::after{ right: -25px !important; } #main .intro h2{ margin-bottom: 0 !important; } #main .intro .womoLink img.centered{ margin-bottom: 0 !important; } .click_here_review_heading{ margin-top: 0 !important; font-size: 16px; } .uphols-cont .flex img{ padding: 0 !important; margin: 0 0 25px 0 !important; } #thank_you_message_wrapper{ width: 100% !important; margin-bottom: 5px !important; } #mobile_banner_separator{ height: 170px !important; } } @media all and (max-width: 1024px) { .header_googleReviews{ display: none; } .googleReviews{ display: block; } } @media all and (min-width: 661px) and (max-width: 1024px) { #banner .slider-banner .slick-active .slide-content{ top: 25%; left: 5%; width: auto; margin: 0; } } @media all and (min-width: 661px) and (max-width: 1023px) { #media_videos_wrapper .video_item{ float: none; width: 70%; margin: 0 auto; } #media_videos_wrapper .video_item .lyte-wrapper{ width: 100% !important; } } .click_here_review_heading{ text-align: center; } .click_here_review_heading a, .click_here_review_heading a:hover, .click_here_review_heading a:focus, .click_here_review_heading a:active{ color: #333 !important; } #media_videos_wrapper .video_item{ margin-bottom: 15px; } #thank_you_message_wrapper{ width: 45%; margin: 0 auto; text-align: center; padding-right: 0; display: inline-block; color: #FF0000; font-weight: 700; padding-left: 7%; } #thank_you_message_wrapper a{ color: #FF0000; }