/* Theme Name: Clean And Dry Theme URI: Description: Version: Author: Author URI: License: License URI: */ /* Reset Styles */ iframe { width: 100%; max-width: 100%; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline} :focus{outline:0} body{line-height:1;color:#000;background:#fff} ol,ul{list-style:none} table{border-collapse:separate;border-spacing:0} caption,th,td{text-align:left;font-weight:400} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote,q{quotes:"" ""} div,nav,header,footer,aside{display:block} body{background:#FFF;text-align:center;font-family:'Lato',Helvetica,Arial,'Sans Serif';font-size:15px;color:#333} .container{display:block;margin:auto;text-align:left;width:1128px;position:relative} a{color:#235da5;text-decoration:none} a:hover{color:#333} .clearfix{display:block;clear:both} h1{font-size:42px;color:#235da5;line-height:48px;font-weight:700;margin:0 0 20px} h2{font-size:30px;line-height:36px;font-weight:700;margin:0 0 20px} h3{font-size:24px;line-height:29px;font-weight:700;margin:0 0 20px} h4{font-size:18px;line-height:26px;font-weight:700;margin:0 0 20px} h5{font-size:18px;line-height:26px;font-weight:700;margin:0 0 20px} p{line-height:26px;margin:0 0 22px} img{display:block;max-width:100%} .alignleft{float:left;display:block;margin:0 20px 20px 0} .alignright{float:right;display:block;margin:0 0 20px 20px} .aligncenter{display:block;margin:0 auto 20px} .video-holder{position:relative;height:0;display:block;overflow:hidden;padding-bottom:56.25%;margin:0 0 20px} .video-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} article ul{margin:0 0 20px 24px;line-height:26px;list-style:disc outside} article ol{margin:0 0 20px 24px;line-height:20px;list-style:decimal outside} blockquote{margin:0 0 20px;padding:0 30px} blockquote p{font-style:italic;font-size:18px;line-height:26px;margin:0} blockquote cite{display:block;padding:10px 0 0} .posts-navigation a{background:#235da5;color:#FFF;padding:4px 28px 6px;line-height:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;font-weight:700;font-size:15px;border-radius:20px;position:relative} .button{background:#235da5;color:#FFF;padding:4px 28px 6px;line-height:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;font-weight:700;font-size:15px;border-radius:20px;position:relative} .button-large{font-size:18px;padding:10px 28px} .button-purple{background:#77378d} .button-green{background:#398557} .button:hover{background:#333;color:#FFF} .button-has-icon{padding-left:44px} .button-large.button-has-icon{padding-left:52px} .button span.icon{position:absolute;left:0;height:100%;display:block;top:-1px;width:44px;background:none no-repeat center center;background-size:auto 15px} .button-large span.icon{width:48px;background-size:auto 21px} .button span.icon-phone{background-image:url(./images/icon-phone.png)} .button span.icon-star{background-image:url(./images/icon-star.png)} .button span.icon-quote{background-image:url(./images/icon-quote.png)} .button span.icon-nav{background-image:url(./images/icon-nav.png);background-size:auto 13px} .mr-customer-reviews-load-more-list{background:#398557;color:#FFF;padding:4px 28px 6px;line-height:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;font-weight:700;font-size:15px;border-radius:20px;position:relative;font-size:18px;padding:10px 28px} .mr-customer-reviews-load-more-list:hover{background:#333;color:#FFF} .social-icons a{display:inline-block;vertical-align:top;width:41px;height:41px;text-indent:-9999px;margin:0 0 0 10px;border-radius:100%} .social-icons a.social-twitter{background:url(./images/icon-twitter.png) no-repeat center center #47a8ee;background-size:auto 17px} .social-icons a.social-facebook{background:url(./images/icon-facebook.png) no-repeat center center #3e569a;background-size:auto 20px} .social-icons a.social-linkedin{background:url(./images/icon-linkedin.png) no-repeat center center #3583ad;background-size:20px auto} .social-icons a.social-googlep{background:url(./images/icon-googlep.png) no-repeat center center #D44A45;background-size:18px auto!important} .social-icons a:hover{background-color:#333} #site-header{padding:6px 0 7px} #site-header .logo{display:block;float:left} #site-header .logo img{display:block;width:237px} #site-header .header-buttons{float:left;display:block;padding:26px 0 0 30px} #site-header .header-buttons a.button{margin:0 20px 0 0;display:block;float:left;padding-right:25px} #site-header .social-icons{float:left;display:block} #site-header .social-icons a{margin:0 8px 0 0;background-size:auto 12px;width:28px;height:28px;display:block;float:left} #site-header .social-icons a.social-twitter{background-size:auto 10px} #site-header .header-buttons a.button-mobile-call,#site-header .header-buttons a.button-mobile-nav{display:none} #site-header .header-phone{padding:16px 0 0;display:block;float:right;text-align:left;width:250px;position:relative} #site-header .header-phone img{display:block;position:absolute;top:16px;right:0;width:50px;height:auto} #site-header .header-phone span.phone-label{display:block;font-size:12px;font-weight:700;padding:8px 0 0;color:#398557} #site-header .header-phone span.phone-number{font-size:28px;font-weight:700;display:block} #site-header .header-phone span.phone-number a{color:#333} #site-nav{background:#235da5;position:relative;z-index:1} #site-nav ul{margin:0 -25px 0 0} #site-nav li{position:relative;display:block;float:left} #site-nav li a{display:block;float:left;line-height:46px;padding:0 25px;font-size:15px;font-weight:700;color:#FFF} #site-nav li.nav-home a{background:url(./images/icon-home.png) no-repeat left center;text-indent:-9999px;background-size:auto 17px;padding:0 25px 0 0;width:18px} #site-nav li ul{position:absolute;top:46px;left:0;margin:0;background:#235da5;padding:10px 0;display:none} #site-nav li ul li{float:none;white-space:nowrap} #site-nav li ul li a{float:none;padding:5px 25px;font-weight:400;line-height:20px} #site-nav li ul li ul { left: 100%; top: 0px; } .nav-mobile-bottom{display:none} #banner{background:#f4f4f4;padding:0 0 40px} #banner header{padding:40px 0;text-align:center} #banner header h2{font-size:42px;line-height:48px;font-weight:700;margin:0 0 20px;color:#235da5} #banner header h3{font-size:24px;font-weight:400;color:#235da5;margin:0} .services-boxes{margin:0 -18px} .services-boxes section{float:left;width:33.33%;padding:0 18px 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative} .services-boxes section:nth-child(3n+1){clear:left} .services-boxes section a{display:block;position:relative;text-align:center} .services-boxes section img{display:block;border:5px solid #FFF;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .services-boxes section a span.button-holder{position:absolute;display:block;bottom:-13px;left:0;width:100%;text-align:center} .services-boxes section a span.button-holder .button{font-size:18px;line-height:28px;padding:5px 40px} .services-boxes section a:hover span.button-holder .button{background:#333} #benefits{padding:70px 0} #benefits.benefits-inner{background:#f4f4f4;padding:35px 0} #benefits .content-left{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;padding:0 25px} #benefits .content-left .call-button{padding:20px 0 0} #benefits.benefits-inner .content-left{text-align:left;padding:42px 0} #benefits.benefits-inner .content-left ul li{background:url(./images/grey-tick.png) no-repeat left 10px;background-size:auto 14px;padding:0 0 0 32px;line-height:26px;margin:0 0 10px} #benefits .content-right{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center} #benefits .content-right .video-circle{display:block;position:relative;margin:0 auto 40px;background:#43a369;background:-moz-linear-gradient(top,rgba(67,163,105,1) 0%,rgba(57,133,87,1) 100%);background:-webkit-linear-gradient(top,rgba(67,163,105,1) 0%,rgba(57,133,87,1) 100%);background:linear-gradient(to bottom,rgba(67,163,105,1) 0%,rgba(57,133,87,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#43a369',endColorstr='#398557',GradientType=0);color:#FFF;border-radius:100%;padding:60px;width:500px;height:500px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} body.home #benefits .content-right .video-circle{margin:-88px auto 40px} #benefits .content-right .video-circle h5{font-size:21px;line-height:25px;font-weight:700;margin:0 0 24px} #benefits .content-right .video-circle .video-thumb{display:block;position:relative} #benefits .content-right .video-circle p .video-thumb{margin-bottom:-22px} #benefits .content-right .video-circle .video-thumb:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url(./images/icon-play.png) no-repeat center center;background-size:74px auto;opacity:.85;display:block;z-index:1} #benefits .content-right .video-circle img{display:block;border:5px solid #FFF;border-radius:5px;margin:0 0 18px;height:auto} #benefits .content-right .video-circle p{margin:0 0 10px} #benefits .content-right .accreditations{text-align:center} #benefits .content-right .accreditations a{display:inline-block;vertical-align:top;margin:10px} #benefits .content-right .accreditations a img{height:62px} #reviews{padding:50px 0;background:#2869b9;background:-moz-linear-gradient(top,rgba(40,105,185,1) 0%,rgba(35,93,165,1) 100%);background:-webkit-linear-gradient(top,rgba(40,105,185,1) 0%,rgba(35,93,165,1) 100%);background:linear-gradient(to bottom,rgba(40,105,185,1) 0%,rgba(35,93,165,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2869b9',endColorstr='#235da5',GradientType=0);color:#FFF} #reviews .customer-review-map-holder{border:5px solid #FFF;border-radius:5px;float:left;width:50%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;color:#333} #reviews .reviews-right{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 0 0 50px} #reviews .reviews-right h4{font-size:34px;line-height:38px;font-weight:700;margin:15px 0 20px} #reviews .reviews-right .review-stars-5{display:block;background:url(./images/five-stars.png) no-repeat;background-size:auto 26px;height:26px;margin:0 0 26px} #reviews .reviews-right h5{font-weight:400;font-size:20px;line-height:25px;margin:0 0 20px} #reviews .reviews-right p{margin:0 0 34px} #reviews .reviews-right .review-buttons{margin:0 -17px 0 0} #reviews .reviews-right .review-buttons a{margin:0 17px 17px 0} #packages{background:#f4f4f4;padding:46px 0 50px} #packages header{text-align:center} #packages header h2{font-size:30px;font-weight:700;color:#235da5;margin:0 0 50px} .package-boxes{margin:0 -10px 1px} .package-boxes section{float:left;width:25%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 10px;margin:0 0 55px} .package-boxes section .package-box{background:#FFF;height:244px;padding-bottom:20px;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block;position:relative;text-align:center} .package-boxes section .package-box .package-box-inner{position:relative;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);padding:0 25px} .package-boxes section .package-box .package-box-inner .package-icon{height:78px;line-height:78px;margin:0 0 24px} .package-boxes section .package-box .package-box-inner img{max-width:78px;max-height:78px;display:inline-block;vertical-align:middle;margin:0 auto} .package-boxes section .package-box .package-box-inner h4{color:#235da5;margin:0 0 5px} .package-boxes section .package-box .package-box-inner p{margin:0} .package-boxes section .package-box .package-button{position:absolute;bottom:-14px;left:0;width:100%} .call-button-middle{text-align:center} #promise{background:#235da5;padding:55px 0;color:#FFF} body.home #promise{background:#43a369;background:-moz-linear-gradient(top,rgba(67,163,105,1) 0%,rgba(57,133,87,1) 98%);background:-webkit-linear-gradient(top,rgba(67,163,105,1) 0%,rgba(57,133,87,1) 98%);background:linear-gradient(to bottom,rgba(67,163,105,1) 0%,rgba(57,133,87,1) 98%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#43a369',endColorstr='#398557',GradientType=0)} #promise h2{color:#FFF;margin:0 0 50px;text-align:center} .icon-blocks{margin:0 -28px} .icon-blocks section{width:33.3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 28px 60px;text-align:center;float:left} .icon-blocks section:nth-child(3n+1){clear:left} .icon-blocks section .icon{margin:0 0 24px} .icon-blocks section .icon img{display:block;max-width:62px;max-height:62px;margin:0 auto} .icon-blocks section h4{font-size:20px;margin:0 0 10px} .icon-blocks section p{line-height:22px;margin:0} #service-banner{background:none no-repeat center center;padding:60px} #service-banner .container{text-align:center} #service-banner section{margin:0 auto;width:890px;max-width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:40px 25px 30px;text-align:center;background:#FFF} #service-banner section h1{font-size:72px;line-height:80px;color:#235da5;font-weight:700;margin:0 0 25px} #service-banner section h3{font-size:26px;font-weight:700;color:#235da5;margin:0 0 25px} #service-banner section p{color:#235da5;font-size:18px;line-height:30px;margin:0 0 40px} #service-banner .banner-buttons .call-button{display:inline-block;margin-right:20px;margin-left:20px} #service-banner .banner-buttons .call-button .button{background:#398557;margin-bottom:10px} #service-banner .banner-buttons .call-button .button:hover{background:#333} #service-introduction{overflow:hidden;position:relative} #service-introduction .background{position:absolute;top:0;left:50%;width:100%;height:100%;background:#398557} #service-introduction .container{background:#FFF;padding:60px 0} #service-introduction .container:before{position:absolute;top:0;left:0;height:100%;width:100%;background:#398557;left:60%;content:'';display:block} #service-introduction .content-left{width:60%;padding:0 40px 0 0;margin:-15px 0 0;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #service-introduction .content-left p{margin:0 0 15px} #service-introduction .content-left h2{padding:15px 0 0} #service-introduction .content-left .intro-buttons{padding:20px 0 0} #service-introduction .content-left .call-button{display:inline-block;margin-right:20px;margin-bottom:10px} #service-introduction .content-right{position:relative;z-index:1;color:#FFF;width:40%;padding:0 0 0 45px;float:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #service-introduction .content-right h3{margin:0 0 30px} #service-introduction .content-right ul li{background:url(./images/white-tick.png) no-repeat left 10px;background-size:auto 14px;padding:3px 0 0 32px;line-height:26px;margin:0 0 10px} #before-and-after{background:#235da5;padding:50px 0} #before-and-after .slider{padding:0 53px;padding:0 42px} #before-and-after ul li{padding:0 11px} #before-and-after ul li a{display:block;border:5px solid #FFF;border-radius:5px;position:relative} #before-and-after ul li a img{display:block;marks:0} #before-and-after ul li a span{text-align:center;font-size:15px;color:#FFF;position:absolute;bottom:10px;left:0;width:100%;display:block;text-shadow:0 0 5px rgba(0,0,0,0.7)} #before-and-after .slider .slick-arrow{display:block;padding:0;position:absolute;left:-42px;top:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-indent:-9999px;width:20px;height:30px;cursor:pointer;background:url(./images/white-arrow-left.png) no-repeat;background-size:auto 30px;z-index:10;margin:-15px 0 0} #before-and-after .slider .slick-next{left:auto;right:-42px;background:url(./images/white-arrow-right.png) no-repeat;background-size:auto 30px} #service-reviews{background:#FFF} #service-reviews header{padding:50px 0} #service-reviews header p{margin:0} #service-reviews .reviews-left{float:left;width:50%} #service-reviews .reviews-left .mr-customer-reviews-map{height:470px;margin:0} #service-reviews .reviews-right{float:right;width:50%;height:470px;background:#f4f4f4} #service-reviews .reviews-right .inner{width:564px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:35px 0 35px 35px;text-align:left;position:relative} #service-reviews .reviews-right .inner:before{position:absolute;bottom:30px;right:0;width:20px;height:5px;background:#398557;display:block;content:''} #service-reviews .reviews-right .scroll-area{height:400px;overflow:auto} #service-reviews .reviews-right .scroll-area .mr-customer-review-scroller{max-height:none;overflow:visible} #service-reviews .reviews-under{padding:60px 0} #service-reviews .reviews-under .call-button{display:inline-block;margin-right:20px} .jspContainer{overflow:hidden;position:relative} .jspPane{position:absolute} .jspVerticalBar{position:absolute;top:0;right:0;width:20px;height:100%;background:red} .jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red} .jspCap{display:none} .jspHorizontalBar .jspCap{float:left} .jspTrack{background:#398557;position:relative} .jspDrag{background:#FFF;position:relative;width:10px;top:0;left:5px;cursor:pointer;border-top:5px solid #398557;border-bottom:5px solid #398557;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%} .jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0} .jspArrow.jspDisabled{cursor:default;background:#80808d} .jspVerticalBar .jspArrow{height:16px} .jspHorizontalBar .jspArrow{width:16px;float:left;height:100%} .jspVerticalBar .jspArrow:focus{outline:none} .jspCorner{background:#eeeef4;float:left;height:100%} * html .jspCorner{margin:0 -3px 0 0} #video-reviews{padding:60px 0 70px} #video-reviews header{margin:0 0 60px} #video-reviews header h3{font-size:30px;margin:0;text-align:center} #video-reviews section{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 60px;text-align:center} #video-reviews section .play-video{display:block;margin:0 0 20px;position:relative} #video-reviews section .play-video img{display:block} #video-reviews section .play-video span{position:absolute;bottom:25px;right:25px;width:74px;height:74px;background:url(./images/icon-play-green.png) no-repeat;background-size:74px auto;display:block;z-index:1} #video-reviews section p{line-height:26px;margin:0 0 15px} #video-reviews section cite{margin:0 0 10px;display:block} #video-reviews section cite strong{color:#419e66;font-weight:700;display:block;margin:0 0 10px} #cleaning-options{background:#43a268;padding:50px 0 40px;text-align:center;color:#FFF} #cleaning-options .container{text-align:center} #cleaning-options header h2{text-align:center;font-size:30px;font-weight:700;margin:0 0 50px} #cleaning-options section{display:inline-block;vertical-align:top;width:33.3%;padding:0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;margin:0 0 45px} #cleaning-options section img{display:block;height:64px;margin:0 auto 24px} #cleaning-options section h4{margin:0 0 10px} #cleaning-options section p{margin:0 0 10px;line-height:22px;margin:0 0 20px 0} #choosing-content{padding:60px 0;background:#FFF} #choosing-content #content h4{font-weight:400;font-size:24px;margin:0 0 60px} #main{padding:40px 0} #content{float:left;width:80%;padding:0 50px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} body #content.full-width{float:none;width:auto;padding:0} .page-header h3{color:#235da5;font-weight:400;margin:-15px 0 45px} #sidebar{float:left;width:20%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #sidebar aside{margin:0 0 30px} #sidebar aside h5{font-size:18px;margin:0 0 10px;line-height:22px;font-weight:700;color:#235DA5} #sidebar aside ul li{display:block;line-height:30px} #sidebar aside ul li a{color:#222} #sidebar aside .news-list{padding:10px 0 0} #sidebar aside .news-list section{margin:0 0 30px} #sidebar aside .news-list section h6{line-height:20px} #searchform input:not([type="submit"]){width:100%;padding:5px;margin-bottom:5px} div#sidebar a.button{font-size:16px!important} .news-archive{padding:0 70px 0 0;position:relative} .news-archive article{padding:0 0 45px 308px} .news-archive .news-thumb{float:left;width:278px;height:278px;overflow:hidden;position:relative;margin:0 0 0 -308px} .news-archive .news-thumb img{position:relative;width:150%;max-width:150%;height:auto;top:150px;left:50%;transform:translate(-50%,-50%)} .news-archive h3{margin:0 0 17px;padding-top:30px} .news-archive p{margin:0 0 20px} a.viewAll.button {margin-bottom: 50px;} div#main #sidebar { background-color: #f4f4f4; box-shadow: 0px 500px 0px #f4f4f4, 0px -50px 0px #f4f4f4, 200px -50px 0px #f4f4f4, 200px 500px 0px #f4f4f4, -30px 0px #f4f4f4, -30px -50px #f4f4f4, -30px 500px #f4f4f4; } .widget_archive label{display: none;} .widget_archive select{font-size: 14px;padding: 7.5px;width: 100%;background-image: none;-webkit-appearance: none;height: 35px !important;border-radius: 0px;border:none;background-color: white;background-image: url('/wp-content/uploads/2018/10/rightcheveron.png'); background-repeat: no-repeat; background-size: 15px; background-position: center right 10px;color:#757575} .widget_search input{font-size: 14px;padding: 7.5px;width: 100%;background-image: none;-webkit-appearance: none;height: 35px !important;border-radius: 0px;border:none;background-color: white;color:#757575} .widget_search button[type="submit"] {background-image: url('/wp-content/uploads/2018/10/rightcheveron.png'); background-repeat: no-repeat; background-size: 15px; background-position: center right 10px;width: 35px; ;height: 35px !important;border: none;background-color: white;position: relative; top: 10px;-webkit-transform: rotate(270deg); transform: rotate(270deg);} .widget_search #searchform input:not([type="submit"]) { width: calc(100% - 53px); padding: 0px 7.5px; margin-bottom: 5px; } .post-meta{font-size:16px;color:#235da5;line-height:25px;margin:0 0 45px} .post-meta img{display:inline-block;margin:0 18px 0 0;width:25px;height:25px;vertical-align:top} .single img.featuredImage {display: block;margin: auto auto 20px;} .single .metaBox{display:block;margin-top:40px} .single .metaBox .shareBox{display:block;margin-bottom:20px} .single .metaBox .shareBox span{float:left;margin-right:20px} .single .metaBox .shareBox ul{display:-webkit-box} .single .metaBox .shareBox ul li{margin-right:20px} .single .metaBox .shareBox ul li a img{max-height:15px} .single .metaBox .tagBox{display:block;margin-bottom:30px} .single .metaBox .tagBox span{margin-right:20px} .single .metaBox .authorBox {display: block;margin-bottom: 20px;} .single .metaBox .authorBox .authorContent{background-color:#f4f4f4;padding:20px} .single .metaBox .authorBox h4{color:#235DA5} .single .metaBox .authorBox p{margin-bottom:0} .single .metaBox .authorBox img{float:left;margin-right:20px;max-width:78px;height:auto} .single .relatedPostsContainer {margin-bottom: 40px;display: block;} .single .relatedPosts {display: block; overflow: hidden; margin: auto -7.5px;} .single .relatedPosts h3 {color: #235DA5} .single .relatedPost {width: calc((100% / 3) - 15px); float: left;margin: calc(15px / 2);} .single .relatedPost span.rfeatured { overflow: hidden; position: relative; display: block; width: 100%; max-height: 200px; min-height: 200px; margin-bottom: 20px; } .single .relatedPost span.rfeatured img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .single .relatedPost span.rcontent { display: block; width: 100%; font-size: 18px; line-height: 24px; } @media only screen and (max-width: 1023px) { div#main #sidebar { background-color: #f4f4f4; box-shadow: 0px 500px 0px #f4f4f4, -200px 0px 0px #f4f4f4, 200px 0px 0px #f4f4f4, 200px 500px 0px #F4F4F4, -30px 0px #f4f4f4, -30px 0px #f4f4f4, -50px 500px #f4f4f4 !important; } } @media only screen and (max-width: 600px) { .single .relatedPosts {margin: auto !important;} .single .relatedPost {width: 100%; float: none;margin-bottom: 20px !important;} } #bottom-section{position:relative;padding:70px 0} #bottom-section .backing{position:absolute;top:0;left:50%;width:50%;height:100%;background:#f4f4f4;display:block} #bottom-section .container{z-index:1} #bottom-section .bottom-left{float:left;width:50%;padding:0 80px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #bottom-section .bottom-right{float:right;width:50%;padding:0 14px 0 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #bottom-section h5{font-size:24px;font-weight:700;color:#398557;margin:0 0 36px} .news-list section{margin:0 0 20px;padding:0 0 0 138px;position:relative;height:110px} .news-list section .news-thumb{display:block;width:110px;height:110px;border-radius:100%;position:absolute;top:0;left:0;overflow:hidden} .news-list section .news-thumb img{display:block} .news-list section .news-details{position:relative;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);display:block} .news-list section .news-date{font-size:12px;display:block;margin:0 0 8px} .news-list section h6{font-size:20px;line-height:25px;font-weight:700} .news-list section h6 a{color:#333} #site-footer{background:#303030;padding:82px 0 15px;position:relative} #site-footer .footer-buttons{position:absolute;top:-19px;left:0;width:100%} #site-footer .footer-buttons .button{margin:0 90px 0 0;float:left;display:block} #site-footer .footer-buttons .social-icons{float:right;margin:0 0 0 -90px} #site-footer .footer-widgets{padding:0 0 40px} #site-footer .footer-widgets aside{float:left;width:21%;padding:0 20px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #site-footer .footer-widgets aside.widget-latest-news{width:37%;padding:0 50px 0 0} #site-footer .footer-widgets aside h5{font-size:18px;font-weight:700;color:#FFF;margin:0 0 20px} #site-footer .footer-widgets aside ul li{display:block;line-height:30px} #site-footer .footer-widgets aside ul li a{color:#FFF} aside .news-list section{margin:0 0 14px;padding:0 0 0 70px;height:50px} aside .news-list section .news-thumb{width:51px;height:51px} aside .news-list section h6{font-size:13px;line-height:22px;margin:0} .widget_text a.button{font-size:16px} #site-footer .footer-widgets aside .news-list section h6 a{color:#FFF} #site-footer .footer-copyright{background:#398557;padding:11px 0} #site-footer .footer-copyright p{margin:0;color:#FFF;font-size:12px;line-height:22px;text-align:center} #site-footer .footer-copyright p a{color:#FFF} #site-footer .footer-copyright p a:hover{text-decoration:underline} #site-footer .footer-buttons .social-icons a.social-googlep{background-size:22px auto!important} /* AMENDS START */ /* CONTACT PAGE */ .page-id-68 #main {padding: 0px;} .page-id-68 #content{float:left;width:80%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} /* REQUEST A QUOTE PAGE */ .page-id-13742 #main {padding: 0px;} .page-id-13742 #content{float:left;width:80%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .page-template-page-packages #content{float:left;width:80%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .page-id-13742 br {display: none;} .contactText > div{padding-top:80px} .contactText a:not(.button){color:#000} .contactForm{background-color:#F4F4F4; font-family: 'Lato', sans-serif !important;} .contactForm li.gfield_contains_required:not(#field_13_8):not(#field_13_10):not(#field_12_17):not(#field_12_11) label.gfield_label, li#field_13_3 > label, li#field_13_5 > label, li#field_13_11 > label, li#field_12_8 > label { display:none!important} .contactForm li#field_13_11 > label,.contactForm li#field_13_17 > label{width:100%!important;text-align:center!important} .contactForm textarea{border:solid 1px rgb(238, 238, 238) !important} .contactForm ul#input_13_11{text-align:center} .contactForm .gform_footer{text-align:center} li#field_14_11 label, li#field_14_5 label {display: none;} .contactForm input[type="submit"]{font-family: 'Lato', sans-serif !important;margin:auto;font-weight:400;background:#77378d;color:#FFF;padding:10px 30px;line-height:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;font-weight:700;font-size:15px;border-radius:20px;position:relative} .contactText a.button{font-weight:700} .contactText a.button.button-blue{margin-bottom:20px} .contactText .social-icons{display:block;width:100%;margin-bottom:20px} .contactText .social-icons br{display:none} .contactText .social-icons a{margin:0 8px 0 0;background-size:auto 12px;width:28px;height:28px;display:block;float:left} .contactText .social-icons a.social-twitter{background-size:auto 10px} .contactMap{background-color:#398557;text-align:center!important;-webkit-box-shadow:600px 0 0 #398557,-600px 0 0 #398557;box-shadow:600px 0 0 #398557,-600px 0 0 #398557} .contactMap > div{padding:50px 0!important} .contactMap > div iframe{max-width:100%} .page-template-page-packages #main{padding:0} #pageHeaderService{min-height:500px;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative} #pageHeaderService .innerBox{min-height:400px;background-color:#fff;max-width:1000px;margin:auto;position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .serviceText a.button{margin-right:20px!important} .serviceText > div{padding:40px 40px 0 0} .servicePoints{background-color:#398557;color:#fff;height:-webkit-fill-available;max-height:630px;-webkit-box-shadow:400px 0 0 #398557;box-shadow:400px 0 0 #398557} .servicePoints > div{padding:40px} @media all and (max-width: 1024px) and (min-width: 0px) { #content{float:left;width:80%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .contactText a.button-large.button-has-icon{padding-left:35px;padding-right:15px} .contactText a.button-large span.icon{width:38px;background-size:auto 16px!important} .contactText a.button-large.button-has-icon{font-size:16px!important} .servicePoints{background-color:#398557;color:#fff;height:700px !important;max-height: initial !important;-webkit-box-shadow:40px 0 0 #398557;box-shadow:40px 0 0 #398557} .serviceText a.button{margin-right:0!important;margin-bottom:20px} } @media all and (max-width: 768px) and (min-width: 0px) { .contactText a.button-large.button-has-icon{padding-left:33px;padding-right:14px} .contactText a.button-large span.icon{width:38px;background-size:auto 16px!important} .contactText a.button-large.button-has-icon{font-size:12px!important} .servicePoints{background-color:#398557;color:#fff;height:870px !important;-webkit-box-shadow:30px 0 0 #398557;box-shadow:30px 0 0 #398557} .serviceText a.button{margin-right:0!important;margin-bottom:20px} } @media all and (max-width: 468px) and (min-width: 0px) { .full_width,.one_half,.one_third,.two_third,.one_fourth,.three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-bottom:0} .contactForm{background-color:#F4F4F4;-webkit-box-shadow:50px 0 0 #F4F4F4,-50px 0 0 #F4F4F4;box-shadow:50px 0 0 #F4F4F4,-50px 0 0 #F4F4F4} .contactText > div{padding:0!important} .contactMap{background-color:#398557;text-align:center;-webkit-box-shadow:50px 0 0 #398557,-50px 0 0 #398557;box-shadow:50px 0 0 #398557,-50px 0 0 #398557} .contactForm ul.gfield_checkbox li label{text-align:left!important} .servicePoints{background-color:#398557;color:#fff;height:auto !important;max-height:initial!important;-webkit-box-shadow:30px 0 0 #398557,-30px 0 0 #398557;box-shadow:30px 0 0 #398557,-30px 0 0 #398557} .serviceText > div,.servicePoints > div{padding:40px 0 20px } } /* AMENDS END */ @media all and (max-width: 1180px) and (min-width: 0px) { .container{width:auto;margin:0 40px} #site-nav li a{padding:0 15px} #site-header .header-buttons{float:right;padding:6px 0 0;margin:0 -8px 0 0;clear:right} #site-header .header-buttons a.button{margin-right:10px} #site-header .header-phone{padding:0;width:240px;clear:right} #site-header .header-phone img{top:8px;width:40px;height:40px} .services-boxes section a span.button-holder .button{font-size:14px} .package-boxes section .package-box{height:294px} #content{width:75%} #sidebar{width:25%} .news-archive{padding-right:0} #site-footer .footer-buttons .button{margin:0 20px 0 0} } @media all and (max-width: 1023px) and (min-width: 0px) { #site-header .header-buttons{padding:30px 0 0} #site-header .header-buttons .social-icons{display:none} #site-header .header-buttons a.button-mobile-call,#site-header .header-buttons a.button-mobile-nav{display:inline-block;padding-right:0;width:30px;height:40px;position:relative;top:-5px} #site-header .header-buttons a.button-mobile-call{margin-left:10px} #site-header .header-phone{display:none} .social-icons a.social-googlep{background:url(./images/icon-googlep.png) no-repeat center center #D44A45;background-size:25px auto!important} #site-nav{display:none} #site-nav .container{margin:0} #site-nav ul{margin:0} #site-nav ul li{display:block;float:none;border-bottom:1px solid rgba(255,255,255,0.1)} #site-nav ul li a{float:none;display:block;padding:14px 40px;line-height:20px;position:relative} #site-nav ul li.dropdown-active{background:#398557} #site-nav ul li.menu-item-has-children a:before{position:absolute;top:0;right:0;width:50px;height:100%;background:url(./images/icon-arrow-down.png) no-repeat center center;background-size:12px auto;content:'';display:block} #site-nav ul li.menu-item-has-children ul li a:before{display:none} #site-nav ul li.nav-home a{text-indent:0;background:none;padding:14px 40px;width:auto} #site-nav ul li ul{position:relative;top:auto;left:auto;margin:0;display:none;background:transparent;padding:0 0 10px} #site-nav ul li ul li{border:none} #site-nav ul li ul li a{padding:10px 40px 10px 50px} .nav-mobile-bottom{padding:30px 0;text-align:center;display:block} .nav-mobile-bottom .button{margin:0 5px 20px;display:none} .services-boxes section{width:50%} .services-boxes section:nth-child(3n+1){clear:none} .services-boxes section:nth-child(2n+1){clear:left} #benefits .content-left{float:none;width:auto;padding:0} #benefits .content-right{float:none;width:auto;padding:40px 0 0} body.home #benefits .content-right .video-circle{margin-top:0} #reviews .customer-review-map-holder{float:none;width:auto;margin:0 0 40px} #reviews .reviews-right{float:none;width:auto;padding:0} .package-boxes section,#cleaning-options section{width:50%} .package-boxes section:nth-child(2n+1){clear:left} .icon-blocks section{width:50%} .icon-blocks section:nth-child(3n+1){clear:none} .icon-blocks section:nth-child(2n+1){clear:left} #bottom-section{padding:0} #bottom-section .container{margin:0} #bottom-section .backing{display:none} #bottom-section .bottom-left{float:none;padding:40px;width:auto} #bottom-section .bottom-right{float:none;padding:40px;width:auto;background:#f4f4f4} #content{float:none;width:auto;padding:0} #sidebar{float:none;width:auto;padding:40px 0 0} #service-introduction{padding-bottom:0} #service-introduction .background{display:none} #service-introduction .container{padding-bottom:0} #service-introduction .container:before{display:none} #service-introduction .content-left{float:none;width:auto;padding-right:0;padding-bottom:60px} #service-introduction .content-right{float:none;width:auto;background:#398557;margin:0 -40px;padding:60px 40px} #video-reviews section{padding:0 20px} #site-footer{padding-top:30px} #site-footer .footer-buttons{position:relative;top:auto;margin:0;padding:0 0 30px} #site-footer .footer-buttons .button,#site-footer .footer-buttons .social-icons{margin:0 0 10px;display:block;float:left;clear:both} #site-footer .footer-buttons .button:hover{background-color:#000} #site-footer .footer-buttons .social-icons a{margin:0 5px 0 0} #site-footer .footer-widgets{padding:0} #site-footer .footer-widgets aside{float:none!important;width:auto!important;padding:0 0 40px!important} #site-footer .footer-widgets aside h5{margin:0 0 10px} } @media all and (max-width: 870px) and (min-width: 0px) { .container{margin:0 30px} #bottom-section .bottom-left,#bottom-section .bottom-right{padding:40px 30px} #site-header .logo img{width:184px} #site-header .header-buttons{padding:18px 0 0} #site-nav ul li.nav-home a,#site-nav ul li a{padding-left:30px;padding-right:30px} #site-header .header-buttons .button .label span{display:none} .alignleft,.alignright,.aligncenter{float:none;margin:0 0 20px} #service-reviews .reviews-left,#service-reviews .reviews-right{width:auto;float:none} #service-reviews .reviews-right{padding-right:40px} #service-reviews .reviews-right .inner{width:auto} #service-banner{padding:40px 0} #service-banner section h1{font-size:42px;line-height:48px} #service-banner section h3{font-size:22px;line-height:26px} #service-banner section p br{display:none} #before-and-after ul li{width:50%} } @media all and (max-width: 727px) and (min-width: 0px) { #site-header .header-buttons a.button-reviews,#site-header .header-buttons a.button-quote{display:none} .nav-mobile-bottom .button{display:inline-block} .alignleft,.alignright{float:none;margin:0 0 20px} } @media all and (max-width: 639px) and (min-width: 0px) { .container{margin:0 20px} .button{font-size:14px} #bottom-section .bottom-left,#bottom-section .bottom-right{padding:40px 20px} #site-header{padding:12px 0} #site-header .logo img{width:154px} #site-header .header-buttons{padding:12px 0 0} #site-header .header-buttons a.button{margin:0 3px} #site-nav ul li.nav-home a,#site-nav ul li a{padding-left:20px;padding-right:20px} #site-nav ul li ul li a{padding-left:30px} #site-nav .nav-mobile-bottom{padding:20px} #site-nav .nav-mobile-bottom .button-large{font-size:14px;display:block;margin:0 0 10px!important;text-align:left} .services-boxes{margin:0} .services-boxes section{width:auto;float:none;padding:0 0 40px} #benefits{padding-bottom:15px} #benefits .content-right .video-circle{border-radius:0;width:auto;margin:0 -20px 40px;height:auto;padding:50px 30px 30px} #benefits .content-right .accreditations{margin:0 -20px} #benefits .content-right .accreditations a{margin:0 5px 20px} #benefits .content-right .accreditations a img{height:32px} .package-boxes{margin:0} #packages header h2{margin-bottom:30px} .package-boxes section{width:auto;float:none;padding:0} .icon-blocks{margin:0} .icon-blocks section{padding:0 0 50px;width:auto;float:none} #reviews .reviews-right .review-buttons{margin:0} #reviews .reviews-right .review-buttons a{display:block;margin:0 0 10px;text-align:center} #bottom-section .news-list section{height:auto!important;padding:0!important} #bottom-section .news-list section .news-thumb{position:static!important;margin:0 0 10px!important} #bottom-section .news-list section .news-details{position:static!important;top:auto!important;left:auto!important;transform:none!important;-webkit-transform:none!important;-ms-transform:none!important} .news-archive article{padding-left:0} .news-archive article .news-thumb{width:auto;float:none;margin:0 0 20px;display:block} .post-meta{font-size:13px} .post-meta img{margin-right:9px} h1{font-size:34px;line-height:40px} #cleaning-options section,#video-reviews section{width:auto;float:none;padding:0} #video-reviews{padding-bottom:20px} #video-reviews section{padding-bottom:40px} #service-reviews .reviews-under{text-align:center} #service-reviews .reviews-under .call-button{margin-bottom:10px;margin-right:0} #service-banner{padding:20px 0} #service-banner section{padding:20px} #service-banner section h1{font-size:30px;line-height:36px;margin:0 0 10px} #service-banner section h3{font-size:18px;line-height:24px;margin:0 0 10px} #service-banner section p{font-size:15px;line-height:19px;margin:0 0 15px} #service-introduction .container{padding:40px 0 0} #service-introduction .content-right{padding:40px} #service-reviews .reviews-right{padding-right:20px} #service-reviews .reviews-right .inner{padding:20px 0 20px 20px} #site-footer .footer-buttons .button,#site-footer .footer-buttons .social-icons{font-size:14px} } @media (max-width: 1023px) and (min-width: 0px) { #site-nav li ul li ul { left: 20px; } }