/* CUSTOM CSS START HERE */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html{
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {

	height: 100%;
	font-family: 'HelveticaNeue-Roman';
	font-weight: normal;
	background-color:#fff;
	line-height:1;
	margin:0;
	color:#444445;
}

h1, h2, h3, h4, h5, h6, p, span, div, body, strong{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	font-family: 'FuturaLTW01';
    font-weight: 900;
    font-style: normal;
    
}

h2{
	font-size:40px;
	line-height:1.25;
}

a{
	font-family: 'HelveticaNeue-Roman';
    font-weight: normal;
    font-style: normal;
   
	background-color: transparent;
	text-decoration:none;
	outline: none;
}

img.alignnone, .alignnone{
	margin-bottom:0;
}

a:active,
a:hover {
  outline: 0;
}

sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}

img {
  border: 0;
  vertical-align: middle;
}

p{
	
	color:#333333;
	font-size:21px;
	line-height:1.71;
	margin-bottom:15px;
	font-family: 'HelveticaNeue-Roman';
    font-weight: normal;
    font-style: normal;
   
}

h2{
	color:#333333;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.25;
	
}

ul{
	padding: 0;
    margin: 0;
    color:#333333;
	font-size:21px;
	line-height:1.71;
	margin-bottom:15px;
	font-family: 'HelveticaNeue-Roman';
    font-weight: normal;
    font-style: normal;

}

ul li{
	color:#333333;
	font-size:21px;
	line-height:1.71;
	margin-bottom:15px;
	font-family: 'HelveticaNeue-Roman';
    font-weight: normal;
    font-style: normal;

}


.clearfix:before, .clearfix:after, .inner::before, .inner::after, .row::before, .row::after{
	display: table;
    content: " ";
}

.clearfix:after, .inner::after, .row::after{
	clear:both;
}

*:before, *:after{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.text-center{
	text-align: center;
}

.primary-btn{
	background-color: #ee2d26;
	font-size: 16px;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
	padding: 15px 20px;
	display: inline-block;
	border:solid 1px #ee2d26;
	color:#fff;
	text-align: center;
}

.primary-btn:hover{
	background-color: #fff;
	color:#ee2d26;
}

.primary-btn:focus{
	color:#fff;
	outline:none;
}

.gfield_visibility_hidden{
	display: none;
}

/* SCROLL TOP */

.scroll-up{
	position: fixed;
    bottom: 15px;
    right: 15px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    width: 48px;
    height: 45px;
    background-color: #F6431C;
    line-height: 45px;
    opacity: 1;
}

.scroll-up:hover{
	opacity: 1;
	 color:#fff;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}



.site-container{
	-webkit-animation: fadein 1s;
    animation: fadein 1s;
    word-wrap: break-word;
}


.top-header-section{
	 background-color: #fff;
	 padding-top: 14px;
	 position: fixed;
	 width: 100%;
	 z-index: 9;
	 padding-bottom: 10px;
}
.top-header-section .citi-widget-area{
	float:right;
	width:auto;
}

.top-header-section .citi-widget-area section{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	vertical-align:top;
	
    position: relative;
}

.top-header-section .citi-widget-area .woocommerce-product-search input[type='search']{
	padding: 8px 15px;
    font-size: 16px;
    font-weight: 300;
	width:330px;
	font-family: 'HelveticaNeue-Roman';
}

.top-header-section .citi-widget-area .woocommerce-product-search button[type='submit']{
	display:none;
}

.top-header-section .citi-widget-area .woocommerce-product-search:before{
	content:'';
	position:absolute;
	background:url('./images/search-icon.svg') top center no-repeat;
	width:14px;
	height:14px;
	right: 10px;
    top: 10px;
}

.top-header-section .citi-widget-area ul li{
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: 900;
    font-style: normal;
}
.top-header-section .citi-widget-area p{
	margin-bottom: 0;
}
.top-header-section .citi-widget-area .tp-contact a{
	color:#282461;
	font-size: 18px;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: 900;
    font-style: normal;
	text-transform: uppercase;
}
.top-header-section .citi-widget-area .tp-contact img{
	margin-bottom: 0;
	margin-top: -5px;
}

.cta_section {
    display: none;
}

.top-header-section .citi-widget-area .tp-enquire a.btn,
.cta_section a.btn{
	padding:5px 15px;
	font-size:18px;
	background-color:#FEBE00 !important;
	border:solid 1px #FEBE00 !important;
	color:#000 !important;
}

.top-header-section .citi-widget-area .tp-enquire a.btn:hover,
.cta_section a.btn:hover{
	color:#FEBE00 !important;
	background-color:#fff !important;
}

.top-header-section .citi-widget-area .tp-enquire a.btn:focus,
.cta_section a.btn:focus{
	color:#ee2d26;
	
}

.search.woocommerce .sidebar-free-ebook,
.search.woocommerce .sidebar-enquire-online{
	display:none;
}	

.woocommerce-product-search{
	font-family: 'HelveticaNeue-Roman';
}

.site-header{
	background-color: #fff;
	min-height: 62px;
	position: fixed;

	box-shadow: none;
	margin-top: 60px;
	width:100%;
	z-index: 999;
}

.site-header.scrolling {
    
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,.135);
    position: fixed;
    width: 100%;
    padding: 0;
    z-index: 999;
}

.page-header-spacer{
	height: 120px;
    width: 100%;
}


.inner, .wrap{
	margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1150px;
    padding-left: 10px;
    padding-right: 10px;
}
.widget{
	margin-bottom: 0;
}
.widget ul > li{
	margin-bottom: 0;
}



.wp-custom-logo .title-area,
.site-header .title-area{
	float: left;
	width: 100%;
	padding:0;
}
.wp-custom-logo .site-container .title-area,
.site-container .title-area{
	max-width:285px;
}
/*
.site-logo{
	float: left;
	max-width: 272px;
	width: 100%;
}
*/

.header-widget-area{
	text-align: right;
	float: right;
	max-width: 810px;
	width: 100%;
} 
/*
.site-menu{
	float: right;
	max-width: 810px;
	width: 100%;
}

.site-menu ul li{
	list-style: none;
	display: inline-block;
	padding: 8px 10px;
}

.site-menu ul li > a{
	color:#333333;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	
}
*/
.genesis-nav-menu li{
	list-style: none;
	display: inline-block;
	padding: 8px 12px;
}
.genesis-nav-menu a{
	color:#333333 !important;
	font-size: 18px;
	font-family: 'HelveticaNeue-Medium';
	font-weight: 500;
    font-style: normal;
	text-transform: uppercase;
	padding:0;
}

.genesis-nav-menu a:hover{
	
	color:#ee2d26 !important;
}

.genesis-nav-menu .current-menu-item > a{
	color:#ee2d26 !important;
	/*border-bottom:solid 3px #ee2d26;*/
}


.toggle-wrap{
	
	clear: none;
    display: none;
    margin: 0 auto;
    width: 50px;
    float: none;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 5px;
    

      
}

#toggle-nav{
	    background: transparent none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 0;
    outline: medium none;
    overflow: hidden;
    padding: 3px 0 0;
    text-align: right;
    text-indent: -99999px;
    width: 50px;
}

#toggle-nav span{
	background: #282461 none repeat scroll 0 0;
    display: block;
    height: 4px;
    margin: 0 auto 5px auto;
    width: auto;
}

#mobile-menu-section, .mobile-menu-wrap{
	display: none;
}

.home h2{
	text-transform: uppercase;
}

.banner-section{
	background:url('./images/CITI-INDUSTRIES-BANNER.jpg');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 615px;
	padding-top: 80px;
	position: relative;
}
.banner-section .row-1 .context {
	float: left;
	max-width: 750px;
	width: 100%;
}
.banner-section .row-1 .context h1{
	color:#fff;
	font-size: 70px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.banner-section .row-1 .context p{
	color:#fff;
	font-size: 22px;
	line-height: 1.36;
	
}
.banner-section .row-1 .context p strong{
	 font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
}
.banner-section .row-1 .watch-video{
	float: left;
	padding-top: 105px;
	margin-left: 72px;
}
.banner-section .row-1 .watch-video a{
	outline: none;
}
.banner-section .row-2{
	margin-top: 30px;
}


.banner-section .row-2 h4{
	color:#fff;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
	font-size: 15px;
	margin-bottom: 18px;
}


.banner-section .row-2 .brands{
	padding-left: 30px;
	padding-right: 30px;
}
.banner-section .row-2 ul li{
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
	margin-right: 12px;
	outline: none;
	margin-bottom: 0;
}

.section-1{
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-1 .heading{
	margin-bottom: 60px;
}

.section-1 .heading h2{
	position: relative;
	text-transform:uppercase;
	font-size:48px;
}
.section-1 .heading h2:before{
	content:'';
	position: absolute;
	background:url('./images/arrow-left.png') top left no-repeat;
	width: 62px;
	height: 67px;
	margin-left: -90px;
    bottom: -40px;
}
.section-1 .heading img{
	position: absolute;
	left: 50%;
	margin-left: -40px;
}
.section-1 .heading h2:after{
	content:'';
	position: absolute;
	background:url('./images/arrow-right.png') top right no-repeat;
	width: 62px;
	height: 67px;
	 bottom: -40px;
	 margin-left: 10px;
}

.section-1 .lists{
	margin-left: -12px;
	margin-right: -12px;
	text-align: center;
	margin-bottom: 50px;
}
.section-1 .lists .list{
	
	background:url('./images/Commercial-Plumbing.jpg');
    background-image: -moz-image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Wash-Bay-Design.jpg.webp") 1x);
    background-image: -webkit-image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Wash-Bay-Design.jpg.webp") 1x);
    background-image: image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Wash-Bay-Design.jpg.webp") 1x);
	background-position:top center;
    background-repeat: no-repeat;
    max-width: 360px;
    width: 100%;
	min-height: 330px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
	padding: 35px 30px 40px;
}


.section-1 .lists .list-2{
	
	background:url('./images/Grease-Trap-Supply.jpg');
    background-image: -moz-image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Grease-Trap-Supply.jpg.webp") 1x);
    background-image: -webkit-image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Grease-Trap-Supply.jpg.webp") 1x);
    background-image: image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Grease-Trap-Supply.jpg.webp") 1x);
	background-position:top center;
    background-repeat: no-repeat;
}

.section-1 .lists .list-3{
	background:url('./images/Wash-Bay-Design.jpg');
    background-image: -moz-image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Wash-Bay-Design.jpg.webp") 1x);
    background-image: -webkit-image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Wash-Bay-Design.jpg.webp") 1x);
    background-image: image-set(
    url("/wp-content/webp-express/webp-images/themes/citiindustries/images/Wash-Bay-Design.jpg.webp") 1x);
	background-position:top center;
    background-repeat: no-repeat;
}

.section-1 .lists .list h3{
	color:#fff;
	text-transform: uppercase;
	font-size: 28px;
	
	line-height: 1.14;
	margin-bottom: 10px;
}
.section-1 .lists .list img{
	width: 120px;
	margin-bottom: 15px;
}
.section-1 .lists .list p{
	margin-bottom:0;
}
.section-1 .lists .list a.btn{
	font-size:17px;
}

.section-1 .context {
	max-width: 870px;
	width: 100%;
	margin:0px auto;
}


.section-1 .context h3{
	color:#333333;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.45;
}

.section-1 .context p{
	color:#333333;
	
	margin-bottom: 20px;
	line-height: 1.66;
	text-align: justify;
	
}

.section-2{
	background-color: #282461;
	padding: 115px 0;
	overflow: hidden;
}

.section-2 .context{
	max-width: 770px;
	width: 100%;
	margin: 0px auto;
	position: relative;
}

.section-2 .context .embed-responsive{
	border:solid 8px #fff;
}

.section-2 .context:after{
	/*content:'';
	position: absolute;
	width: 221px;
	height: 191px;
	background: url('./images/check-video.png');
	right: -230px;
    top: 40px;
	*/
}
.section-2 .context .check-video{
	max-width:280px;
	width:100%;
	position:absolute;
	right: -320px;
    top: 50px;
}
.section-2 .context .check-video h3{
	font-family: 'komika_title_-_axisregular';
	color:#fff;
	font-weight:normal;
	font-size:34px;
	line-height:1.20;
	text-align:center;
	text-shadow: -2px 5px 5px #000;
	margin-bottom:25px;
    letter-spacing: 1px;
}
.section-3{
	background-color: #f7f7f7;
	padding-top: 90px;
	padding-bottom: 90px;
}
.section-3 .context{
	margin-bottom:50px;
}
.section-3 .context h2{
	text-transform:uppercase;
	margin-bottom:20px;
}
.section-3 .brochures{
	text-align: center;
	margin-left: -10px;
    margin-right: -10px;
}

.section-3 .brochure{
	display: inline-block;
	margin-left: 10px;
    margin-right: 10px;
	vertical-align: top;
	max-width:260px;
	width:100%;
	background-color:#F5F5F5;
	box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,.135);
}

.section-3 .brochure .featured{
	padding-left: 25px;
	padding-right: 25px;
    text-align: right;
	padding-bottom: 15px;
	background-color:#FFF;
	padding-top:40px;
}



.section-3 .brochure h3{
	color:#333333;
	font-size: 16px;
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
	padding-bottom: 15px;
	background-color:#FFF;
}
.section-3 .brochure a.primary-btn{
	margin: 20px 0;
}
.section-4{
	background-color: #282461;
	padding: 100px 0;
}

.section-4 .heading h2{
	color:#fff;
	margin-bottom: 50px;
	text-transform:uppercase;
}
.section-4 .col-box{
	width: 33%;
	display: inline-block;
	vertical-align: top;
}
.section-4 ul li{
	position: relative;
	font-size: 21px;
	color:#fff;
	padding-left: 40px;
	list-style-type: none;
	margin-bottom: 5px;
}

.section-4 ul li:before{
	content: '';
	position: absolute;
	background: url('./images/checklist.png') top left no-repeat;
	left:0;
	top:5px;
	width: 21px;
	min-height: 17px;
}

.section-5{
	padding: 100px 0;
}

.section-5 .heading h2{
	margin-bottom: 60px;
}

.section-5 .case-studies {
	padding-left:35px;
	padding-right:35px;
	text-align:center;
}



.section-5 .case-study{
	max-width: 330px;
	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin-left:10px;
	margin-right: 10px;
	position: relative;
	outline:none;
	float: none;
}



.section-5 .case-study h3{
	color:#fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom:15px;
	width: 100%;
    margin-top: 20px;
	position: absolute;
}

.section-5 .case-study img{
	width:100%;
	margin-bottom:24px;
}

.section-5 .case-study a.btn{
	max-width:220px;
	width:100%;
}

.section-5 .case-study a.btn:focus{
	color:#ee2d26;
}

.section-5 .case-studies .slick-prev:before, .section-5 .case-studies .slick-next:before {
    font-size: 40px;
    opacity: 1;
	color:#000;
}

.section-5 .case-studies .slick-prev {
    left: 0;
}

.section-5 .case-studies .slick-next {
    right: 0;
}

.section-6{
	background-color: #282461;
	padding: 100px 0;
}

.section-6 .heading h2{
	color:#fff;
	margin-bottom: 60px;
}

.section-6 .products{
	text-align: center;
	margin-left: -8px;
	margin-right: -8px;
}

.section-6 .product{
	background-color: #fff;
	max-width: 364px;
	width: 33%;
	min-height: 395px;
	margin-left: 6px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	padding: 30px 40px;
}

.section-6 .product .featured{
	margin-bottom: 10px;
}

.section-6 .product h3{
	color:#333333;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1.44;
}
.section-6 .product h3 a{
	color:#333333;
	font-size: 18px;
	font-family: 'FuturaLTW01';
	font-weight: 900;
    font-style: normal;
}
.section-6 .product a.btn{
	max-width: 190px;
	width: 100%;
}

.section-7{
	background:url('./images/CITI-INDUSTRIES-ABOUT-SECTION-BG.jpg');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 800px;
	padding-top: 100px;
	position: relative;
}

.section-7 .context{
	max-width: 545px;
	width: 100%;
}

.section-7 .context h2{
	margin-bottom: 20px;
}
.section-7 .context p{
	font-size: 19px;
	
	line-height: 1.57;
	margin-bottom: 30px;
}

.section-7 .context a.btn{
	
	max-width: 208px;
	width: 100%;
}

.section-8{
	background-color: #fcfcfc;
	padding: 30px 0;
}

.section-8 ul{
	text-align: center;
	margin-bottom:0;
}
.section-8 ul li:first-child{
	margin-left: 0;
}
.section-8 ul li{
	display: inline-block;
	vertical-align: top;
	list-style-type: none;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom:0;
}

.section-9{
	background-color: #282461;
	padding: 110px 0;
	overflow: hidden;
}

.section-9 .heading h2{
	color:#fff;
	margin-bottom: 60px;
	text-transform:uppercase;
}

.testimonial-section .testimonials{
	text-align: center;
	max-width: 930px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.testimonial-section .testimonials .testimonial{
	background-color: #fff;
	padding: 40px 100px;
}

.testimonial-section .testimonial .profile-image img{
	
	margin-bottom: 10px;
	display: inline-block;
}
.testimonial-section .testimonial p{
	color:#000000;
	font-size: 21px;
	line-height: 1.42;
	margin-bottom: 25px;
}

.testimonial-section .testimonial .name p{
	color:#333333;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 0;
	 font-family: 'HelveticaNeue-Bold';
	  font-weight: bold;
    font-style: normal;
}

.testimonial-section .testimonial .other p{
	margin-bottom: 0;
	font-size:16px;
}

.slick-prev:before, .slick-next:before{
	content:' ';
}

.slick-prev:before{
	content: "\f053";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 20px;
	
	position: absolute;
	top: 0;
	left: 0;
}

.slick-next:before{
		content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 20px;
	
	position: absolute;
	top: 0;
	right: 0;
}

.testimonial-section .slick-prev:before, .testimonial-section .slick-next:before{
	font-size: 40px;
	opacity: 1;
}
.testimonial-section .slick-prev{
	left: -60px;
}
.testimonial-section .slick-next{
	right: -60px;
}

.section-10{
	padding: 60px 0;
	background: #FAFAFA;
}
.section-10 .heading h2{
	margin-bottom: 60px;
}

.section-10 .project-lists{
	text-align: center;
	margin-left: -10px;
    margin-right: -10px

}

.section-10 .project-list{
	display: inline-block;
	width: 31%;
	

	cursor: pointer;
	
	background-color: #fff;
	padding: 40px 20px;
	box-shadow: 0 15px 30px 0 rgba(84,110,122,0.30);
	margin-left: 10px;
    margin-right: 10px;
	vertical-align: top;
}

.section-10 .project-list:hover{
	/*
	background-color: #fff;
	padding: 40px 15px;
	box-shadow: 0 15px 30px 0 rgba(84,110,122,0.30);
	*/
}

.section-10 .project-list:hover .context a{
	color:#ee2d26;
}

.section-10 .project-list h3{
	
	color:#333333;
	font-size: 18px;
	
	line-height: 1.55;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.section-10 .project-list p{
	
	color:#333333;
	font-size: 17px;
	
	line-height: 1.58;
	margin-bottom: 20px;
}
.section-10 .project-list .featured{
	margin-bottom: 25px;
}
.section-10 .project-list .context{
	padding: 0 15px;
	text-align: left;
}
.section-10 .project-list .context a{
	color:#282461;
	font-size: 16px;
	font-weight: 700;
	
}

.section-10 .more{
	margin-top: 60px;
}

.section-10 .more a.btn{
	max-width: 220px;
	width: 100%;
}


/** -------------------- BLOG/PODCAST----------------------------- **/
.default-page.full-width-content .site-inner{
	padding: 0;
    max-width: 100%;
    width: 100%;
    padding-top: 70px !important;  
    background-color: #F7F7F7;
    padding-bottom: 100px;
}
.default-page{
	background-color: #FFF;
}
.default-page .site-inner{
	padding: 0;
	 padding-top: 70px !important;  
	 padding-bottom: 100px;
	 margin-top:0 !important;
}

.default-page .entry-content #gform_wrapper_3 h2,
.default-page .entry-content #gform_wrapper_3 h3,
.default-page .entry-content #gform_wrapper_3 .gfield_label{
	display:none !important;
}

.default-page .entry-content #gform_wrapper_3 ul{
	margin-left:0;
}
.default-page .entry-content #gform_wrapper_3 ul li{
	list-style-type: none;
}

.default-page .entry-content #gform_wrapper_3 .gform_button {
    font-family: 'HelveticaNeue-Bold';
    background-color: #ee2d26 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 0 !important;
    min-height: 52px;
    line-height: 52px;
    max-width: 210px;
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 15px;
}

.blog-page .site-inner .content{
	max-width: 100%;
	width: 100%;
}

.loop-main-section{
	padding-bottom: 60px;
}
.loop-main-section .loop-rows{
	margin-left: -20px;
	margin-right: -20px;
	text-align: center;
}

.loop-main-section .col-box {
    display: inline-block;
    width: 33%;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
    cursor: pointer;
    margin-bottom: 80px;
    text-align: left;
	   
}


.blog-page .loop-main-section .col-box{
	 box-shadow: 0 15px 30px 0 rgba(84,110,122,0.30);
	 padding:20px;
	 background-color:#fff;
}
.case-studies-page .site-inner{
	margin-top:0 !important;
}
.case-studies-page .heading h1{
	font-size:48px;
	color:#333333;
	margin-bottom:40px;
	text-transform:uppercase;
}

.case-studies-page  .loop-main-section .col-box{
	background:transparent;
	padding:0 10px;
	box-shadow:none;
	max-width:364px;
}

.case-studies-page  .loop-main-section .context h3{
	font-size:21px;
	font-weight:900;
    
}
.case-studies-page  .loop-main-section .featured{
	margin-bottom:25px;
}
 
.blog-page  .loop-main-section .col-box .context .title{
	min-height:82px;
	
}

.case-studies-page .loop-main-section .col-box .context .title{
	min-height: initial;
	padding:0 10px;
	margin-bottom:20px;
}
.case-studies-page .loop-main-section .col-box .context a.primary-btn{
	max-width:220px;
	width:100%;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
	font-size:16px;
}
.loop-main-section .col-box .featured{
	margin-bottom: 35px;
}
.loop-main-section .col-box .featured img.wp-post-image{
	width: 100%;
}

.loop-main-section .col-box .context .title{
	margin-bottom: 20px;
}

.loop-main-section .col-box .context h3{
	color:#333333;
	font-size: 23px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.loop-main-section .col-box .context h3 a{
	font-family: 'FuturaLTW01';
	color:#333333;
	font-size: 23px;
	font-weight: 900;
    font-style: normal;
}

.loop-main-section .col-box .context span.date{
	color:#333333;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
.loop-main-section .col-box .context p{
	color:#333333;
	font-weight:300;
	font-size: 17px;
	line-height: 1.58;
	margin-bottom: 20px;
}
.loop-main-section .col-box .context a.btn{
	max-width: 206px;
	width: 100%;
	text-align: center;
}

.single-page .site-inner .content-sidebar-wrap {
  	 margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1150px;
    padding-left: 10px;
    padding-right: 10px;
}


.single-page .site-inner .content{
	max-width: 750px;
	width: 70%;
}

.entry-title, .archive-title{
	color:#333333;
	font-size: 23px;
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
	margin-bottom:15px;
}


.entry-header .entry-meta{
	color:#333333;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.entry-content table,
.entry-content thead,
.entry-content tr,
.entry-content td{
	font-family: 'HelveticaNeue-Roman';
    font-weight: normal;
    font-style: normal;
	font-size:17px;
}

.entry-content table{
	border:solid 1px #eee
}
.entry-content h3{
	font-size:21px;
	font-weight: bold;
    font-style: normal;
}

.entry-content h4{
	margin-top:0;
	font-size:20px;
}
.entry-content h3, .entry-content h4{
	margin-bottom:10px;
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
}
.entry-content p{
	margin-bottom: 30px;
	font-size:17px;
	line-height:1.76;
}
.entry-content ul, .entry-content ol{
	margin-bottom: 30px;
}
.entry-content ul li, .entry-content ol li{
	font-size: 17px;
	font-weight: 300;
	line-height: 1.76;
	margin-bottom: 10px;
}
a.tcb-button-link{
	 background-color: #ee2d26;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    border:solid 1px #ee2d26;
}

a.tcb-button-link:hover{
	background-color: #fff;
    color: #ee2d26;
}
.entry-content  img.wp-post-image{
	margin-bottom: 40px;
}
.entry-content .embed-responsive{
	margin-bottom: 40px;
}
.case-studiess-section .col-box .featured{
	position: relative;
}
.case-studiess-section .col-box .featured .details{
	text-align: center;
	position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%); 
    opacity: 0;
      -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.case-studiess-section .col-box .featured .details h3{
	color:#ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 5px;
}
.case-studiess-section .col-box:hover .featured .details{
	 opacity: 1;
}
.case-studiess-section .col-box:hover .featured img.wp-post-image{
	opacity: .3;
	 -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.case-studiess-section .col-box .featured{
	background-color: #ee2d26;


}
.case-studiess-section .col-box .context .title {
    margin-bottom: 10px;
}
.case-studiess-section .col-box .context h3{
	margin-bottom: 0;
}
.case-studiess-section .operation{
	color:#333333;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.single-case-study-page .entry-meta{
	display: none;
}
.single-case-study-page .additional-meta-fields{
	margin-bottom: 25px;
}
.single-case-study-page .additional-meta-fields h3{
	color:#333333;
	font-size: 16px;
	font-family: 'HelveticaNeue-Roman';
	 font-weight: normal;
    font-style: normal;
	text-transform: uppercase;
}
.single-case-study-page .additional-meta-fields .operation{
	/*float: left;*/
}

.single-case-study-page .additional-meta-fields .client{
	float: left;
	padding-right: 10px;
}


.related-section{
	border-top: solid 2px #cecece;
	padding-top: 25px;
}
.related-section h3{
	color:#333333;
	font-size: 23px;
	text-transform: uppercase;
	margin-bottom: 35px;
}
.related-section ul{
	margin-left: -10px;
	margin-right: -10px;
}
.related-section ul li{
	display: inline-block;
	max-width: 236px;
	width: 100%;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: top;
}
.related-section ul li .featured{
	margin-bottom: 20px;
}
.related-section ul li h3{
	 font-family: 'HelveticaNeue-Bold';
	font-size: 15px;
	 font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.related-section ul li .operation{
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.related-section ul li  a{
	color: #333333;
}

.malinky-load-more{}
.malinky-load-more a.malinky-load-more__button {
    background-color: #fff;
    border:solid 1px #ee2d26;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    color: #ee2d26;
   
    max-width: 208px;
    width: 100%;
    text-transform: uppercase;
    display: inline-block;
}
.malinky-load-more a.malinky-load-more__button:hover{
	 background-color: #ee2d26;
	 color:#fff;
}
.case-studies-page .malinky-load-more a.malinky-load-more__button {
	background-color:#ee2d26;
	color:#fff;
}


.sidebar{
	max-width: 330px;
	float: right;
	width: 30%;
}

.sidebar .widget{
	background-color:#282461;
	padding:40px 25px;
}
.sidebar .widget-title{
	color:#fff;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:25px;
}

.sidebar .widget ul li, .sidebar .widget ul li a{
	color:#a3a3c6;
	font-size:17px;
	font-weight:300;
}
.sidebar .widget ul li{
	margin-bottom:15px;
}
.sidebar .widget ul li:last-child{
	margin-bottom:0;
}

.sidebar .sidebar-services{
	background-color:transparent;
	margin-bottom: 30px;
	padding: 0;
}

.sidebar .sidebar-services ul li{
	display:none;
}

.sidebar-free-ebook{
	background-color: #fff !important;
	padding: 40px 20px !important;
	box-shadow: 0 15px 30px 0 rgba(84,110,122,0.30);
	display:none;

}
.sidebar-free-ebook h2{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.sidebar-free-ebook img{
	float: right;
	margin-right:30px;
	margin-bottom:10px;
}
.sidebar-free-ebook h3{
	font-size: 16px;
	line-height: 1.31;
	margin-bottom: 20px;
	
	
}
.sidebar-free-ebook a.btn{
	max-width: 100%;
	width: 100%;
	display: inline-block;
}



.sidebar-enquire-online{
	background-color: transparent !important;
	padding:0 !important;
}
.sidebar-enquire-online a.btn{
	max-width: 100%;
	width: 100%;
	font-size: 23px;
}

.sidebar .product-categories > li{
	position:relative;
	padding-left:25px;
	cursor:pointer;
}
.sidebar .product-categories li.cat-item-62{
	display:none;
}

.sidebar .product-categories > li:before{
	 content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #5c5c96;
    font-size: 12px;
    position: absolute;
    top: 4px;
    left: 0;
}
.sidebar .product-categories  li ul.children{
	display:none;
	margin-top:10px;
}
.sidebar .widget_products img{
	width: 64px !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 20px;
}

.single-page.grease-traps .sidebar-services ul li.greasetraps{
	display:block;
}

.single-page.grease-traps .sidebar-grease-trap{
	display:block;
}

.single-page.wash-bays .sidebar-services ul li.washbay{
	display:block;
}

.single-page.wash-bays .sidebar-washbay{
	display:block;
}

.single-page.plumbing .sidebar-services ul li.plumbing{
	display:block;
}

.single-page.plumbing .sidebar-plumbing{
	display:block;
}

.single-page.stormwater .sidebar-services ul li.plumbing{
	display:block;
}

.single-page.stormwater .sidebar-plumbing{
	display:block;
}

.single-page.hotwater .sidebar-services ul li.plumbing{
	display:block;
}

.single-page.hotwater .sidebar-plumbing{
	display:block;
}

.single-page.hydraulic .sidebar-services ul li.hydraulic{
	display:block;
}

.single-page.hydraulic .sidebar-hydraulic{
	display:block;
}

.single-case-study-page.case-grease-traps .sidebar-services ul li.greasetraps{
	display:block;
}

.single-case-study-page.case-grease-traps .sidebar-grease-trap{
	display:block;
}

.single-case-study-page.case-wash-bays .sidebar-services ul li.washbay{
	display:block;
}

.single-case-study-page.case-wash-bays .sidebar-washbay{
	display:block;
}

.single-case-study-page.case-plumbing .sidebar-services ul li.plumbing{
	display:block;
}

.single-case-study-page.case-plumbing .sidebar-plumbing{
	display:block;
}

.single-case-study-page.case-stormwater .sidebar-services ul li.plumbing{
	display:block;
}

.single-case-study-page.case-stormwater .sidebar-plumbing{
	display:block;
}

.single-case-study-page.case-hotwater .sidebar-services ul li.plumbing{
	display:block;
}

.single-case-study-page.case-hotwater .sidebar-plumbing{
	display:block;
}

.single-case-study-page.case-hydraulic .sidebar-services ul li.hydraulic{
	display:block;
}

.single-case-study-page.case-hydraulic .sidebar-hydraulic{
	display:block;
}

.genesis-pagination ul{
	text-align: center;
    padding-top: 40px;
	margin-bottom:0;
}
.genesis-pagination ul li{
	display:inline-block;
	margin-bottom:0;
}

.genesis-pagination ul li .page-numbers {
    width: 40px;
    height: 40px;
    border: solid 1px #D0CFCD;
    display: inline-block;
    color: #D0CFCD;
    font-size: 18px;
    line-height: 40px;
}

.genesis-pagination ul li .current {
    background-color: #EE2D26;
    color: #fff;
}

.genesis-pagination ul li .next, .genesis-pagination ul li .prev {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;

}

/** -------------------- PAGES----------------------------- **/
.washbay-page .banner-section{
	background:url('./images/CITI-INDUSTRIES-WASHBAY-BANNER.jpg');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 613px;
	padding-top: 115px;
	position: relative;
}

.washbay-page .banner-section .context{
	max-width: 850px;
	width: 100%;
}
.washbay-page .banner-section .row-1 .watch-video{
	padding-top: 100px;
    margin-left: 40px
}

.washbay-page .banner-section .row-2{
	margin-top: 40px;
}


.grease-traps-page .banner-section{
	background:url('./images/GREASE-TRAP-BANNER-min.jpg');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 614px;
	padding-top: 115px;
	position: relative;
}
.grease-traps-page .banner-section .watch-video{
	margin-left: 0;
}
.grease-traps-page .banner-section .row-2{
	margin-top: 10px;
}

.stormwater-page .banner-section{
	background:url('./images/Stormwater-Page-banner.png');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 614px;
	padding-top: 115px;
	position: relative;
}

.stormwater-page .banner-section .context{
	max-width: 850px;
	width: 100%;
}
.stormwater-page .banner-section .row-1 .watch-video{
	padding-top: 100px;
    margin-left: 40px
}

.stormwater-page .banner-section .row-2{
	margin-top: 40px;
}

.hotwater-page .banner-section{
	background:url('./images/hot-water-banner.png');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 614px;
	padding-top: 115px;
	position: relative;
}

.hotwater-page .banner-section .context{
	max-width: 850px;
	width: 100%;
}
.hotwater-page .banner-section .row-1 .watch-video{
	padding-top: 100px;
    margin-left: 40px
}

.hotwater-page .banner-section .row-2{
	margin-top: 40px;
}


.plumbing-page .banner-section{
	background:url('./images/CITI-INDUSTRIES-PLUMBING-BANNER-min.jpg');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 614px;
	padding-top: 115px;
	position: relative;
}

.washbay-section-1{
	padding-top: 100px;
}
.washbay-section-1 .row{
	margin-bottom: 100px;
}
.washbay-section-1 .context{
	float: left;
	max-width: 520px;
	width: 50%;
}
.washbay-section-1 .context h2{
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
}
.washbay-section-1 .context h3{
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
	line-height: 1.42;
}
.washbay-section-1 .context p{
	margin-bottom: 35px;
	font-weight: 300;
}
.washbay-section-1 .context p:last-child{
	margin-bottom: 0;
}

.washbay-section-1 .context ul li{
	position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    color: #000;
	font-weight: 300;
}

.washbay-section-1 .context ul li:before {
    content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 0;
    top: 5px;
    width: 21px;
    min-height: 17px;
}


.washbay-section-1 .featured{
	float: right;
	max-width: 520px;
	width: 50%;
}


.washbay-section-1 .row:nth-child(even) .featured{
	float: left;
}

.washbay-section-1 .row:nth-child(even) .context{
	float: right;
}


.washbay-section-2{
	background-color: #f2f2f2;
	padding:120px 0;
}

.washbay-section-2 .heading h2{
	margin-bottom: 50px;
}

.washbay-section-2 .context{
	text-align:center;
	max-width:880px;
	margin:0px auto;
}

.washbay-section-2 .context p{
	
	margin-bottom: 35px;
}

.washbay-section-2 .context p:last-child{
	margin-bottom:0;
}

.washbay-section-2 .more a.btn{
	margin-top: 60px;
	max-width: 330px;
	width: 100%;
	font-size: 23px;
	display: inline-block;
	padding: 22px 20px;
}

.plumbing-section-2 .context{
	max-width:740px;
	width:100%;
	margin:0px auto;
}

.stormwater-section-2 .context{
	max-width:740px;
	width:100%;
	margin:0px auto;
}

.hotwater-section-2 .context{
	max-width:740px;
	width:100%;
	margin:0px auto;
}

.washbay-section-5{
	padding: 130px 0 100px 0;
}
.washbay-section-5 .heading{
	margin-bottom:80px;
}
.washbay-section-5 .heading h2{
	margin-bottom: 25px;
}

.washbay-section-5 .heading p{
	font-weight: 300;
	margin-bottom: 35px;
}
.washbay-section-5 .title h4{
	font-size: 17px;
	font-weight: 300;
	color:#333333;
	line-height: 1.76;
	margin-bottom: 50px;
}
.washbay-section-5 .context{
	float: left;
	
	width: 50%;
	padding-left: 35px;
	padding-right: 35px;

}
.washbay-section-5 ul li{
	position: relative;
	padding-left: 55px;
	margin-bottom: 30px;
	color:#000;
}
.washbay-section-5 ul li strong{
	 font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
}

.washbay-section-7{
	background-color: #f2f2f2;
	padding: 120px 0 110px;
}

.washbay-section-7 .context{
	max-width: 985px;
	width: 100%;
	margin: 0px auto;
}
.washbay-section-7 .context h2{
	margin-bottom: 50px;
	line-height: 1.25;
}
.washbay-section-7 .context p{
	margin-bottom: 35px;
	font-weight: 300;
}
.washbay-section-7 .context p:last-child{
	margin-bottom:0;
}
.washbay-section-5 ul li:before {
    content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 0;
    top: 5px;
    width: 21px;
    min-height: 17px;
}


.washbay-section-8{
	padding:100px 0;
}
.washbay-section-8 .context{
	max-width: 750px;
	width: 100%;
    margin: 0px auto 80px;
}
.washbay-section-8 .context h2{
	margin-bottom: 25px;
}

.washbay-section-8 .context p{
	font-weight: 300;
	margin-bottom: 30px;
	color:#444444;
}
.washbay-section-8 .context a.btn{
	max-width: 300px;
	width: 100%;
	padding:22px 20px;
	font-size: 23px;
}
.washbay-section-8 .stages{
	max-width: 810px;
	width: 100%;
	margin: 0px auto;
}
.washbay-section-8 .stages h4{
	font-size: 17px;
	font-weight: 300;
	line-height: 1.76;
	color:#444444;
	margin-bottom: 60px;
	text-align: center;
}

.washbay-section-8 .stage h3{
	color:#333;
	font-size: 28px;
	margin-bottom: 30px;
}

.washbay-section-8 .stage{
	position: relative;
	padding-top: 30px;
	padding-left: 125px;
	padding-bottom: 40px;
}

.washbay-section-8 .stage:last-child{
	padding-bottom: 0;
}

.washbay-section-8 .stage:before{
	content: '';
    position: absolute;
    background: url(./images/stage-line.png) top left repeat-y;
    width: 10px;
    height: 100%;
    left: 42px;
}

.washbay-section-8 .stage:last-child:before{
	height: auto;
}

.washbay-section-8 .stage .counter{
	width: 97px;
	height: 97px;
	background-color: #282461;
	border-radius: 50%;
	text-align: center;
	padding-top: 25px;
	position: absolute;
    top: 0;
    left: 0;
}
.washbay-section-8 .stage .counter span{
	display: block;
	color:#fff;
	text-transform: uppercase;
	font-size: 17px;
	font-family: 'FuturaLTW01';
	font-weight: 900;
	font-style: normal;
}
.washbay-section-8 .stage .counter span.num{
	font-size: 33px;
}
.washbay-section-8 .stage ul li{
	position: relative;
	font-weight: 300;
	padding-left: 55px;
	margin-bottom: 20px;

}

.washbay-section-8 .stage ul li:before {
    content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 5px;
    top: 5px;
    width: 21px;
    min-height: 17px;
}

.washbay-section-8 .bottom-content{
	margin-top: 80px;
}


.washbay-section-9{
	padding:90px 0;
}

.grease-traps-page .grease-traps-page-9{
	padding:60px 0;
}

.washbay-section-9 .context{
	max-width:740px;
	width:100%;
	margin:0px auto;
}
.washbay-section-9 .context p{
	margin-bottom:30px;
	line-height:1.71;
}

.washbay-section-9 .context a{
	color:#EE2D26;
	font-family: 'HelveticaNeue-Bold';
}
.washbay-section-9 .context a.custom{
	color:#444444;
}
.washbay-section-9 .context p:last-child{
	margin-bottom:0;
}

.grease-traps-page-8 .context h2{
	color:#282461;
}
.grease-traps-page-8 .context h3{
	color:#000000;
}
.grease-traps-page-8 .context{
	margin-bottom:50px;
}
.plumbing-section-10{
	padding:140px 0;
}
.plumbing-section-10 .featured {
    float: left;
    max-width: 540px;
    width: 50%;
}

.plumbing-section-10 .context {
    float: right;
    max-width: 540px;
    width: 50%;
}
.plumbing-section-10 .context h3{
	font-size:28px;
	margin-bottom:25px;
	line-height:1.42;
}
.plumbing-section-10 .context ul li{
	position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    color: #333333;
}

.plumbing-section-10 .context ul li:before {
    content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 0;
    top: 8px;
    width: 21px;
    min-height: 17px;
}
.plumbing-section-10 .row{
	margin-bottom:80px;
}
.plumbing-section-10 .row:last-child{
	margin-bottom:0;
}
.plumbing-section-10 .row:nth-child(even) .featured {
    float: right;
}

.plumbing-section-10 .row:nth-child(even) .context {
    float: left;
}

.stormwater-section-10{
	padding:140px 0;
}
.stormwater-section-10 .featured {
    float: left;
    max-width: 540px;
    width: 50%;
}

.stormwater-section-10 .context {
    float: right;
    max-width: 540px;
    width: 50%;
}
.stormwater-section-10 .context h3{
	font-size:28px;
	margin-bottom:25px;
	line-height:1.42;
}
.stormwater-section-10 .context ul li{
	position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    color: #333333;
}

.stormwater-section-10 .context ul li:before {
    content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 0;
    top: 8px;
    width: 21px;
    min-height: 17px;
}
.stormwater-section-10 .row{
	margin-bottom:80px;
}
.stormwater-section-10 .row:last-child{
	margin-bottom:0;
}
.stormwater-section-10 .row:nth-child(even) .featured {
    float: right;
}

.stormwater-section-10 .row:nth-child(even) .context {
    float: left;
}

.hotwater-section-10{
	padding:140px 0;
}
.hotwater-section-10 .featured {
    float: left;
    max-width: 540px;
    width: 50%;
}

.hotwater-section-10 .context {
    float: right;
    max-width: 540px;
    width: 50%;
}
.hotwater-section-10 .context h3{
	font-size:28px;
	margin-bottom:25px;
	line-height:1.42;
}
.hotwater-section-10 .context ul li{
	position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    color: #333333;
}

.hotwater-section-10 .context ul li:before {
    content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 0;
    top: 8px;
    width: 21px;
    min-height: 17px;
}
.hotwater-section-10 .row{
	margin-bottom:80px;
}
.hotwater-section-10 .row:last-child{
	margin-bottom:0;
}
.hotwater-section-10 .row:nth-child(even) .featured {
    float: right;
}

.hotwater-section-10 .row:nth-child(even) .context {
    float: left;
}

.about-section-1{
	background:url('./images/ABOUT-SECTION-1-BG.jpg');
	background-position:top center;
    background-repeat: no-repeat;
    width: 100%;
	min-height: 831px;
	padding-top: 60px;
	position: relative;
	background-size: cover
}

.about-section-1 .context h2{
	margin-bottom: 30px;
	text-transform: uppercase;
}
.about-section-1 .context{
	max-width: 530px;
	width: 100%;
}

.about-section-1 .context p{
	margin-bottom: 30px;
	line-height: 1.57;
	font-size:19px;
}

.about-section-2{
	padding-top: 100px; 
	padding-bottom: 100px;
	background-image: linear-gradient(to bottom, #FFFFFF , #F7F7F7);
}

.about-section-2 .row-1 .featured{
	float:left;
	max-width: 618px;
	width: 100%;
}
.about-section-2 .row-1 .context{
	float:left;
	max-width: 440px;
	width: 100%;
	margin-left: 45px;
	margin-top: 30px;
}

.about-section-2 .row-1 .context h3{
	color:#333333;
	font-size: 23px;
	
	margin-bottom: 35px;
	text-transform: uppercase;
}


.about-section-2 .row-1 .context ul li{
	position: relative;
	font-size: 21px;
	color:#606060;
	
	padding-left: 55px;
	list-style-type: none;
	margin-bottom: 18px;
}


.about-section-2 .row-1 .context ul li:before{
	content: '';
	position: absolute;
	background: url('./images/checklist.png') top left no-repeat;
	left:0;
	top:5px;
	width: 21px;
	min-height: 17px;
}
.about-section-2 .row-2{
	margin-top: 70px;
}
.about-section-2 .row-2 .context{
	max-width: 744px;
	width: 100%;
	margin:0px auto;
}

.about-section-2 .row-2 .context p{
	font-weight: 300;
	margin-bottom: 35px;
}
.about-section-2 .row-2 .context p:last-child{
	margin-bottom:0;
}
.about-section-2 .row-2 .context p a{
	color:#ee2d26;
	font-family: 'HelveticaNeue-Bold';
}

.about-section-2 .row-2 .context a.custom{
	color:#444444;
	
}

.contact-section{
	background:url('./images/CITI-INDUSTRIES-CONTACT-BG.jpg') top center no-repeat;
	width:100%;
	min-height:1010px;
	padding-top:70px;
}

.footer-contact-section{
	min-height: initial;
	padding-bottom:70px;
}


.contact-section .heading h1,
.contact-section .heading h2{
	font-size:48px;
	margin-bottom:50px;
	letter-spacing: 2px;
	position:relative;
	text-align:left;
	padding-left:20px;
}
.contact-section .heading h1:before,
.contact-section .heading h2:before{
	content:'';
	position:absolute;
	background:url('./images/contact-arrow-img.svg') top center no-repeat;
	width:69px;
	height:109px;
	left:-60px;
	top:35px;
}
.contact-section .content-left{
	float:left;
	max-width:776px;
	width:70%;
	position:relative;
}
.contact-section .content-left .gform_confirmation_message{
	font-size:40px;
	text-align:center;
}

.contact-section .contact-form .gform_wrapper  .gfield_label{
	font-family: 'FuturaLTW01';
	color:#000000;
	font-size: 15px;
	text-transform: uppercase;
}

.contact-section .contact-form .gform_wrapper .gform_fields{
	margin-left: -7px;
	margin-right: -7px;
}

.contact-section .contact-form .gform_wrapper .gform_fields .gfield.one-third{
	float:left;
	width: 33%;
	max-width: 260px;
}

.contact-section .contact-form .gform_wrapper .gform_fields .gfield{
	padding-left: 7px;
	padding-right: 7px;
	margin-left:0;
	margin-bottom: 20px;
	width:100%;
}

.contact-section .contact-form .gform_wrapper .gform_fields .gfield.site-add .gfield_label{
	opacity: 0;
}

.contact-section .contact-form .gform_wrapper .gform_fields .gfield.chckbox{
	max-width: 100%;
	width: 100%;
	clear: both;
}

.contact-section .contact-form .gform_wrapper input[type="text"]{
	
	padding-bottom: 0;
	min-height: 46px;
	line-height: 46px;
	border:solid 1px #d3d3d3;
	background-color: #fff;
	color:#000;
	font-family: 'HelveticaNeue-Roman';
	padding-top: 0;
	font-size: 16px;
	font-weight: normal;
}
.contact-section .contact-form .gform_wrapper .gfield_checkbox{
	clear:both;
}
.contact-section .contact-form .gform_wrapper .gfield_checkbox li{
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
	float: left; 
	width: 33%;
	font-size: 16px;
}

.contact-section .contact-form .gform_wrapper textarea{
	border:solid 1px #d3d3d3;
	background-color: #fff;
	color:#000;
	font-family: 'HelveticaNeue-Roman';
	font-size: 16px;
	font-weight: normal;
	max-height: 110px;
}

.contact-section .contact-form .gform_wrapper .gform_button{
	font-family: 'HelveticaNeue-Bold';
	background-color: #DB0000;
	font-size: 20px;
	font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
	padding: 0;
	min-height: 60px;
	line-height: 60px;
	max-width: 236px;
	width:100%;
	letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 60px;
	position:absolute;
	right:0;
	bottom:-30px;
}

/*
.contact-page .main-section{
	padding-top: 70px;
	padding-bottom: 90px;
	background-color: #F7F7F7;
}

.contact-page .contact-form{
	max-width: 700px;
	width: 100%;
	margin: 0px auto;
	position: relative;
	
}

.contact-page .contact-form h2{
	text-align: center;
	color:#333333;
	font-size: 27px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 50px;

}
.contact-page .contact-form p{
	text-align: center;
	color:#636363;
	font-size: 16px;
}
.contact-page .contact-form .gform_wrapper{
	margin-left: 25px;
}
.contact-page .contact-form .gform_wrapper  .gfield_label{
	font-family: 'proxima_novasemibold';
	color:#000000;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

.contact-page .contact-form .gform_wrapper .gform_fields{
	margin-left: -7px;
	margin-right: -7px;
}



.contact-page .contact-form .gform_wrapper .gform_fields .gfield.half{
	float:left;
	width: 50%;
	max-width: 325px;
}

.contact-page .contact-form .gform_wrapper .gform_fields .gfield{
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 20px;
	max-width: 650px;
}
.contact-page .contact-form .gform_wrapper .gform_fields .gfield.chckbox{
	max-width: 100%;
	width: 100%;
	clear: both;
}
.contact-page .contact-form .gform_wrapper input[type="text"]{
	font-family: 'proxima_nova_rgregular';
	padding-top: 0;
	padding-bottom: 0;
	min-height: 46px;
	line-height: 46px;
	border:solid 1px #d3d3d3;
	background-color: #fff;
	color:#b7b7b7;
	font-size: 16px;
	font-weight: normal;
}
.contact-page .contact-form .gform_wrapper .gfield_checkbox{
	clear:both;
}
.contact-page .contact-form .gform_wrapper .gfield_checkbox li{
	font-family: 'proxima_nova_rgregular';
	font-weight: normal;
	float: left; 
	width: 25%;
	font-size: 16px;
}

.contact-page .contact-form .gform_wrapper textarea{
	border:solid 1px #d3d3d3;
	background-color: #fff;
	color:#b7b7b7;
	font-size: 16px;
	font-weight: 400;
	max-height: 100px;
}


.contact-page .contact-form .gform_wrapper .gform_button{
	 font-family: 'proxima_novabold';
	background-color: #db0000;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	min-height: 60px;
	line-height: 60px;
	max-width: 236px;
	width:100%;
	letter-spacing: 2px;

    margin-top: 10px;
    margin-bottom: 60px;
	position:absolute;
	right:40px;
	bottom:0;
}
*/

.contact-section .content-right{
	float:right;
	max-width:284px;
	width:30%;
	margin-right:20px;
}


.contact-section .content-right h3{
	color:#000000;
	font-size:15px;
	margin-bottom:5px;
}
.contact-section .content-right h2{
	color:#282461;
	font-size:26px;
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
	padding-left:20px;
	position:relative;
	margin-bottom:10px;
}
.contact-section .content-right h2 a{
	color:#282461;
	font-size:26px;
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
}
.contact-section .content-right h2 img{
	position:absolute;
	left:0;
	top:8px;
	
}

.contact-section .content-right .services{
	background:url('./images/CITI-INDUSTRIES-CONTACT-SERVICES.jpg') top left no-repeat;
	width:100%;
	height:292px;
	padding-left: 25px;
    padding-top: 20px;
}
.contact-section .content-right .services h3{
	color:#fff;
	font-size:21px;
	line-height:1.57;
	margin-bottom:10px;
}

.contact-section .content-right .services  ul li{
	margin-bottom:5px;
	color:#fff;
	font-size:16px;
	position:relative;
	padding-left:20px;
}
.contact-section .content-right .services  ul li:before{
	content:'';
	position:absolute;
	background:url('./images/contact-service-list.svg') top left no-repeat;
	width:6px;
	height:10px;
	top:8px;
	left:0;
}
.contact-section .content-right .services  ul li a{
	color:#fff;
}
.contact-page .bottom-text{
	margin-top:50px;
}

.contact-page .bottom-text p{
	color:#000000;
}

/** -------------------- PRODUCT ----------------------------- **/
.woocommerce-page .site-inner{
	padding: 0;
    max-width: 100%;
    width: 100%;
    padding-top: 60px !important;
  	 background-image: linear-gradient(to bottom, #F7F7F7 , #ffffff, #ffffff);
        margin-top: 0 !important;
    padding-bottom: 100px;
}

.woocommerce-page.content-sidebar .content-sidebar-wrap{
	margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1150px;
    padding-left: 10px;
    padding-right: 10px;
}
.woocommerce-page .archive-title{
	display:none;
}
.woocommerce-page .archive-description h1{
	font-size:38px;
	color:#444444;
	margin-bottom:20px;
}

.woocommerce .woocommerce-ordering select{
	font-size:16px !important;
	font-family: 'HelveticaNeue-Roman';
}

.woocommerce-page .woocommerce-loop-product__title{
	font-size:18px !important;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
}

.single-product .product .product_title{
	width: 100%;
	color:#333333;
	font-size: 24px;
	font-family: 'FuturaLTW01';
    font-weight: 900;
    font-style: normal;
	line-height: 1.30;
	margin-bottom: 25px;
}

.woocommerce div.product div.images.woocommerce-product-gallery{
	border:solid 1px #d3d3d3;
}
.woocommerce-product-details__short-description{
	color:#333333;
}
.woocommerce-product-details__short-description table{
	margin-bottom: 15px;
}
.woocommerce-product-details__short-description table td{
	font-size: 17px;
	width: 50%;
}

.woocommerce-product-details__short-description table td small{
	font-size:16px;
}
.woocommerce-product-details__short-description h3{
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 10px;
}
.woocommerce-product-details__short-description p{
	font-size: 17px;
	font-weight: 300;

}
.woocommerce div.product .woocommerce-tabs{
	float: left;
	width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	margin: 0;
	padding: 0;
	border-bottom:solid 1px #282461;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li{
	color:#333333;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: transparent;
	border-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	background-color: #f4f4f4;
	    border-bottom: 5px solid #282461;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	padding: 20px 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
	outline: none;
	
}
.woocommerce div.product .woocommerce-tabs .panel{
	padding-top: 30px;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
	display: none;
}
.woocommerce table.shop_attributes{
	border-top: transparent;
}
.woocommerce table.shop_attributes tr, .woocommerce table.shop_attributes td{
	font-size: 17px;
	border:transparent
}
.woocommerce table.shop_attributes td p{
	 font-style: normal;
}
.woocommerce table.shop_attributes th{
	text-transform: uppercase;
	width: 30%;
	border:transparent;
}


.woocommerce div.product .woocommerce-tabs .panel ul li{
	position: relative;
	list-style-type: none;
	padding-left: 40px;
}
.woocommerce div.product .woocommerce-tabs .panel ul li:before{
	content: '';
    position: absolute;
    background: url(./images/checklist.png) top left no-repeat;
    left: 0;
    top: 5px;
    width: 21px;
    min-height: 17px;
}

.woocommerce .related{
	float:left;
	width: 100%;
	padding-top: 30px;
}

.woocommerce .related h2{
	font-size: 21px;
	font-family: 'HelveticaNeue-Bold';
	 font-weight: bold;
    font-style: normal;
	color:#333333;
	margin-bottom: 25px;
	text-transform: uppercase;
	text-align: center;
}

.woocommerce .related .woocommerce-loop-product__title{
	font-size: 17px;
	font-weight: 500;
	line-height: 1.41;
}

.woocommerce ul.products li.product .button{
	width: 100%;
	color:#fff;
	font-size: 16px;
	font-family: 'HelveticaNeue-Bold';
	font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
	padding: 15px;
	border:solid 1px #ee2d26;
	background-color: #ee2d26;
	margin-top: 0;
}
.woocommerce ul.products li.product .button:hover{
	background-color: #FFF;
    color: #ee2d26;
}
.ci-product-features{
	padding-top: 20px;
}
.ci-product-features .btn-enquiry{
	max-width: 208px;
	width: 100%;
	text-align: center;
}

.ci-product-features .btn-enquiry:focus{
	color:#fff;
}
.ci-product-features .payment-opts{
	margin-top: 15px;
	    display: block;
}
.woocommerce-pagination li{
	margin-left:0 !important;
	margin-right:0 !important;
}
.woocommerce-pagination li .page-numbers{
	
	width: 40px;
    height: 40px;
	
	background-color: transparent !important;
	border: solid 1px #D0CFCD;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.woocommerce-pagination li .page-numbers:hover{
	background-color:#EE2D26 !important;
	color:#fff;
}

.woocommerce-pagination li .current{
	background-color:#EE2D26 !important;
	color:#fff;
}

.woocommerce-pagination li .next,
.woocommerce-pagination li .prev{
	width: auto;
}
/** -------------------- FOOTER ----------------------------- **/

.instagram-section .context img{
	width: 100%;
}

.footer-section{
	background-color: #282461;
	padding: 80px 0;
}

.footer-section .row-1{
	margin-bottom: 60px;
}

.footer-section .footer-col{
	float: left;
	width: 25%;
}
.footer-section .footer-col h3{
	color:#fff;
	font-size: 18px;
	font-family: 'HelveticaNeue-Bold';
	text-transform: uppercase;
	font-weight: bold;
    font-style: normal;
	margin-bottom: 30px;

}
.footer-section .footer-col ul li{
	list-style-type: none;
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 8px;
}

.footer-section .footer-col ul li a{
	color:#fff;
	font-size: 16px;
	font-weight: 300;
}
.footer-section .footer-menu{
	width: 30%;
}
.footer-section .footer-menu h3,
.footer-information h3{
	opacity:0;
}
.footer-menu ul li{
	float: left;
	width: 50%;
}
.footer-section .footer-payment{
	width: 20%;
}
.footer-section .footer-payment ul li{
	display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 15px;
}

.footer-section .footer-payment ul li img{
	margin-bottom: 0;
}
.footer-section .social-media{
	padding-left: 8%;
}
.footer-section .social-media .fa{
	width: 18px;
	height: 18px;
	background-color: #fff;
	color:#282461;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	line-height: 18px;
	margin-right: 8px;
}

.copyright-section{
	padding: 18px 0;
}

.copyright-section .copyright{
	/*float: left;*/
}
.copyright-section p, .copyright-section a {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}

.copyright-section .design {
    float: right;
}

.validation_error, .validation_message{
	font-size: 14px;
	color:red;
}


/** -------------------- POPUP ----------------------------- **/

 .pum-container{
 	padding:0 !important;
	border:transparent !important;
	background-color: #fff !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: 100%;
}



 .pum-container .pum-close.popmake-close{
	border: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 40px !important;
    font-weight: 300 !important;
    background-color: transparent !important;
    color: #000 !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 1;
}


.pop-content{
	padding-top: 60px;
	padding-bottom: 50px;
}

.pop-video{
	padding: 0;
	border:solid 6px #fff;
}
.pop-content h2{
	color:#333333;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.pop-content h3{
	color:#333333;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;

}

.pop-enquiry h3{
	margin-bottom:30px;
}

.pop-content .gform_wrapper{
	max-width: 760px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
    padding-right: 15px;
}

.pop-content .gform_wrapper{
	text-align: left;
}
.pop-content .gform_wrapper .gform_fields{
	margin-left: -3px;
	margin-right: -3px;
}
.pop-content .gform_wrapper .gfield_label{
	display: none;
}

.pop-content .gform_wrapper .gfield{
	margin-bottom: 10px;
}

.pop-content .gform_wrapper .gfield.half{
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	width: 50%;
}

.pop-content .gform_wrapper .gfield input[type="text"]{
	color:#000;
	font-size: 15px;
	font-weight: 400;
	padding-top: 0;
    padding-bottom: 0;
    min-height: 58px;
    line-height: 58px;
    border-radius: 3px;
    background-color: #f7f7f7;
    border:solid 1px #eaeaea;
}
.pop-content .gform_wrapper .gfield textarea{
	color:#000;
	font-size: 15px;
	font-weight: 400;
	background-color: #f7f7f7;
	border-radius: 3px;
	border:solid 1px #eaeaea;
}
.pop-content .gform_wrapper .gfield .bottom-txt{
	font-size:16px;
	font-family: 'FuturaLTW01';
    font-weight: 900;
    font-style: normal;
}

.pop-content .gform_wrapper .gform_footer{
	text-align: center;
}
.pop-content .gform_wrapper .gform_button{
	    font-family: 'HelveticaNeue-Bold';
	 background-color: #ee2d26 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 0 !important;
    min-height: 52px;
    line-height: 52px;
    max-width: 210px;
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 15px;

}



.pop-brochure{
	text-align: center;
	padding: 80px 80px 60px 80px;

}
.pop-brochure h2{
	text-transform: uppercase;
	color:#333333;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
}
.pop-brochure h3{
	text-transform: uppercase;
	color:#ee2d26;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}

.pop-brochure .gform_wrapper .gfield input[type="text"]{
	color:#a5a5a5;
	font-size: 24px;
	font-weight: 400;
	padding-top: 0;
    padding-bottom: 0;
    min-height: 64px;
    line-height: 64px;
    border-radius: 3px;
    background-color: #f7f7f7;
    border:none;
    outline: none;
}
.pop-brochure img{
	margin-bottom: 0;
}
.pop-brochure p{
	color:#a5a5a5;
	font-size: 17px;
	font-weight: 400;
}



.genesis-nav-menu .custom-menu:before{
	content: '';
    position: absolute;
    background: url('./images/submenu-icon.svg') top center no-repeat;
    width: 9px;
    height: 7px;
    right: 0;
    top: 20px;
	
}

.custom-menu .submenu{
	max-width:765px;
	width:100%;
	background-color:#fff;
	position: absolute;
	padding:30px;
	border: solid 1px #DBDBDB;
	top:50px;
	display:none;
	opacity:0;
}

.custom-menu .submenu-washbays.active,
.custom-menu .submenu-greasetrap.active,
.custom-menu .submenu-stormwater.active,
.custom-menu .submenu-hotwater.active,
.custom-menu .submenu-plumbing.active{
	display:block;
	opacity:1;
}


.custom-menu .submenu ul li{
	font-family: 'HelveticaNeue-Bold';
	color:#000000;
	font-size:17px;
	margin-bottom:30px;
}
.custom-menu .submenu ul li a{
	font-family: 'HelveticaNeue-Bold';
}
.custom-menu .submenu ul li a:hover{
	color: #ee2d26;
}
.custom-menu .submenu-plumbing ul li{
	color:#000000;
	font-size:17px;
	margin-bottom:18px;
}

.custom-menu .submenu-stormwater ul li{
	color:#000000;
	font-size:17px;
	margin-bottom:18px;
}

.custom-menu .submenu-hotwater ul li{
	color:#000000;
	font-size:17px;
	margin-bottom:18px;
}

.custom-menu .submenu ul li:last-child{
	margin-bottom:0;
}
.custom-menu .submenu ul li span{
	font-family: 'HelveticaNeue-Roman';
	display:block;
	font-size:14px;
	position:relative;
}
.custom-menu .submenu ul li span:before{
	content:'';
	position:absolute;
	background:url('./images/submenu-arrow.svg') top center no-repeat;
	width:12px;
	height:12px;
	top: 5px;
  left: 110px;
}
.custom-menu .submenu-greasetrap ul li:nth-child(4){
	
}
.custom-menu .submenu-greasetrap ul li:nth-child(4) span:before{
	left: 165px;
}

.custom-menu .submenu-greasetrap .dropdown-secondary-washbay ul li:nth-child(4){
	
}
.custom-menu .submenu-greasetrap .dropdown-secondary-washbay ul li:nth-child(4) span:before{
	left: 100px !important;
}

.custom-menu .submenu ul li a{
	color:#000000;
}
.custom-menu .submenu .content-left{
	float:left;
	max-width:330px;
	width:46%;
}

.custom-menu .submenu .content-right{
	float:right;
	max-width:434px;
	width:54%;
}

.custom-menu .submenu-washbays{
	left:200px;
}

.custom-menu .submenu-greasetrap{
	right:0;
}

.custom-menu .submenu-plumbing{
	right:0;
}

.custom-menu .submenu-stormwater{
	right:0;
}

.custom-menu .submenu-hotwater{
	right:0;
}

/*==================================================
      				Media Queries      
==================================================*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.custom-menu .submenu-washbays{
		left: unset;
		right: 0;
	}
	
	.default-page .site-inner{
		padding-left:15px;
		padding-right:15px;
	}
	
	
	.site-header{
		padding-left: 0;
		padding-right: 0;
	}

	.wp-custom-logo .site-container .title-area{
		width:30%;
	}
	.header-widget-area{
		width: 70%;
	}

	.banner-section{
		overflow: hidden;
	}


	.home .banner-section .row-1 .context{
		width: 90%;
	}


	.home .banner-section .row-1 .watch-video{
		margin-left: 0;
		float: right;
		padding-right: 50px;
	}
	
	.washbay-page .banner-section .row-1 .watch-video{
		margin-left: 0;
		float: right;
		width:20%;
	}
	
	


	.section-1{
		overflow: hidden;
	}
	.section-1 .lists .list{
		margin-bottom: 20px;
	}

	.section-5 .case-studies{
		margin-left: 0;
		margin-right: 0;
	}
	.section-5 .case-study{
		width: 30%;
	}

	.section-6 .product{
		width: 100%;
	}

	.section-6 .products{
		margin-left: 0;
		margin-right: 0;
	}

	.section-10 .project-list{
		max-width: 312px;
		width: 100%;
		margin-bottom: 30px;
	}

	.section-10 .more{
		margin-top: 30px;
	}
	.about-section-2 .row-1 .featured{
		width: 50%;
	}
	.about-section-2 .row-1 .context{
		width: 50%;
	}

	.single-page .site-inner .content {
		padding-right: 30px;
	}
	.genesis-nav-menu a{
		font-size: 16px;
	}

	.loop-main-section .loop-rows{
		margin-left: 0;
   		margin-right: 0;
	}

	.washbay-page .banner-section{
		overflow: hidden;
	}

	.washbay-page .banner-section .context{
		float: left;
		width: 80%;
	}

	.washbay-section-1 .context{
		padding: 0 10px;
	}
	.washbay-section-1 .featured{
		padding: 0 10px;
	}

	.woocommerce-page .site-inner{
		padding-left: 15px;
		padding-right: 15px;
	}

	
	
	.contact-section .heading h1, .contact-section .heading h2{
		text-align:center;
		padding-left: 0;
	}
	
	.contact-section .heading h1:before, .contact-section .heading h2:before{
		display:none;
	}
	
}
@media only screen and (max-width : 1140px) {
	.genesis-nav-menu li{
		padding: 8px 10px;
	}
	
	
	
	.contact-section .content-right{
		margin-right: 0;
	}
	
	.genesis-nav-menu .custom-menu:before {
		right:-2px;
	}
	

	
	
	
}
@media only screen and (max-width : 1060px) {
	.home .banner-section .row-1 .watch-video{
		padding-right:0;
	}
}
@media only screen and (max-width : 1040px) {
	.wp-custom-logo .site-container .title-area{
		width:25%;
	}
	
	.header-widget-area {
		width: 75%;
	}
	
	
}

@media only screen and (max-width : 1023px) {
	.custom-menu .submenu {
		top:100px;
	}
	.custom-menu .submenu .content-left{
		width:50%;
	}
	.custom-menu .submenu .content-right{
		width:50%;
	}
	
	.top-header-section .citi-widget-area .woocommerce-product-search input[type='search']{
		width:250px;
	}
	.page-header-spacer{
		height: 154px;
	}
	
	.top-header-section ul{
		margin-bottom:0;
	}
	.top-header-section .citi-widget-area{
		float: none;
		width: 100%;
		text-align: center;
	}
	.wp-custom-logo .site-container .title-area{
		max-width: 100% !important;
		width: 100%;
		text-align: center;
		margin-top: 0;
		margin-bottom: 15px;
	}
	
	.wp-custom-logo .site-container .title-area .custom-logo{
		width:285px;
	}
	
	.header-widget-area{
		max-width: 100%;
		width: 100%;
		text-align: center;

	}

	.home .banner-section .row-1 .context{
		width: 80%;
	}
	.home .banner-section .row-1 .watch-video{
		width:20%;
	}

	.section-1 .heading h2:before, .section-1 .heading h2:after, .section-1 .heading img{
		display: none;
	}

	.section-4 .col-box{
		width: 32%;
	}
	.about-section-2 .row-1 .context{
		margin-left: 0;
    	margin-top: 0;

	}


}

@media only screen and (max-width : 991px) {
	.loop-main-section .col-box{
		width: 50%;
		max-width: 346px;
	}
}

@media only screen and (max-width : 959px) {
	.genesis-nav-menu .menu-item{
		display: inline-block;
	}

	.home .banner-section .row-1 .context{
		width: 70%;
	}

	.section-5 .case-study{
		width: 50%;
		max-width: 100%;
	}
	

	.about-section-2 .row-1 .featured{
		width: 100%;
		float: none;
		margin: 0px auto 30px;
	}
	.about-section-2 .row-1 .context{
		width: 100%;
		float: none;
		margin: 0px auto;
	}

	.single-page .site-inner .content{
		padding-right: 0;
	    width: 100%;
	    margin: 0px auto 30px;
	}

	.sidebar{
		float: none;
	   	width: 100%;
	    margin: 0px auto;
	}

	.banner-section .row-1 .context{
		width: 70%;
	}

	.banner-section .row-1 .context h1{
		font-size: 40px;
	}


	.washbay-section-1 .context{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}

	.washbay-section-1 .featured{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		
	}


	.washbay-section-1 .row:nth-child(even) .context, .washbay-section-1 .row:nth-child(even) .featured{
		float: none;
	}
	
	.plumbing-section-10 .featured{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
	}
	
	.plumbing-section-10 .context{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	
	.plumbing-section-10 .row:nth-child(even) .context, .plumbing-section-10 .row:nth-child(even) .featured{
		float: none;
	}

	.stormwater-section-10 .featured{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
	}
	
	.stormwater-section-10 .context{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	
	.stormwater-section-10 .row:nth-child(even) .context, .stormwater-section-10 .row:nth-child(even) .featured{
		float: none;
	}
	
	.hotwater-section-10 .featured{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
	}
	
	.hotwater-section-10 .context{
		width: 100%;
		padding:0;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	
	.hotwater-section-10 .row:nth-child(even) .context, .hotwater-section-10 .row:nth-child(even) .featured{
		float: none;
	}

	.washbay-section-1 .row{
		margin-bottom: 40px;
	}


	.washbay-section-2 .context{
		-webkit-column-count: 1;
	    -moz-column-count: 1;
	 	column-count: 1;
	 	column-gap: 0;
	}


	.woocommerce div.product .woocommerce-tabs{
		max-width: 100%;
		width: 100%;
	}


	.woocommerce .related{
		 max-width: 100%;
		width: 100%;
	}

	.woocommerce .related ul.products{
		text-align: center;
	}

	.woocommerce .related ul.products li.product{
		clear:none;
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
		width: 30%;
	}
	
	.contact-section {
		min-height: initial;
		padding-top: 70px;
		background-size: cover;
		padding-bottom: 70px;
	}
	
	.contact-section .content-left{
		float: none;
		width:100%;
		margin: 0px auto 30px;
	}
	
	.contact-section .content-right{
		float: none;
		width:100%;
		margin: 0px auto !important;
	}
}


@media only screen and (max-width : 860px) {
	.section-3 .brochure{
		width: 40%;
		margin-bottom: 30px;
	}

	.single-product .product .product_title{
		width: 100%;
	}

	.pop-content{
		    padding: 40px 30px;
	}
}

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

@media only screen and (max-width : 767px) {
	
	table{
		word-break: unset;
	}
	
	br{
		display:none;
	}
	
	h2{
		font-size:36px !important;
	}
	
	p{
		font-size:18px;
	}
	
	ul li{
		font-size:18px;
	}
	
	.footer-contact-section{
		background-image:none;
		background-color:#D6D6D6;
	}
	
	.contact-section .contact-form .gform_wrapper .gfield_checkbox li{
		width:100%;
	}
	
	.footer-contact-section .contact-form .gform_wrapper .gform_fields{
		 margin-left: 0;
		margin-right: 0;
	}
	
	.footer-contact-section .contact-form .gform_wrapper .gform_fields .gfield {
		padding-left: 0;
		padding-right: 0;
	}
	
	.footer-contact-section .contact-form{
		padding-left:15px;
		padding-right:15px;
	}
	
	.section-5 .case-study img{
		min-height: initial;
		max-height: initial;
	}
	.page-header-spacer{
		display:none;
	}
	.top-header-section{
		position:relative;
		min-height:initial;
	}
	.top-header-section .citi-widget-area{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.top-header-section .citi-widget-area section.widget_product_search{
		display:none;
	}
	.site-header{
		margin-top: 0;
		position:relative;
		min-height:initial;
		
	}
	
	.site-header.scrolling{
		margin-top: 0;
		position:relative;
		min-height:initial;
	}
	
	.wp-custom-logo .site-container .title-area{
		text-align: left;
	}
	
	#mobile-menu-section, #toggle-nav, .toggle-wrap {
		display: block;
	}

	.mobile-menu-wrap{
		    float: none;
		clear: both;
		background: #282461;
		max-width: 100%;
		margin: 0 auto 20px;
		padding-bottom: 0 !important;
	}
	.mobile-menu-wrap .menu-item{
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border-bottom: 1px solid #fff;
		display: block;
		float: none;
		text-align: left;
		margin-bottom:0;
		position: relative;
	}

	.mobile-menu-wrap ul{
		margin-bottom:0;
	}
	.mobile-menu-wrap li{
		color:#fff;
	}
	
	.mobile-menu-wrap .sub-menu li:last-child{
		border-bottom: transparent;
	}
	
	.mobile-menu-section .menu .menu-item-has-children .c-toggle {
		width: 50px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 5px;
		cursor: pointer;
		color: #fff;
	}
	
	.mobile-menu-section .menu .sub-menu{
		display:none;
	}

	.mobile-menu-wrap li.search-icon{
		display: none;
	}
	
	.mobile-menu-wrap a:hover, .mobile-menu-wrap .menu > .current-menu-item > a, .mobile-menu-wrap .sub-menu a:hover, .mobile-menu-wrap .sub-menu a:hover{
		background: #ee2d26 none repeat scroll 0 0;
		color: #fff !important;
	}
	/*
	.sub-menu .current-menu-item > a{
		background: #ee2d26 none repeat scroll 0 0;
	}
	*/

	
	.mobile-menu-wrap li a{
		color: #fff;
		display: block;
		font-size: 15px;
	   
		padding: 15px 20px;
		text-transform: uppercase;
	}
	
	.mobile-menu-wrap .woocommerce-product-search button{
		display:none;
	}

	.header-widget-area{
		display: none;
	}

	.banner-section{
		background-image: none;
	    background-color: #282461;
	    min-height: initial;
	    padding: 80px 0;

	}

	.home .banner-section .row-1 .context{
		width: 100%;
	    text-align: center;
	    float: none;
	}

	.home .banner-section .row-1 .watch-video{
		padding-top: 30px;
	    text-align: center;
	    margin-left: 0;
	    float: none;
	    padding-right: 0;
		width:100%;
	}
	
	.washbay-page .banner-section .row-1 .watch-video{
		width:100%;
	}

	.banner-section .context br{
		display: none;
	}

	.section-3 .brochure{
		width: 100%;
		
	}

	.section-4 .col-box{
		width: 100%;
	}

	.section-7{
		background-image:none;
		background-color: #fff;
		min-height: initial;
		padding: 80px 0;

	}

	.section-7 .context{
		max-width: 100%;
	}

	.section-8 ul{
		text-align: center;
	    max-width: 340px;
	    width: 100%;
	    margin: 0px auto;
	}
	.section-8 ul li{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}

	.about-section-1 .context{
		max-width: 100%;
	}
	.about-section-1 .context br{
		display: none;
	}
	.loop-main-section .col-box{
		width: 100%;
		
	}

	.washbay-page .banner-section{
		background-image:none;
		background-color: #282461;
		min-height: initial;
		padding: 80px 0;

	}


	.washbay-page .banner-section .context{
		width: 100%;
		text-align: center;
		float: none;
	}

	.washbay-page .banner-section .context br{
		display: none;
	}

	.washbay-page .banner-section .row-1 .watch-video{
		padding-top: 30px;
		text-align: center;
    	margin-left: 0;
    	float: none;

	}

	.banner-section .row-2{
		display: none;
	}

	.washbay-section-5 .context{
		width: 100%;
	}
	.woocommerce .related h2{
		text-align: center;
	}

	.woocommerce .related ul.products li.product{
		max-width: 226px;
	    width: 100%;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    float: none !important;

	}

	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
		float: none;
	}
	
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 100%;
		float: left;
	}
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
		float: left;
	}
	
	.contact-section .contact-form .gform_wrapper .gform_button{
		position: relative;
		right: initial;
		bottom: initial;
		margin-bottom:0;
	}
	
	.footer-section{
		padding:50px 0;
	}
	
	.footer-section .row-1{
		margin-bottom:30px;
	}
	
	.footer-section .footer-menu h3, .footer-information h3{
		display:none;
	}

	.footer-menu ul li{
		width: 100%;
		margin-bottom:10px !important;
	}
	.footer-section .footer-col{
		width: 100%;
		padding-left: 0;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.footer-section .social-media{
		margin-bottom:0;
	}

	.copyright-section .copyright{
		text-align: center;
		width: 100%;
	}
	.copyright-section .design{
		text-align: center;
		width: 100%;
	}
	
	.contact-section .contact-form .gform_wrapper .gform_fields .gfield.one-third{
		width: 100%;
		max-width: 100%;
	}
    
    .wp-custom-logo .site-container .title-area {
        margin: 10px auto;
    }
    
    #mobile-menu-section, #toggle-nav, .toggle-wrap {
        margin-top: 5px;
    }
    
    body .site-header.scrolling #mobile-menu-section, 
    body .site-header.scrolling #toggle-nav, 
    body .site-header.scrolling .toggle-wrap {
        margin-top: 3px;
    }
	
    .top-header-section,
    body .site-header.scrolling .custom-logo-link {
        display: none;
    }
    
    body .site-header.scrolling .cta_section {
        display: block;
    }
    
    body .site-header.scrolling .cta_section a:first-child {
        margin-right: 10px;
        position: relative;
          top: 3px;
        vertical-align: top;
    }
    
    body .site-header.scrolling {
        position: fixed;
    }

}

@media only screen and (max-width : 575px) {
	.pop-content .gform_wrapper .gform_fields{
		margin-left: 0;
		margin-right: 0;
	}
	.pop-content .gform_wrapper .gfield.half{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}


@media only screen and (max-width : 480px) {
	
	.top-header-section .citi-widget-area ul li{
		    display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.top-header-section .citi-widget-area ul li.tp-contact{
		margin-bottom:10px;
	}
	.wp-custom-logo .site-container .title-area{
		text-align: left;
	}
	
	.wp-custom-logo .site-container .title-area .custom-logo {
		width:240px;
	}

	.section-6 .product{
		margin-left: 0;
		margin-right: 0;
	}
	.about-section-1{
		background-image:none;
		background-color: #F7F7F7;
		min-height: initial;
		padding-bottom: 40px;
	}

	.section-1 .lists{
		margin-left: 0;
		margin-right: 0;
	}

	.section-1 .lists .list{
		margin-left: 0;
		margin-right: 0;
	}

	.section-10 .project-lists{
		margin-left: 0;
		margin-right: 0;
	}
	.section-10 .project-list{
		max-width:100%;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.section-10 .project-list .context{
		padding: 0 15px 20px;
	}
	
	h2{
		font-size: 30px !important;
	}

	.contact-page .contact-form .gform_wrapper .gform_fields .gfield.half{
		max-width: 100%;
		width: 100%;
	}

	.contact-page .contact-form .gform_wrapper .gfield_checkbox li{
		width: 100%;
	}

	.contact-page .contact-form .gform_wrapper{
		margin-left: 0;
	}

	.entry-title{
		font-size: 20px;
	}

	.loop-main-section .col-box .context h3{
		font-size: 20px;
	}

	.banner-section .row-1 .context h1{
		font-size: 30px;
	}

	.washbay-section-5 .context{
		padding-left: 0;
    	padding-right: 0;
	}

	.washbay-section-5 ul li{
		padding-left: 35px;
	}

	.testimonial-section .testimonials .testimonial{
		padding: 30px;
	}

	.washbay-section-8 .stage .counter{
		width: 70px;
		height: 70px;
		padding-top: 20px;
	}
	.washbay-section-8 .stage:before{
		left: 30px;
	}
	.washbay-section-8 .stage .counter span{
		font-size: 14px;
	}
	.washbay-section-8 .stage .counter span.num{
		font-size: 20px;
	}

	.washbay-section-8 .stage {
		padding-left: 80px;
	}
	.washbay-section-8 .stage ul li{
		padding-left: 35px;
	}
}