/*
Theme Name: Wastewise
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*-------------------------------------------------------------- 
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize 
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html { margin: 0px; padding: 0px; font-size: 16px; }
body { margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; height: 100%; }
img { border: 0px; outline: none; max-width: 100%; }
ul { list-style-type: none; margin: 0px; padding: 0px; }
.container-fluid { float: left; width: 100%; padding-right: 65px; padding-left: 65px; }
a:focus { text-decoration: none !important; outline: none; }
.headertop { float: left; width: 100%; background: linear-gradient(-90deg, #5b676d 50%, #dbc923 50%); padding-top: 4px; padding-bottom: 0px; }
.headertop {display:none;}
.hmaintext { float: left; }
.hmaintext span { color: #ffffff; font-size: 16px; border-right: 1px solid #fff; padding-right: 10px; }
.hmaintext p:first-child { font-weight: 500; }
.hleft ul li { display: inline; border-right: 1px solid #ffffff; padding-right: 18px; padding-left: 18px; }
.hleft ul li:last-child { border-right: none; }
.hleft { margin-top: 4px; }
.hright { float: right; }
.hleft ul li a { color: #ffffff; font-size: 16px; }
.hleft ul li a:hover { color: #5b676d; }
.headerlogo img { width: 70%; }
::placeholder {color: #ffffff;opacity: 1; /* Firefox */}
.hsearchform { float: left; width: 100%; display: inline-block; }
.hright .hsearchform input[type="text"] { float: left; width: 79%; color: #fff; font-size: 16px; border-color: transparent; border: none; background: transparent; padding: 5px; font-style: italic; font-family: 'Poppins', sans-serif; text-align: center; -webkit-text-decoration: none !important; }
.hright .hsearchform input[type="text"]:focus::-moz-placeholder {color:transparent !important;opacity: 1;}
.hright .hsearchform input[type="text"]:focus::-webkit-input-placeholder {color:transparent !important;opacity: 1;}
.hsearchform button { float: left; width: 16%; padding: 7px; background: transparent; color: #ffffff; cursor: pointer; border-color: transparent; }
.hright .hsearchform input[type="text"]:focus { outline: none; border-color: transparent; }
.hsearchform button { padding-left: 48px; }
.hsearchform button:focus, .hsearchform button:hover, .hsearchform button:active { outline: none !important; color: #fff !important; box-shadow: none !important; }
.main-nav { text-align: center; }
.main-nav { float: left; width: 100%; margin-top: 17px; }
.fsocial { margin-top: 28px; }
.hnav { float: left; width: 100%; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #49545a; }
.main-nav ul li { display: inline-block; }
.main-nav ul li a { font-size: 15px; color: #5b676d; padding: 7px 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
.main-nav ul li a:hover { color: #dbc923; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.main-nav ul li a:hover, .hleft ul li a:hover { text-decoration: none; }
.main-nav ul li a:focus { outline: none; text-decoration: none; }

.fsocial { float: right; padding-right: 88px; }
.fsocial ul li { display: inline-block; }
.fsocial ul li a { border: 2px solid #5b676d; color: #323232; border-radius: 50%; font-size: 13px; line-height: 30px; width: 30px; height: 30px; margin: 2px 7px 2px 0; padding: 10px 14px; }
.fsocial li:first-child a { padding: 10px 16px; }
.fsocial ul li a:hover { border: 2px solid #dbc923; color: #dbc923; }
.bannercontent { color: hsl(0, 0%, 20%); font-size: 14px; line-height: 24px; position: relative; text-align: center; letter-spacing: 1px; top: 0px; }
.slider-img { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.sliderwastecontent { padding: 15px 16px 15px; }
.sliderwaste { float: left; padding: 0px; margin-bottom: 20px; background: #49545a; }
.sliderwaste .bimg { width: 20%; }
.sliderwaste .wastetitle { height: 94px; overflow: hidden; }
.sliderwaste .sliderwtitle { height: 70px; overflow: hidden; }
.sliderwtitle h3 a { font-size: 21px; text-transform: uppercase; color: #dbc923; }
.sliderwtitle h3 a:hover { text-decoration: none; color: #fff; }
.sliderwastecontent .wasimage i { margin-bottom: 0px; font-size: 68px; }
.sliderwastetitle { float: left; width: 100%; }
.sliderwastetitle h3 { font-weight: 400; color: #dbc923; margin-top: 10px; font-size: 50px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; cursor: auto; }
c .bannercontent h2 { font-size: 90px; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 6px; }
.bannercontent h4 { font-size: 30px; text-transform: uppercase; color: #dbc923; text-transform: uppercase; letter-spacing: 0.4em; }
.slider { position: relative; }
.slider-text { position: absolute; text-align: center; align-items: center; display: flex; display: -webkit-flex; height: 100%; justify-content: center; left: 0; top: 0; width: 100%; right: 0; z-index: 9999; }
.owl-nav, .owl-dots { display: none; }
.bannercontent p { font-size: 20px; position: relative; font-weight: normal; color: #fff; margin-top: 30px; line-height: 30px; }
.readlink { float: left; width: 100%; margin-top: 30px; }
.readlink a { color: #fff; background-color: #dbc923; padding: 22px 44px 22px; border-radius: 30px; font-size: 12px; border: 2px solid #dbc923; text-transform: uppercase; letter-spacing: 3px; }
.readlink a:hover { background: #fff; color: #dbc923; text-decoration: none; border: 2px solid #dbc923; transition: all 0.4s linear !important; -webkit-transition: all 0.4s linear !important; }
.sliderpart { position: relative; padding: 0px !important; overflow: visible !important; background-color: #fff; }
.bookingsection { position: absolute; z-index: 3; right: 0; left: 0; background-color: transparent !important; clear: both; overflow: hidden; padding-top: 18px; padding-bottom: 18px; }
header .brightpart a { background-color: #dbc923; color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: 2px; padding: 23px 30px 21px; text-transform: uppercase; line-height: 1; text-align: center; border: 2px solid #dbc923; border-radius: 30px; -webkit-transition: all 0.4s linear }
.sliderhicons { float: left; width: 100%; margin-top: 46px; text-align: center; }
.innerhicons { float: left; width: 100%; text-align: center; }
.bsright { display: inline-block; margin-right: 55px; }
.bsright i { border: 1px solid #49545a; border-radius: 50%; font-size: 14px; line-height: 30px; width: 60px; height: 60px; padding: 13px 10px; color: #dbc923; background: #49545a; text-align: center; }
.bsright h3 { font-size: 20px; color: #49545a; margin-top: 8px; margin-bottom: 0px; }
.bsadress { margin-left: 14px; }
.bsadress p { margin-top: 0px; }
.bsright p a { font-size: 14px; color: #dbc923; }
.bsicon, .bsadress { float: left; }
.bsright p a:hover { text-decoration: none; color: #49545a; }
.bsright i:hover { background: #dbc923; color: #5b676d; border: 1px solid #dbc923; }
.brightpart a:hover { text-decoration: none; }
.brightpart a:hover { border-color: #dbc923; color: #dbc923; background-color: transparent; }
.brightpart { margin-top: 33px; text-align: right; }
.innerhicons .bsadress p { font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: 1px; margin-bottom: 0px; }
.innerhicons .bsright h3 { letter-spacing: 1px; }
.aboutsection, .servicesection { float: left; width: 100%; text-align: center; }
.aboutcontent { margin-top: 30px; }
.aimage span { width: 60px; height: 60px; text-align: center; }
.aimage { margin-top: 28px; text-align: center; }
.aimage i { color: #dbc923; line-height: 10px; font-size: 28px; }
.aboutsection .atitle h1 { font-weight: 400; font-size: 40px; color: #323232; margin-top: 10px; font-size: 40px; text-transform: uppercase; letter-spacing: 2px; }
.aboutsection .atitle p { color: #323232; font-size: 12px; letter-spacing: 0.2em; font-weight: 500; text-transform: uppercase; }
.aboutsection .acontent p { color: #808080; line-height: 30px; font-size: 17px; font-weight: normal; }
.atitle { margin-bottom: 40px; }
.servicepart { float: left; width: 100%; margin-top: 25px; }
.serviceparts { background: #fff; text-align: center; }
.servicesection .scontentsection { float: left; width: 100%; margin-top: 30px; }
.servicesection .scntnsection { float: left; width: 100%; margin-top: 55px !important; margin-bottom: 30px !important; }
.scntnsection .servicepart { margin-top: 0px; box-shadow: 0 4px 8px 5px rgba(0, 0, 0, 0.2); }
.servicesection { float: left; width: 100%; margin-top: 45px; padding-bottom: 70px; background: #f7f7f7; }
.innerservicepage .servicesection { background: none; margin-top: 0px !important; padding-bottom: 55px !important; }
.servicesection h1 { font-weight: 400; font-size: 40px; color: #323232; margin-top: 10px; text-transform: uppercase; letter-spacing: 2px; }
.servicesection .stitle p { color: #323232; font-size: 12px; letter-spacing: 0.2em; font-weight: 500; text-transform: uppercase; }
.servicecontentpart { float: left; width: 100%; }
.servicecontentpart .simage, .servicesection .simage { height: 343px; overflow: hidden; text-align: center; }
.sboxes:nth-child(2) img, .ssection:nth-child(2) img { margin-top: 115px !important; }
.scontent { padding: 35px 35px 45px; background: #fff; }
.stitle h4 a { font-size: 20px; color: #323232; line-height: 27px; }
.stitle h4 a:hover, .stitle h4 a:focus { text-decoration: none; color: #dbc923; outline: none; }
.servicecontent p, .servicecontent h4 { color: #808080; font-size: 16px; font-weight: normal; line-height: 27px; }
.servicecontent { height: 65px; overflow: hidden; }
.servicebutton { float: left; width: 100%; }
.sbtn a { color: #ffffff; font-size: 12px; font-weight: 500; letter-spacing: 0.2em; padding: 23px 43px 21px; text-transform: uppercase; text-align: center; border: 2px solid #dbc923; background-color: #dbc923; border-radius: 30px; }
.sbtn { float: left; width: 100%; margin-top: 50px; }
.sbtn a:hover { background: #fff; color: #dbc923; text-decoration: none; transition: all 0.05s linear 0s; -webkit-transition: all 0.4s linear; }
.sarrowbtn a::before { content: "\f107"; font-family: FontAwesome; position: relative; top: 0; -webkit-transition: top 0.2s ease 0s; transition: top 0.2s ease 0s; color: #dbc923; font-size: 20px; }
.sarrowbtn a:hover { text-decoration: none; }
footer { background-color: #5c676d; float: left; width: 100%; }
.footer { background: url(../Downloads/images/footer.png); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.footer .f1 h1, .footer .f2 h1, .footer .f3 h1, .footer .f4 h1 { text-transform: uppercase; color: rgb(255, 255, 255); font-size: 18px; margin: 30px 0 20px; padding-bottom: 7px; text-align: left; border-bottom: 1px solid #767f84; }
.footer .f2 h1 { margin: 30px 0 14px !important; }
.f2 li { border-bottom: 1px dotted rgb(153, 153, 153); line-height: 35px; }
.footer .footer-social-icons { background: rgba(0, 0, 0, 0.2); padding: 6px 7px 7px 7px; margin-bottom: 25px; display: table; }
.footer .footer-social-icons a { margin: 0 1px; color: #FFF; background-color: #343434; border-radius: 28px; width: 38px; height: 38px; display: inline-block; text-align: center; font-size: 17px; }
.footer .footer-social-icons i { margin-top: 10px; }
.footer-copyrights p { margin-top: 10px; margin-bottom: 0; }
.fpart { padding-bottom: 20px; padding-top: 20px; }
.footer .abutton { margin-top: 25px; float: left; width: 100%; }
.f1 p { color: rgba(255,255,255,.80); line-height: 24px; font-weight: 400; font-style: normal; font-size: 14px; }
.f1 .abutton a { color: #fff; background: #dbc923; border: 2px solid #dbc923; padding: 13px 23px; border-radius: 30px; }
.f1 .abutton a:hover { background: #fff; color: #dbc923; text-decoration: none; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; }
.f2 li a { color: rgba(255,255,255,.80); font-size: 14px; }
.footer-copyrights { padding-top: 25px; padding-bottom: 25px; color: rgba(255,255,255,.80); background: #49545a; }
.f1 h1::after, .f2 h1::after, .f3 h1::after, .f4 h1::after { content: ""; display: block; width: 50px; border-bottom: 2px solid #dbc923; position: relative; bottom: -1px; top: 10px; }
.f4 form input, .f4 form textarea { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid rgba(255,255,255,.80); padding: 6px; width: 100%; margin-bottom: 7px; font-size: 14px; font-weight: normal; color: #fff; box-shadow: none; border-radius: 0px; color: rgba(255,255,255,.80) !important; }
.f4 form textarea { height: 70px; width: 100%; }
.footer .form-group { margin-bottom: 8px }
.f4 form input:focus, .f4 form textarea:focus { outline: none; border: 1px solid rgba(255,255,255,.80); box-shadow: none; }
.f4 form input[type="submit"] { width: auto; background: #dbc923; padding: 11px 33px; color: #fff; border-radius: 30px; -webkit-transition: all 0.4s linear; border: 2px solid #dbc923; }
.f4 form input[type="submit"]:hover, .f4 form input[type="submit"]:focus { background: #fff; color: #dbc923 !important; text-decoration: none; outline: none; }
.footer a { text-decoration: none; }
.fcpyicons li { display: inline-block; }
.fcpyicons li a { color: #FFF; background-color: #333e44; border-radius: 28px; width: 38px; height: 38px; display: inline-block; text-align: center; margin: 2px 7px 2px 0; padding: 7px 10px; font-size: 17px; }
.fcpyicons li a:hover { color: #000; background-color: #dbc923; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.fcpytext a { color: rgba(255,255,255,.80); }
.fcpytext a:hover { text-decoration: none; color: #dbc923; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.fcpysocial { float: right; display: inline-block; }
.fcpysocial ul { float: left; }
.fcpysocial p { display: inline-block; float: left; font-size: 14px; margin-top: 10px; padding-right: 19px; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { color: #fff; }
.footer .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { color: rgba(255,255,255,.80) !important; }
.footer-address li { list-style: none; display: inline-block; margin-bottom: 10px; width: 100%; }
.footer-address li strong { font-size: 14px; color: rgba(255,255,255,.80); }
.footer-address li span { font-size: 14px; color: rgba(255,255,255,.80); float: left; margin-left: 30px; }
.footer-address li a { color: rgba(255,255,255,.80); font-size: 14px; }
.footer-address li i { font-size: 20px; color: #dbc923; margin-right: 10px; width: 18px; text-align: center; }
.footer-address li a:hover, .f2 li a:hover { color: #dbc923; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.innerpage, .searchpage { width: 100%; float: left; padding-top: 10px; padding-bottom: 60px; }
.searchpage .page-header, .singlepage .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }
.wp-pagenavi { float: right; margin: 20px 0; }
.wp-pagenavi span, .wp-pagenavi a { text-decoration: none; border: 1px solid #bfbfbf; padding: 5px 8px; margin: 2px; font-weight: bold; color: #dbc923; }
.wp-pagenavi span.current { border: 1px solid #bfbfbf; color: #dbc923; background: #49545a; }
.entry-summary a.more-link, .entry-header a { color: #dbc923; }
.entry-summary a.more-link:hover, .entry-header a:hover { color: #323232; text-decoration: none; }
.page-header h1 { font-size: 26px; text-align: center; text-transform: uppercase; color: #dbc923; font-weight: bold; }
.archivepage .entry-content p { margin-top: 20px; font-size: 16px; color: #808080; }
.archivepage .post-thumbnail img { height: 100%; }
.searchpage .nfound { text-align: center; }
.errorpage .search, .searchpage .search { float: none; width: 35%; display: inline-block; text-align: center; margin-top: 20px; }
.errorpage .search input[type="text"], .searchpage .search input[type="text"] { padding: 5px; font-size: 17px; border: 1px solid #cccccc; float: left; width: 79%; margin-left: 6px; border-radius: 0px; }
.errorpage .search button, .searchpage .search button { float: left; width: 16%; padding: 8px; background: #dbc923; color: #ffffff; cursor: pointer; border: 0px; }
.searchpage .page-header, .singlepage .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }
.entry-title a { font-size: 20px; color: #dbc923; }
.errorpage .error-template { text-align: center; min-height: 400px; padding: 50px 0; }
.errorpage h1 { font-size: 36px; text-transform: uppercase; text-align: center; color: #dbc923; }
.errorpage h2 { text-align: center; font-size: 30px; color: #dbc923; }
.error-details { text-align: center; font-size: 16px; }
.error-actions { text-align: center; margin-top: 15px; }
.container-fluid.singlepage { width: 100%; float: left; margin-top: 50px; margin-bottom: 57px; }
.spage { float: left; width: 100%; text-align: center; }
.spage .innerhicons { margin-top: 52px; }
.spage .singleimage { float: left; width: 100%; text-align: center; }
.spage .wasimage { margin-top: 30px; }
.spage .wasimage i { font-size: 100px; }
.singleimage img { height: 200px; }
.stext { float: left; width: 100%; text-align: center; }
.stext p { font-size: 16px; color: #808080; line-height: 27px; text-align: left; letter-spacing: 0.8px; ; }
.mtitle { text-align: center; margin-bottom: 15px; margin-top: 15px; float: left; width: 100%; }
.inner-title { float: left; width: 100%; margin-top: 35px; }
.innerpage .mtitle { margin-bottom: 25px; }
.mtitle h1 { font-weight: 400; font-size: 40px; color: #323232; margin-top: 0px; text-transform: uppercase; letter-spacing: 2px; }
.pcontent { float: left; width: 100%; }
.rcontent { float: left; width: 100%; margin-top: 57px; margin-bottom: 86px; }
.zcontent { float: left; width: 100%; margin-bottom: 46px; margin-top: 20px; }
.wcontent { float: left; width: 100%; margin-top: 51px; margin-bottom: 45px; }
.wasteservice { margin-bottom: 50px; }
.aboutcontent p, .wcontent p, .zercontent p { font-size: 16px; letter-spacing: 0.8px; color: #808080; line-height: 27px; }
.recyclingpage { margin-bottom: 50px; }
.recyclecontent p { font-size: 16px; letter-spacing: 0.8px; color: #808080; line-height: 27px; }
.title-inner { float: left; width: 100%; text-align: center; background-position: center center !important; }
.title-inner .mtitle { background: rgba(0, 0, 0, 0.08); float: left; width: 100%; padding: 70px 0px 70px; margin: 0px; }
.innertitlemenu { margin: 0; padding: 0; background-color: transparent; border-radius: 0; color: inherit; font-size: 14px; line-height: 1.7; font-weight: 500; letter-spacing: 1px; margin-top: 20px; }
.innertitlemenu li { display: inline-block; }
.innertitlemenu li, .innertitlemenu li a { color: #ffffff; }
.innertitlemenu li a:hover, .innertitlemenu li a:focus { text-decoration: none; outline: none; }
.innertitlemenu > li + li::before { color: #ffffff; padding: 0 30px 0 26px; content: "/"; font-size: 8px; position: relative; top: -1px; }
/* contact page    */
.contactpage { float: left; width: 100%; margin-top: 30px; margin-bottom: 45px; }
.cpagecontent { float: left; width: 100%; }
.cicon { float: left; }
.cicon i { color: #dbc923; font-size: 31px; }
.cbody h4 { color: #323232; font-size: 20px; font-weight: 500; margin-left: 30px; margin-top: 0px; }
.cbody p { margin-left: 30px; }
.cbody p a { font-size: 14px; color: #7a7a7a }
.cbody p a:hover { text-decoration: none; color: #dbc923; }
.contact-address { display: inline-block; }
.cbody, .cicon, .cbodyp, .ciconp { float: left; display: inline-block; }
.contact-address, .contact-phone, .contact-mail { margin-bottom: 30px; }
.contact-phone { display: inline-block; }
.contactpage .cform input[type="text"], .contactpage .cform input[type="email"], .contactpage .cform input[type="tel"] { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; height: 35px; margin-bottom: 33px; padding-left: 15px; box-shadow: none !important; font-weight: normal; text-decoration: none; -webkit-box-shadow: none; -webkit-appearance: none; }
.contactpage .cform textarea { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; height: 100px; box-shadow: none !important; font-weight: normal; display: inline-block; width: 100%; margin-bottom: 15px; -webkit-appearance: none; }
.contactpage .cform select { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; box-shadow: none !important; font-weight: normal; display: inline-block; width: 100%; padding: 5px; margin-bottom: 22px; -webkit-appearance: none; background: url("https://wastewisesa.co.za/wp-content/uploads/2019/09/select-dropdown.png") white no-repeat 98.5% !important; }
.contactpage .cform select:focus { border: 1px solid #ccc; border-radius: 0px; outline: none; }
.conform label { color: #323232; font-weight: 500; font-size: 19px; margin-bottom: 8px; display: inline-block; }
.conform input[type="submit"] { width: auto; font-size: 14px; background: #dbc923; padding: 11px 33px; color: #fff; border-radius: 30px; -webkit-transition: all 0.4s linear; border: 2px solid #dbc923; }
.conform input[type="submit"]:hover, .conform input[type="submit"]:focus { background: #fff; color: #dbc923; text-decoration: none; outline: none; }
.conform span.cstar { color: #ee0000; margin-left: 3px; }
.cform, .cmap, .cinfo { float: left; width: 100%; }
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { float: left; width: 100%; color: #000; }
.mapsection { float: left; width: 100%; padding: 0px !important; }
.mappart { float: left; width: 100%; }
.cinnerinfo { float: left; width: 100%; margin-top: 25px; }
.conform { float: left; }
.conform .submitbtn { float: left; width: 1000%; margin-top: 15px; }
.mappart iframe { width: 100%; }
.cboxicon { float: left; display: inline-block; margin-right: 39px; }
.cboxicon-phone { float: left; display: inline-block; margin-right: 33px; }
.cboxicon-mail { float: left; display: inline-block; margin-right: 24px; }
.cboxicon span, .cboxicon-mail span, .cboxicon-phone span { color: #dbc923; border-color: #dbc923; font-size: 31px; }
.cboxtitle span { color: #323232; font-size: 20px; font-weight: 500; margin-top: 0px; }
.cboxicon i, .cboxicon-phone i, .cboxicon-mail i { margin-top: 2px; height: 60px; position: relative; display: block; }
.cboxcontent { margin-bottom: 30px; }
.cboxcontent p, .cboxcontent p a { color: #808080; font-size: 16px; font-weight: 300px; line-height: 27px; }
.cboxcontent p { margin-left: 55px; }
.cboxdescription a:hover, .cboxdescription a:focus { color: #dbc923; text-decoration: none; }
/* submenu css */
.headermenu { float: left; width: 100%; }
.main-nav ul { list-style: none; margin: 0; padding-left: 0; float: left; width: 100%; }
.main-nav li { float: left; padding: 5px 12px 8px 20px; position: relative; text-decoration: none; transition-duration: 0.5s; }
.main-nav li a { color: #000; }
.main-nav li:hover, .main-nav li:focus-within {cursor: pointer;}
.main-nav li:focus-within a {outline: none;}
.main-nav ul li ul { text-align: left; list-style: none; background-color: #ffffff; border-top: 5px solid #dbc923; box-shadow: 2px 0 20px rgba(0, 0, 0, 0.2); min-width: 18em; position: absolute; transition: all 0.5s ease; left: 0; display: none; z-index: 5000; letter-spacing: 0; }
.main-nav ul li ul { margin-top: 13px; padding: 5px 0; }
.headermenu ul li { padding: 15px 0px 0px 34px !important; }
.sub-menu li a { font-size: 12px !important; padding: 0 !important; text-align: center; }
.main-nav .sub-menu li { padding: 5px 33px 5px 14px !important; }
.main-nav .dropdown li a:hover { color: #dbc923; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.main-nav ul li:hover ul, .main-nav ul li:focus-within ul, .main-nav .dropdown:hover, .main-nav .dropdown:focus {
display: block;
}
.headermenu ul li:hover .sub-menu { display: block; }
.rimages { float: left; width: 100%; margin-top: 30px; margin-bottom: 65px; }
.recoverimg i { margin-bottom: 18px; font-size: 60px; text-align: left; line-height: 60px; height: 60px; color: #dbc923; }
.rcntent { float: left; width: 100%; text-align: center; }
.recovercontent h4 a { font-size: 20px; color: #323232; line-height: 27px; }
.recovercontent h4 a:hover, .recovercontent h4 a:focus { text-decoration: none; outline: none; color: #dbc923; }
.recovercontent p { color: #808080; font-size: 16px; line-height: 23px; }
.recovercontent p:hover, .recovercontent p:focus { text-decoration: none; outline: none; }
.wasteservice, .zeroservice { float: left; width: 100%; }
.serviceboximg { float: left; padding-bottom: 76px; padding-top: 50px; }
.wasimg { text-align: center; }
.wasteimg img { width: 85%; }
.wastelist-group { padding-left: 0; margin-bottom: 20px; list-style: none; margin-top: 40px; }
.wastelist-group > li { margin-bottom: 15px; border-bottom: 1px solid rgb(238, 238, 238); padding-left: 30px; padding-bottom: 15px; font-size: 16px; letter-spacing: 0.2px; color: #808080; line-height: 21px; }
.serviceslist i, .serviceslist-list i { float: left; color: #dbc923; margin-top: 4px; }
.wastelist-group > li > a:hover, .list-group > li > a:focus { text-decoration: none; outline: none; }
.compopage { margin-top: 80px; margin-bottom: 80px; }
.compcontent { float: left; width: 100%; margin-bottom: 45px; }
.cmpocntent p { font-size: 16px; letter-spacing: 0.005em; color: #808080; line-height: 27px; }
.compopage .zform { margin-top: 0px; }
.wasteauditservice { float: left; width: 100%; margin-bottom: 50px; }
.wasteauditservice .wcontent { margin-top: 30px; }
.wasteauditservice .wastecontent { margin-top: 20px; }
.sidebarright { margin-top: 40px; }
.zallcontent { float: left; width: 100%; margin-bottom: 55px; margin-top: 28px; }
.zform { border: 1px solid #EEE; border-radius: 5px; padding: 15px; margin-top: 0px; float: left; width: 100%; }
.zform label { color: #323232; font-weight: 500; font-size: 16px; margin-bottom: 8px; display: inline-block; }
.zform input[type="submit"], .onlinebookform input[type="submit"] { width: auto; font-size: 14px; background: #dbc923; padding: 11px 33px; color: #fff; border-radius: 30px; -webkit-transition: all 0.4s linear; border: 2px solid #dbc923; text-decoration: none; }
.zform .sidebarform input[type="submit"]:hover, .onlinebookform input[type="submit"]:hover, .zform .sidebarform input[type="submit"]:focus, .onlinebookform input[type="submit"]:focus { background: #fff; color: #dbc923; text-decoration: none; outline: none; }
.zform .sidebarform input[type="email"], .zform .sidebarform input[type="text"], .zform .sidebarform input[type="tel"] { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; height: 35px; margin-bottom: 20px; padding-left: 15px; box-shadow: none !important; font-weight: normal; -webkit-appearance: none; }
.zform phone { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; height: 100px; box-shadow: none !important; font-weight: normal; display: inline-block; width: 100%; margin-bottom: 15px; -webkit-appearance: none; }
.zform select { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; box-shadow: none !important; font-weight: normal; display: inline-block; width: 100%; padding: 5px; margin-bottom: 5px; text-decoration: none; -webkit-appearance: none; background: url("https://wastewisesa.co.za/wp-content/uploads/2019/09/select-dropdown.png") white no-repeat 98.5% !important; }
.zform select:focus { outline: none; }
.zform h2, .privacypart h2, .privacydef h2 { font-size: 20px; text-align: left; margin-bottom: 25px; color: #323232; margin-top: 0px; line-height: 27px; }
.privacydesc { margin-bottom: 50px; }
.privacydesc h2, .privacydef h2 { margin-top: 20px; }
.compopage .sidebarright, .zeroservice .sidebarright { margin-top: 0px; }
.zerolantext { float: left; width: 100%; margin-top: 35px; }
.zerolantext h4 { font-size: 20px; color: #323232; line-height: 27px; }
.zerolantext p { color: #808080; font-size: 16px; line-height: 27px; }
.zerolantext p.stermtext { font-size: 14px; }
.zerolantext .zerolan { padding: 0px; float: left; width: 100%; position: relative; margin-top: 20px; }
.zerolan ul li { list-style: none; margin: 0px 0px 30px; }
.zerolantext .zerolan ul li h2 { color: #000; font-size: 35px; padding-left: 75px; padding-top: 6px; }
.zerolantext .zerolanp ul li h2 span { font-size: 25px; }
.zerolan i { font-size: 45px; top: 27px; color: #dbc923; position: absolute; left: 15px; }
.zerolan ul li:hover i { transform: rotate(360deg); -moz-transform: rotate(360deg); }
.zerolan ul li i { transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; }
.binbox { box-shadow: 0 4px 8px 5px rgba(0, 0, 0, 0.2); padding: 20px 14px 22px; margin-bottom: 22px; }
.binsrow { float: left; width: 100%; margin-top: 80px; margin-bottom: 100px; }
.binbox h4 a { font-size: 20px; color: #323232; line-height: 27px; }
.binstitle h4 a:hover, .binbox h4 a:focus, .bicontcontent p a:hover, .bicontcontent p a:focus { text-decoration: none; color: #dbc923; }
.bicontcontent { height: 125px; overflow: hidden; }
.bicontcontent p a { color: #808080; font-size: 16px; line-height: 27px; }
.onlinebookform label { color: #323232; font-weight: 500; font-size: 19px; margin-bottom: 8px; display: inline-block; width: 100%; }
.onlforms { float: left; width: 100%; }
.onlinebookingtsection .innerhicons { margin-bottom: 50px; }
.onlinebookingtsection .onlinebookform input[type="text"], .onlinebookingtsection .onlinebookform input[type="email"], .onlinebookingtsection .onlinebookform input[type="tel"], .onlinebookingtsection .onlinebookform input[type="date"] { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; height: 35px; margin-bottom: 24px; padding-left: 15px; box-shadow: none !important; font-weight: normal; -webkit-appearance: none; }
.onlinebookingtsection .onlinebookform select { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; box-shadow: none !important; font-weight: normal; display: inline-block; width: 100%; padding: 5px; margin-bottom: 22px; }
.onlinebookingtsection .onlinebookform textarea { background-color: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 15px; height: 100px; box-shadow: none !important; font-weight: normal; display: inline-block; width: 100%; margin-bottom: 15px; -webkit-appearance: none; }
.onlinebookform span.cstar { color: #ee0000; margin-left: 3px; }
.onlinebookform input[type="checkbox"]:focus { outline: none; background: none; }
.onlinebookingtsection .onlineleft h2 { border-bottom: 1px solid #767f84; margin-bottom: 34px; font-size: 28px; text-align: left; color: #323232; line-height: 27px; margin-top: 13px; }
.onlinebookingtsection .onlineleft h2::after { content: ""; display: block; width: 50px; border-bottom: 3px solid #dbc923; position: relative; bottom: -1px; top: 2px; }
.onlinebookform { float: left; width: 100%; margin-top: 55px; margin-bottom: 55px; }
span.wpcf7-list-item { margin: 0px !important; width: 100%; }
span.wpcf7-list-item-label { margin-left: 10px; font-size: 16px; color: #808080; font-weight: 500; }
.sidebarleft { float: left; width: 100%; }
.binssection table { border: 1px solid #000; border-spacing: 0; text-align: left; width: 100%; }
.binssection td, .binssection th { border: 1px solid #000; padding: 8px; }
.binssection th { text-align: center; color: #000000; font-size: 18px; font-weight: bold; padding: 15px 10px; background: #dddddd; margin-top: 0px; text-align: center; }
.binssection td strong { font-weight: bold; font-size: 18px; color: #000; }
.binstable, .wastecollcontent { float: left; width: 100%; margin-top: 85px; margin-bottom: 85px; }
.wastecollcontent { margin-bottom: 40px; }
.binstable p {font-size:16px;color:#323232;margin-bottom:40px;margin-top:12px;}
.sitempart { float: left; width: 100%; margin-bottom: 55px; }
.sitemaplist { padding: 0px 0px 32px 0px; list-style-position: inside; }
.sitemaplist .sublist { margin-left: 20px; }
.sitesection { margin-top: 40px; margin-bottom: 30px; text-align: center; }
.sitesection ul li { list-style-type: square; }
.sitesection ul li a { color: #323232; font-size: 16px; line-height: 27px; }
.sitesection ul li a:hover, .sitesection ul li a:focus { text-decoration: none; outline: none; color: #dbc923; }
.privacysection .zform, .privacysection .sidebarright { padding: 0px 24px 41px 24px; margin-top: 0px; }
.privacysection .zform h2 { border-bottom: 1px solid #ddd; margin-top: 21px; }
.zform h2 { border-bottom: 1px solid #ddd; }
.privacydesc ul li span { margin-right: 10px; }
.privacydef p, .privacydesc ul li { color: #808080; font-size: 16px; line-height: 27px; }
.privacydesc ul li i { color: #dbc923; }
.privacydef p { padding-left: 30px; }
.privacydef { margin-top: 35px; }
.privacypart { float: left; width: 100%; margin-top: 35px; margin-bottom: 55px; }
.privacypart .privacydesc h2, .privacydef h2 { border-bottom: 1px solid #ddd; }
.privacypart h2:after, .privacydef h2:after, .zform h2:after { content: ""; display: block; width: 50px; border-bottom: 2px solid #dbc923; position: relative; bottom: -1px; top: 2px; }
.dwnldsection ul.tabs { display: table; list-style-type: none; margin: 0; padding: 0; }
.dwnldsection .innerhicons { margin-top: 60px; }
.dwnldsection ul.tabs>li { float: left; padding: 10px; background-color: lightgray; }
.content-buttons li { float: left; display: inline-block; }
.dwnldsection { float: left; width: 100%; margin-top: 36px; margin-bottom: 53px; }
.dwnldsection ul { float: left; width: 100%; }
.dwnldarea { float: left; width: 100%; }
.subcontent li { float: left; width: 100%; list-style: none; }
.dwnldsection .pane { float: left; width: 100%; width: 100%; margin-top: 6px; padding: 10px; box-sizing: border-box; position: relative; z-index: 2; }
.dwnldsection .dwnlcontent p { font-size: 18px; font-weight: 500; color: #323232; font-weight: normal; margin-bottom: 30px; margin-top: 16px; }
.dwnldsection ul li a { font-size: 16px; padding: 10px; font-weight: 500; color: #49545a; }
.dwnldsection ul li a:hover, .dwnldsection ul li a:focus { text-decoration: none; }
.dwnldsection .subcontent i { color: #ea0000; font-size: 20px; }
.dwnldsection .subcontent span a { margin-left: 10px; color: #323232; font-size: 16px; font-weight: normal; line-height: 30px; }
.dwnldsection .subcontent span a:hover, .dwnldsection .pane span a:focus { color: #dbc923; text-decoration: none; }
.dwnldsection .sidebarright, .dwnldsection .zform { margin-top: 0px; }
.dwnlcontent, .dwnldtabs { float: left; width: 100%; }
.dwnldtabs a.button { width: 100px; height: 50px; background-color: #49545a; color: #fff; line-height: 50px; text-align: center; text-decoration: none; padding-left: 17px; font-size: 18px; font-weight: 500; }
.content-buttons { width: 100%; float: left; background: #ddd; }
.dwnldtabs a.active { background-color: #ddd; color: #323232; }
.dwnldtabs .subcontent { float: left; width: 100%; margin-top: 30px; }
.dwnldtabs div[class*="subcontent-"] { display: none; }
.dwnldtabs div.active { display: block; }
.wastecollsection { margin-bottom: 70px; }
.wastecontnt { overflow: hidden; margin-bottom: 50px; transition: all 0.3s ease 0s; background: #f6f6f6 none repeat scroll 0 0; position: relative; border-bottom: 2px solid #dbc923; }
.wstecontent { height: 90px; overflow: hidden; }
.wasteleft { width: 40%; float: left; }
.wasteright { background: #f6f6f6 none repeat scroll 0 0; overflow: hidden; padding: 25px 10px 10px 25px; float: right; width: 60%; }
.wastecontnt:hover { box-shadow: 2px 5px 25px rgba(34, 30, 31, 0.25); }
.wsttitle h3 a { margin: 0px; }
.wsttitle h3 a { font-size: 22px; font-weight: 500; margin-bottom: 4px; margin-top: 0; color: #323232; }
.wstecollexcerpt strong { font-size: 22px; font-weight: 500; margin-bottom: 4px; margin-top: 0; color: #323232; }
.wastecntnts { display: inline-block; text-align: center; }
.wstecontent p a { font-size: 14px; color: #323232; line-height: 25px; }
.wsttitle h3 a:hover, .wsttitle h3 a:focus, .wstecontent p a:hover, .wstecontent p a:focus { color: #dbc923; text-decoration: none; }
.singlwastecontnt { padding: 11px 28px 5px; margin-bottom: 35px; box-shadow: 0 2px 15px 0px rgba(202, 199, 199, 0.35); border-radius: 15px; }
.sliderpart .wasimage { display: table; height: 175px; margin-top: 8px; }
.wasimage > a { display: table-cell; vertical-align: middle; }
.bimg:nth-child(3) .sliderwtitle h3 a { font-size: 30px; }
.wastecontent p { color: #808080; font-size: 16px; }
.wstecollcntnt p { font-size: 16px; color: #323232; }
.wasimage i { margin-bottom: 18px; font-size: 60px; text-align: left; line-height: 60px; height: 60px; color: #dbc923; }
.wastecntnts li { float: left; width: 100%; margin-bottom: 20px; list-style-type: square; }
.wastecntnts li span { float: left; width: 100%; font-size: 16px; color: #323232; font-weight: normal; }
.wastecntnts li strong { font-size: 19px; font-weight: 500; margin-bottom: 4px; margin-top: 0; color: #323232; }
.wstecollexcerpt strong p { margin-top: 50px; border-bottom: 1px solid #ddd; }
.wstecollexcerpt strong:after { content: ""; display: block; width: 50px; border-bottom: 2px solid #dbc923; position: relative; bottom: -1px; top: -11px; }
.dwnldtabs .vertical-tabs { margin: 50px auto; width: 80%; }
.dwnldtabs .vertical-tabs ul >li { float: none; }
.dwnldtabs .vertical-tabs ul li a { display: block; text-align: center; background-color: #ebebeb !important; margin: 20px auto; padding: 20px; width: 50%; border-radius: 5px; text-decoration: none; color: #333 !important; font-size: 20px; }
.captch { color: #323232; font-weight: 500; font-size: 15px; margin-bottom: 8px; display: inline-block; }
.headermenu ul.sub-menu { margin-top: 6px; }
.bookingtitle { float: left; width: 100%; }
.onlinebookingtsection .wpcf7-response-output.wpcf7-validation-errors { float: left; width: 100%; color: #000; }
.archivepage { margin-top: 60px; margin-bottom: 60px; }
.myaboutcontent { float: left; width: 100%; background: #49545a; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.headertop { background: -webkit-linear-gradient(right, #5B676D 50%, #DBC923 50%) }
::i-block-chrome, .main-nav ul li a {
padding: 7px 29px;
}
::i-block-chrome, .bannercontent {
top:80px;
}
::i-block-chrome, .hright .hsearchform input[type="text"], .f4 form input, .f4 form textarea:focus {
outline:none;
}
::i-block-chrome, .contactpage .cform textareafocus::-moz-placeholder {
border-bottom:0px;
}
::i-block-chrome, .hleft {
margin-top: 8px;
}
::i-block-chrome, input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:rgba(255, 255, 255, .80);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.slider-text { flex-direction: column; }
.serviceboximg .wasimg img { width: 100%; }
}
@media only screen and (max-width: 767px) {
_:-ms-fullscreen, :root .slider-text {
flex-direction:inherit !important;
}
}
@media only screen and (max-width: 767px) {
.container-fluid { padding: 0px !important; float: none; width: 100%; }
.aboutsection, .servicesection { padding-left: 15px !important; padding-right: 15px !important; }
.row { margin: 0px !important; }
.main-nav { display: none; }
.hright { float: left; width: 100%; }
.hleft ul li a:hover { color: #323232; }
.hmaintext { float: none; text-align: center; }
.hmaintext p { padding-right: 0px; }
.headerlogo { text-align: left; float: left; width: 100%; display: inline-block; margin-top: 20px; }
.bookingsection .brightpart a { padding: 17px 12px 17px; }
header .brightpart a { padding: 15px 11px 15px; }
.brightpart { text-align: center; margin-top: 19px; margin-bottom: 14px; }
.bookingsection { position: inherit; z-index: auto; padding-bottom: 4px !important; background-color: #49545a !important; padding-top: 13px !important; }
.hsearchform button { padding: 7px 28px 7px 0px; }
.bookingsection .brightpart a { padding: 17px 12px 17px; }
.bsright p a { font-size: 11px; }
.bsright h3 { font-size: 13px; margin-bottom: 4px; margin-top: 4px; }
.bsadress { margin-left: 6px; float: none; display: inline-block; }
header .brightpart a { padding: 15px 11px 15px; }
.bsright i { width: 30px; height: 30px; padding: 0px 7px; }
.menu-primarymenu-container { text-align: center; }
.atitle { margin-bottom: 20px; }
.aboutsection .acontent p { line-height: 27px; font-size: 15px; }
.servicesection { margin-top: 30px; padding-bottom: 35px !important; }
.servicesection h1 { font-size: 29px; }
.servicesection .stitle p { font-size: 9px; }
.scontent { padding: 6px 12px 0px; }
.servicebutton { margin-bottom: 35px; }
.fsocial, .fcpysocial, .hright { text-align: center; float: none; }
.fsocial ul li a { padding: 6px 10px; width: 20px; height: 20px; }
.fsocial li:first-child a { padding: 6px 13px; }
.footer-address li { display: block; }
.footer-address li span { float: left; margin-left: 29px; }
.footer .f2 h1 { margin: 48px 0 14px !important; }
.footer-copyrights p { font-size: 12px; }
.fcpysocial p { font-size: 12px; }
.f4 form textarea { width: 100%; }
.fpart { padding-top: 0px; }
.fcpyicons li a { font-size: 15px; padding: 4px 7px; width: 30px; height: 30px; }
.aboutsection .atitle h1 { font-size: 26px; }
.bsrightpart { margin-left: 0px; }
.brightpart { text-align: center; margin-top: 26px; margin-bottom: 30px; }
.bannercontent { top: 0px; }
.bannercontent p { font-size: 10px; line-height: 15px; margin-bottom: 0px; }
.bannercontent h2 { font-size: 16px; margin-top: 5px; }
.bannercontent h4 { font-size: 10px; }
.readlink { margin-top: 10px; margin-bottom: 12px; }
.readlink a { padding: 7px 6px 7px; letter-spacing: 2px; font-size: 11px; }
.sidebarform { padding-right: 15px; padding-left: 15px; }
.onlinebookingtsection .onlinebookform input[type="text"], .onlinebookingtsection .onlinebookform input[type="email"], .onlinebookingtsection .onlinebookform input[type="tel"], .onlinebookingtsection .onlinebookform input[type="date"] { margin-bottom: 20px; }
.zerolantext h4 { font-size: 18px; }
button#responsive-menu-button { width: 38px !important; height: 38px !important; background: #dbc923 !important; top: 35px !important; }
.title-inner { background-size: cover !important; }
.title-inner .mtitle { padding: 30px 0px 30px; }
.mtitle h1 { font-size: 23px; }
.pcontent { margin-bottom: 60px; margin-top: 0px; }
.innertitlemenu > li + li::before { padding: 0 13px 0 8px; }
.aboutcontent p, .wcontent p, .zercontent p, .recyclecontent p, .wastecontent p { font-size: 15px; line-height: 25px; }
.dwnldsection { margin-top: 46px; margin-bottom: 70px; }
.zallcontent { margin-top: 15px; margin-bottom: 47px; }
.zform { margin-top: 20px; margin-bottom: 0px; padding: 3px; }
.zform h2 { padding: 9px 8px 0px 14px; }
.dwnldsection .subcontent span a { font-size: 14px; }
.wcontent { margin-top: 25px; margin-bottom: 0px; }
.wastecontent { margin-top: 25px; }
.serviceboximg { padding-bottom: 45px; padding-top: 23px; }
.cinnerinfo { margin-top: 35px; }
.sidebarright { margin-top: 5px; }
.wastecontnt { margin-bottom: 0px; margin-top: 65px; }
.wasteleft { width: 100%; }
.wasteright { padding: 15px 2px 15px 11px; width: 100%; }
.wsttitle h3 { margin-top: 4px; }
.wsttitle h3 a { font-size: 20px; }
.wstecontent p a { font-size: 15px; }
.wastecollcontent { margin-top: 51px; }
.sliderpart .wasimage { text-align: center; display: table; margin-top: 33px; margin-bottom: 10px; height: 58px; }
.owl-carousel .owl-item img { display: inline-block; }
.bimg:nth-child(3) .sliderwtitle h3 a { font-size: 13px; }
.sitesection { margin-top: 25px; margin-bottom: 0px; }
.sitemaplist { padding: 0px 19px 32px 19px; }
.privacypart { margin-top: 20px; margin-bottom: 70px; }
.cboxtitle span { font-size: 18px; }
.cboxcontent p, .cboxcontent p a { font-size: 15px; line-height: 24px; }
.conform label { font-size: 17px; }
.errorpage .search, .searchpage .search { width: 70%; }
.rcontent { margin-top: 26px; margin-bottom: 0px; }
.contactpage { margin-top: 32px; }
.cboxcontent { margin-bottom: 21px; }
.captch { font-size: 13px; padding-left: 0px; padding-right: 0px; }
.onlinebookform { margin-top: 20px; margin-bottom: 0px; }
.onlinebookingtsection .innerhicons { margin-bottom: 0px; }
.onlinebookingtsection .onlineleft h2 { font-size: 24px; }
.onlinebookform label { font-size: 16px; }
span.wpcf7-list-item-label { font-size: 14px; }
.onlforms, .sitempart { margin-bottom: 40px; }
.conform { padding-left: 0px; padding-right: 0px; }
.content-buttons li { width: 100%; text-align: center; }
.dwnldtabs { margin-bottom: 30px; }
.dwnldtabs a.button { line-height: px; }
.dwnldtabs a.button { padding: 6px; font-size: 13px; text-align: center; float: left; width: 100%; }
.cform { margin-top: 20px; }
.privacydef p, .privacydesc ul li { font-size: 15px; }
.zerolantext p { margin-top: 15px; }
.binsrow { margin-top: 60px !important; margin-bottom: 30px !important; }
.binssection .sidebarright .zform { margin-bottom: 60px; }
.binstable { margin-bottom: 30px; }
.binscontent { text-align: center; }
.binbox { padding: 22px 14px 3px; }
.stext p { margin-top: 12px; font-size: 15px; }
.sliderwastecontent { padding: 0px; }
.sliderwtitle h3 { font-size: 9px; margin-top: 15px; }
.sliderwtitle h3 a { font-size: 8px; }
.sliderwastecontent .wasimage i { font-size: 32px; }
.sliderwastecontent .wasimage p { margin-top: 0px; }
.sliderwaste .sliderwtitle { height: 0px !important; overflow: inherit; }
.dwnldsection .dwnlcontent p { font-size: 16px; margin-top: 63px; }
.sliderwaste .bimg { padding: 0px; }
.hright .hsearchform input[type="text"] { text-align: center; }
.wasteimg .aimg { text-align: center; }
.sboxes, .servicesection .ssection { padding: 0px !important; }
.privacysection .zform { padding: 3px; }
.privacysection .sidebarright { padding-left: 15px; padding-right: 15px; }
.bsright li span a { font-size: 13px; }
.bectionleft { text-align: center; }
.rcntent { margin-bottom: 40px; }
.recoverimg i { margin-bottom: 0px; }
.binscontsection .sidebarright { margin-bottom: 59px; }
.footer-copyrights { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.searchpage { padding: 20px 15px 60px 15px !important; }
.slider-img { height: 300px; background-position: bottom center; }
.sliderwastetitle h3 { font-size: 16px; margin-top: 9px; margin-bottom: 9px; }
.sliderhicons, .innerhicons { margin-top: 15px; display: inline-block; float: none; width: auto; text-align: center; }
.innerhicons { margin-top: 15px; display: inline-block; float: none; width: 100%; text-align: center; }
.bsright { width: 100%; display: block; text-align: center; margin-right: 0px; margin-bottom: 10px; }
.row.sliderwaste { margin-left: 15px !important; margin-right: 15px !important; }
.servicecontentpart .simage { height: auto; }
.scontentsection { margin-top: 0px; }
.serviceparts { margin-bottom: 25px !important; }
.sboxes:nth-child(2) img, .ssection:nth-child(2) img { margin-top: 50px !important; }
.scntnsection .servicepart { margin-bottom: 40px; }
.servicesection .scntnsection { margin-top: 15px !important; margin-bottom: 0px !important; }
.servicecontentpart .simage, .servicesection .simage { height: auto; }
.innerservicepage .servicesection { padding-bottom: 30px !important; }
.zerolantext { margin-top: 25px; }
.recyclecontent { margin-top: 41px; }
.zcontent { margin-top: 0px; margin-bottom: 15px; }
.recyclingpage { margin-bottom: 45px; }
.container-fluid.singlepage { margin-top: 20px; margin-bottom: 43px; }
.spage .innerhicons { margin-top: 30px; }
.innerhicons .bsright h3 { margin-bottom: 0px !important; }
.innerhicons .textwidget { text-align: center; display: inline-block; }
.innerhicons .bsadress p { line-height: 17px; }
.sliderwastecontent .wasimage img { width: 80% !important; }
.privacysection { padding-left: 15px !important; padding-right: 15px !important; }
.logged-in.admin-bar button#responsive-menu-button { top: 78px !important; }
.sitesection { text-align: center; }
}
@media only screen and (max-width: 767px) and (orientation:landscape) {
.headerlogo img { width: 35%; }
.footer-address li { display: inline-block; }
.hsearchform button { width: auto; position: relative; right: 65px; }
.readlink { margin-top: 10px; margin-bottom: 10px; }
.slider-img { height: 345px; }
.sliderwastetitle h3 { margin-top: 0px; }
}
@media only screen and (min-width: 768px) and (max-width:1199px) {
.container-fluid { padding: 0px !important; }
.row { margin: 0px !important; }
.hmaintext span { font-size: 14px; padding-right: 3px; }
.hleft ul li { padding-left: 5px; padding-right: 4px; }
.hleft ul li a { font-size: 14px; }
.headerlogo img { width: 85%; }
.sliderwastetitle h3 { font-size: 25px; margin-bottom: 5px; margin-top: 30px; }
.main-nav { margin-top: 5px; }
.hnav { padding-top: 20px !important; padding-bottom: 20px !important; }
.main-nav ul li a { padding: 7px 0px; font-size: 12px; }
header .brightpart a { padding: 13px 6px 13px; font-size: 11px; }
.hsearchform button { padding-left: 35px; }
.hleft { margin-top: 7px; }
.hright .hsearchform input[type="text"] { font-size: 14px; text-align: center; padding: 7px; }
.headermenu ul li { padding: 9px !important; }
.fsocial { margin-top: 13px; }
.fsocial ul li a { padding: 5px 9px; }
.fsocial li:first-child a { padding: 5px 11px; }
.brightpart { margin-top: 13px; }
.bsleft i,.bsright i { padding: 5px 5px; width: 40px; height: 40px; }
.bookingsection { padding-top: 10px !important; padding-bottom: 10px !important; }
.bannercontent h2 { font-size: 55px; }
.bannercontent h4 { font-size: 21px; }
.bannercontent p { margin-top: 0px; font-size: 15px; line-height: 17px; }
.readlink { margin-top: 13px; }
.readlink a { padding: 10px 14px 10px; font-size: 11px; }
.pcontent { margin-bottom: 60px; }
.privacysection .zform, .privacysection .sidebarright { padding: 8px !important; }
.aboutsection .atitle h1 { font-size: 33px; }
.aboutsection .acontent p { line-height: 27px; font-size: 16px; }
.servicesection h1 { font-size: 33px; }
.scontent { padding: 10px 9px 19px; }
.servicebutton { margin-bottom: 90px; }
.footer-address span { font-size: 12px; }
.f1 .abutton a { padding: 13px 17px; font-size: 12px; }
.f1 p { font-size: 12px; line-height: 22px; }
.f3 p i { margin-right: 0px; }
.fcpytext { float: left; }
.f2 li a, .f3 p a, .f3 p { font-size: 11px; }
.f3 p i { font-size: 16px; }
.footer .f3 { padding: 0px; }
.f4 form input, .f4 form textarea { font-size: 11px; }
.wastecontent p { font-size: 14px; }
.wastelist-group { margin-top: 0px; }
.wastelist-group > li { margin-left: 0px; }
.binsrow { margin-top: 70px !important; margin-bottom: 55px !important; }
.wsttitle h3 { margin-top: 0px; }
.wsttitle h3 a { font-size: 19px; }
.conform { padding-left: 1px; padding-right: 3px; }
.conform label { font-size: 17px; }
.cboxicon { margin-right: 23px; }
.cboxicon-phone { margin-right: 17px; }
.cboxicon-mail { margin-right: 11px; }
.cboxcontent p { margin-left: 40px; }
.wcontent, .rcontent { margin-top: 64px; }
.sidebarform { padding-left: 3px; padding-right: 3px; }
.dwnldsection { margin-top: 64px; margin-bottom: 77px; }
.cboxtitle span { font-size: 18px; }
.cboxcontent p, .cboxcontent p a { font-size: 14px; line-height: 24px; }
.onlinebookingtsection .onlineleft h2 { font-size: 24px; }
.onlinebookform { margin-top: 48px; }
.wastecollcontent { margin-top: 67px; }
.wastecollsection { margin-bottom: 52px; }
.binbox h4 a { font-size: 15px; }
.bsright p a { font-size: 11px; }
.bicontcontent p a { font-size: 14px; }
.binbox { padding: 18px 16px 13px 16px; text-align: center; }
.binscontent { height: 170px; overflow: hidden; }
.binstable, .wastecollcontent { margin-top: 77px; }
.binstable p { margin-top: 11px; }
.binssection th, .binssection td strong { font-size: 14px; }
.binssection td, .binssection th { padding: 4px; }
span.wpcf7-list-item-label { font-size: 15px; }
.zform { padding: 8px; }
.zform h2, .privacypart h2, .privacydef h2 { font-size: 19px; }
.stitle h4 a { font-size: 16px; line-height: 25px; }
.servicecontent p { font-size: 15px; }
.onlinebookingtsection .zform { margin-top: 13px; }
.aboutcontent p, .wcontent p, .zercontent p { font-size: 15px; }
.dwnldtabs a.button { font-size: 13px; line-height: 42px; padding: 8px; }
.main-nav ul li ul { min-width: 138px; }
.main-nav .sub-menu li { padding: 5px 28px 5px 10px !important; }
.footer-address li span { font-size: 12px; margin-left: 21px; }
.footer-address li strong { font-size: 11px; }
.footer-address li a { font-size: 11px; }
.footer-address li i { font-size: 15px; margin-right: 7px; width: 15px; }
.onlinebookform label { font-size: 18px; }
.searchpage { padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 50px !important; }
.wasteright { padding: 4px 9px 5px 24px; }
.singlwastecontnt { padding: 11px 9px 3px 9px; }
.wastetitle h3 { font-size: 16px; }
.sitesection { margin-top: 50px; }
.sliderwastecontent { padding: 0px 16px 0px; }
.sliderwtitle h3 a, .sliderwtitle h3 { font-size: 15px; }
.sliderwastecontent .wasimage i { font-size: 48px; }
.sliderwastecontent .wasimage { height: 100px; margin-bottom: 15px; }
.bimg:nth-child(3) .sliderwtitle h3 a { font-size: 23px; }
.f4 form input, .f4 form textarea { border-radius: 0px; }
.contactpage .cform input[type="text"], .contactpage .cform input[type="email"], .contactpage .cform input[type="tel"] { border-radius: 0px; box-shadow: none; }
.privacysection .zform h2 { margin-top: 0px; }
.zform .sidebarform input[type="email"], .zform .sidebarform input[type="text"], .zform .sidebarform input[type="tel"] { padding-top: 8px !important; }
.sliderhicons { margin-top: 15px; margin-bottom: 10px; }
.bsections { margin-top: 20px; }
.bsright h3 { font-size: 16px; }
.row.sliderwaste { margin-left: 15px !important; margin-right: 15px !important; }
.servicecontentpart .simage, .servicesection .simage { height: 280px; }
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
.headermenu ul li { padding: 8px !important; }
.hleft ul li { padding-left: 3px; padding-right: 3px; }
.bannercontent { top: 0px; }
}
 @media only screen and (min-width: 900px) and (max-width:1024px) {
.main-nav { margin-top: 9px; }
.fsocial { margin-top: 23px; }
.main-nav ul li a { padding: 7px 6px; font-size: 13px; }
}
@media only screen and (min-width: 1025px) and (max-width:1199px) {
.main-nav ul li a { padding: 7px 12px; font-size: 14px; }
.main-nav { margin-top: 21px; }
.fsocial { margin-top: 25px; }
.brightpart { margin-top: 23px; }
header .brightpart a { padding: 17px 19px 17px; }
.sliderwastetitle h3 { font-size: 40px; margin-bottom: 22px; margin-top: 22px; }
.bsright p a { font-size: 15px; }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
.container-fluid { padding: 0px !important; }
.row { margin: 0px !important; }
.hnav { margin-top: 18px !important; padding-bottom: 18px !important; }
.sliderwastetitle h3 { font-size: 27px; margin-bottom: 12px; }
.main-nav { margin-top: 14px; }
.main-nav ul li a { padding: 7px 12px; }
.sliderwtitle h3 a { font-size: 19px; }
.bookingsection { margin-top: 20px; padding-bottom: 20px !important; }
.brightpart { margin-top: 27px; }
header .brightpart a { padding: 17px 26px 17px; }
.pcontent { margin-bottom: 72px; }
.servicesection { padding-bottom: 78px !important; }
}
@media only screen and (min-width: 1400px) and (max-width:1560px) {
.main-nav { margin-top: 12px; }
.brightpart { margin-top: 30px; }
.main-nav ul li a { padding: 7px 18px; }
}