body {
	background: #fff;
	color:#6b6b6b;
	line-height:22px;
}


header *, footer *, section *, .banner-container *, .sd-container *, .slogan-container *, .slider_circle_mob *{box-sizing:border-box;}

.header-background { 
	background:#fff;
	border:none;
	height:145px;
	position:relative;
	z-index:2;
}

.logo-content{margin:0}

#mainlogo {
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:286px;
}
#mainlogo img{display:block;}

#block_1 {
	display:block;
	position:absolute;
	top:5px;
	right:23px;
	background:url(https://www.macgregorsplumbing.co.nz/themes/responsive_home/images/cta_bg.png) no-repeat top;
	width:339px;
	height:123px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700; line-height:16px;
}

#block_2 {
	display:block;
	position:absolute;
	top:64px;
	right:23px;
}
#block_2 a:hover:before{box-shadow:0 0 30px rgba(65,100,20,1) inset; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4px;}

.tagline_1 {
	color: #fff;
    font-size: 39px;
    padding-left: 39px;
    padding-top: 50px;
	display:block;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
.tagline_2 {
	color: #000;
    font-size: 18px;
    padding-left: 140px;
    padding-top: 12px;
	display:block;
}

.nav-background{background:#0079c2; border-bottom:5px solid #223e99;}

#nav-menu {
	width:1152px !important;
	height:48px;
	margin:0 auto;
	float:none;
	display:block;
}

nav ul li a {	
	color:#fff;
	font-size:18px;
}

/* Mobile Menu */

.mobile-menu{display:none;}
.mobile-menu *{vertical-align:baseline;}

.dl-menuwrapper button {background:#fff; border:1px solid #aaa;}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #fff;
	border:1px solid #aaa;
}
.dl-menuwrapper li{border-bottom:1px solid #aaa;}
.dl-menuwrapper li:last-child{border-bottom:none;}
.dl-menuwrapper li > a {
	position:relative;
	padding: 15px 10px;
	font-size: 14px;
	line-height: 20px;	
	color: #0079c2;
	outline: none;
	text-decoration:none;
	font-weight:400;
	text-transform:uppercase;
}
.dl-menuwrapper .top_link{color: #0079c2; padding: 15px 20px; text-decoration:none; display:block; border-bottom:1px dotted #aaa;}
.dl-menuwrapper .top_link:hover{background:#0079c2!important;
	color:#fff;}

.dl-subview .top_link {
    display: none;
}

.dl-menuwrapper li > a:hover {
	background:#0079c2!important;
	color:#fff;
}

.dl-menuwrapper li > a:after {
	display:none;
}

.dl-menuwrapper a:not(:only-child) .arrow {
	width:50px;
	height:50px;
	border-left:1px solid #aaa;
	display:block;
	background:#0079c2;
	cursor:copy;
	position:absolute;
	top:0;
	right:0;
}

.dl-menuwrapper a:not(:only-child) .arrow:after {
	line-height: 50px;
	text-align:center;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	position:absolute;
	top:2px;
	left:19px;
	color:#fff;
	font-size:12px;
}

.dl-menuwrapper li.dl-back:after {
	width:50px;
	height:50px;
	border-left:1px solid #aaa;
	display:block;
	background:#0079c2;
	cursor:copy;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:12px;
	color:#fff;
}

.dl-menuwrapper li.dl-back > a{padding-left:56px; line-height:20px;}

/* End Mobile Menu */


#nav-menu div .sf-menu {
	width:1152px;
	margin:13px 0 0 0;
	padding:0px;
}
#nav-menu div .sf-menu li {
	/*background: url("https://www.macgregorsplumbing.co.nz/themes/responsive_home/images/menu_divider.png") no-repeat scroll right 18px transparent;*/
}

#nav-menu div .sf-menu li.last {	
	background: none no-repeat scroll 0 0 transparent;
}


#nav-menu div .sf-menu a {
	letter-spacing: 0;
	padding: 0px;
}


#nav-menu div .sf-menu a:hover, #nav-menu div .sf-menu a.nav-path-selected:hover, #nav-menu div .sf-menu a.nav-path-selected, #nav-menu div .sf-menu li.sfHover > a {
	/*background: url("https://www.macgregorsplumbing.co.nz/themes/responsive_home/images/menu_arrow.png") no-repeat scroll center 0px transparent;*/
}
#nav-menu div .sf-menu a:hover span, #nav-menu div .sf-menu a.nav-path-selected:hover span, #nav-menu div .sf-menu a.nav-path-selected span, #nav-menu div .sf-menu li.sfHover > a span {
	/*background: url("https://www.macgregorsplumbing.co.nz/themes/responsive_home/images/menu_header_right.png") no-repeat scroll right center transparent;*/
}
#nav-menu div .sf-menu a:hover span span, #nav-menu div .sf-menu a.nav-path-selected:hover span span, #nav-menu div .sf-menu a.nav-path-selected span span, #nav-menu div .sf-menu li.sfHover > a span span {
    /*background:  url("https://www.macgregorsplumbing.co.nz/themes/responsive_home/images/foot.png") no-repeat center transparent;*/
    color: #fff; /*Set hover colour here*/
	border-bottom:2px solid #fff;
}

#nav-menu div .ukao-submenu li a:hover, #nav-menu div .ukao-submenu li a.nav-path-selected:hover, #nav-menu div .ukao-submenu li a.nav-path-selected, #nav-menu div .ukao-submenu li.sfHover > a {
    background: none !important;
}
#nav-menu div .ukao-submenu a:hover span, #nav-menu div .ukao-submenu a.nav-path-selected:hover span, #nav-menu div .ukao-submenu a.nav-path-selected span, #nav-menu div .ukao-submenu li.sfHover > a span {
    background: none;
}
#nav-menu div .ukao-submenu a:hover span span, #nav-menu div .ukao-submenu a.nav-path-selected:hover span span, #nav-menu div .ukao-submenu a.nav-path-selected span span, #nav-menu div .ukao-submenu li.sfHover > a span span {
    background: none;
	color: #5bafe2; /*Set hover colour here*/
	border-bottom:none;
}

#nav-menu div .sf-menu a span span {
	display:block;
	font-family: 'montserratregular';
    font-size: 18px;
    font-weight: normal;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
	padding:3px 0; /*adjust padding here*/
	margin: 0 100px 0 0;
	
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
#nav-menu div .sf-menu a.last span span {
	/*padding-right:0px;*/
}

#nav-menu div .sf-menu li ul.ukao-submenu {
	margin-top:0px;
	width:200px;
	background: #223e99;
	padding:0 5px;
}

/*#nav-menu div .sf-menu li ul.ukao-submenu::before{ width:200px; height:4px; background:#f0f0f0; position:absolute; top:-9px; left:0; content:"";}*/

#nav-menu div .sf-menu li ul.ukao-submenu ul {
	margin-top:-5px;
	margin-left:45px;
}

#nav-menu div .sf-menu li ul.ukao-submenu li ul{
	/*-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(https://www.macgregorsplumbing.co.nz/themes/responsive_home/PIE.htc);*/
}


#nav-menu div .sf-menu li ul.ukao-submenu li {
    background: none;
	border-bottom:1px solid #b4b4b4;
}

#nav-menu div .sf-menu li ul.ukao-submenu li.lastdrop {
	border-bottom:none;
	/*-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(https://www.macgregorsplumbing.co.nz/themes/responsive_home/PIE.htc);*/
	}


#nav-menu div .sf-menu ul li a {
    letter-spacing: 0;
	padding: 0px;
}
#nav-menu div .sf-menu ul li a span span {
	display:block;
	font-family: 'montserratregular';
	text-transform:uppercase;
    font-size: 16px;
    font-weight: normal;
	color:#fff;	
	text-align: left;
	padding:10px 12px 10px 35px!important;  /*adjust padding here*/
	margin:0px !important;
	position:relative;
	line-height:20px;
}
#nav-menu div .sf-menu ul li a span span:before{content:" > "; color:#b5b5b5; position:absolute; left:15px; top:11px;}


/* Advanced Slider */

.advanced-slider  .caption .content {
	padding:0px !important;
	width:100% !important;
	display:table;
}

.advanced-slider .caption .wrapper p {
	display: table-cell !important;
	vertical-align: middle !important;
	height:60px; /*Manually set here until can integrate into php*/
	width:100% !important; /*Manually set here until can integrate into php*/
	text-align:center !important;
	padding-left:15px;
	padding-right:15px;
}

.advanced-slider  .caption .content p{
	width:100% !important;
}

.advanced-slider .slide, .advanced-slider .slide .slice {
	background-position: center 0 !important; /*fix image twitching*/
	width:100% !important;
	background-size: cover;
	height:inherit !important;
}
.advanced-slider {
    border: 0px solid #12255d;
	width:100% !important;
	height:inherit !important;
	text-align:center !important;
	float:none !important;
	margin:auto !important;
	z-index:0;
}
.slide-wrapper{width:100% !important; height:inherit !important;}
.slide-wrapper div{width:100% !important; background-position:center !important;}

.caption .content div{font-family: Arial !important; font-size:19px !important; color:#fff !important; font-weight:bold !important; text-align:center !important;}
.caption, .caption .wrapper, .caption .wrapper p {height:60px !important; width:100% !important; text-align:center !important;}
.caption .wrapper .background {	background:#000 !important;	opacity:0.50 !important;	filter:alpha(opacity=85) !important;}

/* End Advanced Slider */


.banner-container {
	background:#fff;
	position:relative;
	z-index:1;
}

.banner-container .container{}

.header_content {
	width:1152px;
	height:384px;
	margin:0 auto;
	position:relative;
}

.header_content img {
	max-width: 100%;
	height: auto;
	margin: 0 0;
}


/* Middle Boxes */
.sd-container {
	background:#fff;
	padding:26px 0 10px;
}

.sd-container .container{/*min-height:261px;*/width:1152px;}
.sd-container .box_wrap{width:100%; margin:0 auto; overflow:hidden; padding:0px;}

.sd-container .box{width:364px; margin-left:30px; overflow:hidden; float:left; position:relative; padding-bottom:18px;}
.sd-container .box.first{margin-left:0px;}
.sd-container .box_inner{border:3px solid #0079c2; width:100%; background:#fff;}

.sd-container .sd_title{background:#0079c2; text-align:center; padding:15px 0;}
.sd-container .sd_title h1{font-family: 'montserratbold'; font-weight:normal; font-size:22px; color:#fff; text-transform:uppercase; margin:0; padding:0; display:inline-block; border-bottom:3px solid #fff;}

.sd-container .sd_image{text-align:center; width:100%; margin:0 auto; position:relative;}
.sd-container .sd_image img{max-width:100%; height:auto;}

.sd-container .sd_content{text-align:center; overflow:hidden; margin-top:15px; padding:0 20px;}
.sd-container .sd_content p{font-size:14px; color:#7c7c7c; line-height:20px;}

.sd-container .readmore {text-align:center; padding:25px 0 25px;}
.sd-container .readmore a{font-size:18px; color:#0079c2; text-transform:uppercase; display:inline-block; margin:0 auto; padding:12px 24px 10px; border:3px solid #0079c2; text-decoration:none; line-height:18px; font-family: 'montserratbold';}
.sd-container .readmore a:hover{background:#0079c2; color:#fff;}

.sd-container .box p:last-child{padding-bottom:0;}

/* Middle Boxes */


.main-background{
	background:#eee;
	padding:30px 0;
}
.main-background .container{padding:0 40px;}

.main-background .container .eleven.columns{width:755px;}
.main-background .container .five.columns{width:345px;}
.main-background .container .sixteen.columns{width:1120px;}



/* Footer */

#footer{background:none; min-height:95px;}


.lower-footer {
	background:#223e99;
	font-family:"Open Sans";
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
}
.lower-footer .container{position:relative;}

.lower-footer .c1{padding:35px 0 35px 40px;}
.lower-footer .c1 span.sep {
	margin-left:45px;
	margin-right:45px;	
}
.lower-footer .c1 a {
	color:#fff;
	padding:0px;
	text-decoration:none;
}
.lower-footer .c1 a:hover{color:#5bafe2;}

.further-lower-footer {
	background:#eee;
	font-family:"Open Sans";
	font-size:13px;
	color:#727272;
	text-align:center;
}
.further-lower-footer .c2{color:#727272; padding:10px 0; padding:20px 0;}
.further-lower-footer .c2 a{color:#727272; text-decoration:none;}
.further-lower-footer .c2 a.website{color:#727272;}
.further-lower-footer .c2 a:hover{text-decoration:underline;}
.further-lower-footer .c2 span.sep {
	margin-left:5px;
	margin-right:5px;	
}
.further-lower-footer .c2 img#dash {
    position: relative;
    top: 2px;
	vertical-align:bottom;
}

.lower-footer .c3{position:absolute; right:40px; top:23px;}
.lower-footer .c3 a{display:inline-block; width:43px; height:43px; position:relative;}
.lower-footer .c3 a:hover:before{box-shadow:0 0 5px rgba(0,0,0,0.7) inset; content:""; position:absolute; top:0; left:0; width:43px; height:43px;}

/* Footer */

.main-content ul{margin:10px 0 10px 10px; padding:0;}
.main-content ul li{background:url(https://www.macgregorsplumbing.co.nz/themes/responsive_home/images/tic1.png) no-repeat left 8px; padding:5px 0 5px 20px; margin-bottom:2px; line-height:22px;}

#pagelist_menu_bar {margin-bottom:12px;}
#pagelist_menu_bar br{display:none;}
#pagelist_menu_bar ul li{background:none; padding-left:0; padding-top:0;}
#ct25_menu_bar ul{background:none !important;}
#ct25_menu_bar ul li{background:none !important;}
#ct25_menu_bar ul li a{background:none !important; border-bottom:1px dotted #aaa;}
#ct25_menu_bar ul li a:hover{color:#0079c2;}


.form_block{width:100%; min-height:504px; overflow:hidden; background:#0079c2; padding:20px; margin-bottom:17px; max-width:355px;}

.form_block h1{font-size:28px; color:#ebf1e2; margin-top:0; padding:0; line-height:30px; margin-bottom:10px;}
.form_block p{font-size:13px; color:#ebf1e2; margin:0 0 12px; padding:0; font-family: 'montserratregular'; line-height:16px;}

.form_block .question{color:#ebf1e2; padding-bottom:5px; font-size:13px; font-weight:normal; font-family: 'montserratregular';}
.form_block .question .required{color:#ebf1e2; font-family: 'montserratregular';}
.form_block input{width:100%; min-height:27px; margin-bottom:8px; border:none;}
.form_block textarea{width:100% !important; height:80px; border:none;}
.form_block label {font-weight: normal !important; }
.form_block td{float:left; width:100%;}
.form_block .formBlockSubmitButton{width:198px; height:39px; margin:7px auto 0; border:3px solid #fff; background:none; cursor:pointer; font-size:18px; text-align:center; text-transform:uppercase; display:block; vertical-align:middle; box-shadow:none; color:#fff; font-family: 'montserratregular';}
.form_block .formBlockSubmitButton:hover{background:#fff; color:#0079c2;}

.form_block #msg{color:#ffde00; font-size:10px;}
.form_block form{margin-bottom:0 !important;}


@media only screen and (min-width: 960px) and (max-width: 1199px) {

.header-background{height:145px;}
#mainlogo{width:286px;}

#block_1{right:10px;}


#nav-menu {
	width:960px !important;
}

#nav-menu div .sf-menu{width:940px; margin-left:20px;}
#nav-menu div .sf-menu a span span {margin:0 65px 0 0;}



.banner-container {}
.header_content {
	width:960px;
	height:320px;
}

.sd-container .container{width:960px;}
.sd-container .box{width:310px; margin-left:15px;}
.sd-container .box.first{margin-left:0;}

.sd-container .sd_image{}
.sd-container .sd_content h1{font-size:20px;}


.main-background .container{padding:0 20px;}

.main-background .container .eleven.columns{width:630px;}
.main-background .container .five.columns{width:270px;}
.main-background .container .sixteen.columns{width:920px;}


/* Footer */
#footer{}
.lower-footer .c1{padding-left:20px;}
.lower-footer .c1 span.sep{margin-left:25px; margin-right:25px;}

.form_block h1{font-size:25px;}

}


@media only screen and (min-width: 768px) and (max-width: 959px) {

.header-background{}
.logo-content{}
#mainlogo{width:260px; left:10px;}

#block_1{right:10px;}
#block_2{right:10px;}
#block_2 img{max-width:170px;}



#nav-menu {
	width:748px !important;
}
#nav-menu div .sf-menu{width:738px; margin-left:10px;}
#nav-menu div .sf-menu a span span {margin:0 38px 0 0; font-size:17px;}


.banner-container {}
.banner-container .container{}
.header_content {
	width:748px;
	height:250px;
}

.sd-container .container{width:748px;}
.sd-container .box{width:237px; margin-left:18px; padding-bottom:16px;}
.sd-container .box.first{margin-left:0;}
.sd-container .sd_title h1{font-size:17px;}
.sd-container .sd_image{}
.sd-container .sd_content{padding:0 10px;}
.sd-container .sd_content h1{font-size:20px;}
.sd-container .sd_content p{}


.main-background .container{width:748px; padding:0;}
.main-background .container .eleven.columns{width:488px;}
.main-background .container .five.columns{width:260px;}
.main-background .container .sixteen.columns{width:748px; padding:0;}

/* Footer */
.lower-footer .c1{padding-left:10px;}
.lower-footer .c1 span.sep {
	margin-left:15px;
	margin-right:15px;
}

.lower-footer .c3{right:10px;}

.form_block h1{font-size:20px;}
}



@media only screen and (max-width: 767px) {

.header-background {
	height:270px;
}
.logo-content{padding:20px 0 0 10px;}
#mainlogo {width:250px; position:relative; left:unset; left:initial; top:unset; top:initial;}

.cta_inner{text-align:center;}	
#block_1{top:initial; right:initial; position:initial; top:unset; right:unset; position:unset; display:inline-block; margin:30px auto 0;
width:290px;
height:103px;
background-size:cover;
}
.tagline_1{font-size:30px; padding-top:40px; padding-left:24px;}
.tagline_2{font-size:18px; padding-top:8px; padding-left:28px;}


.mobile-menu{display:block; width:52px; height:50px; float:right; position:absolute; top:28px; right:20px; text-align:left;}

.nav-background {
	display:none;
}
.caption .content div{font-size:15px !important; font-weight:normal !important;}
.caption, .caption .wrapper, .caption .wrapper p {height:40px !important;}

.banner-container {margin-top:-69px;}
.banner-container .container{}
.header_content {
	width:100%;
	height:220px;
}



/* Middle Boxes */
.sd-container .container{width:100%;}
.sd-container .box_wrap{text-align:center;}
.sd-container .box{width:300px; float:none; display:inline-block; margin:5px; vertical-align:top;}
.sd-container .box.first{margin:5px;}
.sd-container .sd_title h1{font-size:20px;}
.sd-container .sd_image{}
.sd-container .sd_content{min-height:unset; min-height:initial; min-height:auto !important;}
.sd-container .sd_content h1{font-size:20px;}
/* Middle Boxes */

.main-background{padding:30px 10px;}
.main-background .container{width:100%; padding:0;}
.main-background .container .eleven.columns{width:100%;}
.main-background .container .five.columns{width:100%;}
.main-background .container .sixteen.columns{width:100%; padding:0;}


/* Footer */

.lower-footer .container{padding-bottom:20px; text-align:center;}
.lower-footer .c1{text-align:left; padding:20px 0;}
.lower-footer .c1 a{display:block; color:#fff; padding:6px 0 7px; font-size:14px; border:1px solid #0079c2; max-width:250px; text-align:center; margin:0 auto 5px;}
.lower-footer .c1 span.sep{display:block; height:1px; font-size:0;}
.lower-footer .c1 a:hover{box-shadow:inset 0px 0px 30px rgba(0,0,0,0.5); color:#fff;}
.lower-footer .c3{top:initial; right:initial; position:initial; top:unset; right:unset; position:unset; display:inline-block;}
.lower-footer .c3 a{position:relative;}

.further-lower-footer .c2{text-align:center; line-height:15px;}
.further-lower-footer .c2 #company{display:block; margin-bottom:5px;}
.further-lower-footer .c2 *{text-align:center; margin:0; padding:0;}
.further-lower-footer .c2 .shift_things {display:none;}



/* Footer */
.form_block{margin:12px auto;}
.form_block h1{font-size:25px;}
}




@media only screen and (max-width: 479px) {
	
.header-background {height:255px;}

.logo-content{padding:20px 0 0;}
#mainlogo {max-width:195px; }	
.mobile-menu{top:29px;}


.nav-background {
	display:none;
}



.banner-container {margin-top:-62px;}
.header_content{height:175px;}
.banner-container .container{}

.sd-container{padding-top:15px;}
.sd-container .box{width:280px;}
.sd-container .sd_title h1{font-size:18px;}

/* Footer */


/* Footer */

}