/**************imported font files *************/
@font-face {
    font-family:'FuturaBold';
	
	src: url('fonts/futura-md-bt-bold.eot'); /* IE9 Compat Modes */
	src: url('fonts/futura-md-bt-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        /*url('webfont.woff2') format('woff2'), Super Modern Browsers */
	url('fonts/futura-md-bt-bold.woff') format('woff'), /* Pretty Modern Browsers */
	url('fonts/futura-md-bt-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
        /*url('webfont.svg#svgFontName') format('svg'); Legacy iOS */
		
	}

@font-face {
    font-family: 'Helvetica Roman';
    src: url("fonts/HelveticaNeueLTStd-Roman.otf");
}


/**********************
    -   RESET   -
************************/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

body {
      /* fallback */
  background-color: #0058a8;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, 0% 100% from(#0058a8), to(#011b56));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #0058a8, #011b56);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #0058a8, #011b56);

  /* IE 10 */
  background: -ms-linear-gradient(top,#0058a8, #011b56);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #0058a8, #011b56);
  
    font-family:'FuturaBold', Futura, 'Helvetica Roman', Arial, sans-serif;
}



.page-template {
    max-width: 1140px;
    margin: auto;
/*    border-right: 1px solid yellow;
    border-left: 1px solid  yellow;  */
}

body,
input,
textarea {
    /* color: #4a4f54; */
}

h1 {
    color: #4a4f54;
    margin: 0 !important;
    text-align: center;    
    font-size: 20px;
}

h1 a {
    color: #fff !important;
    text-decoration: none;
}

h1 a:hover {
    color: #fff !important;
}

h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover,
h6 a,
h6 a:hover {} 

 h2 {
    color: #0a3e95;
    font-size: 1.35em;
    margin: 1em 0 1em;
	font-weight: bold;
}


h3,
h4,
h5,
h6 {
    color: #0a3e95 !important;
    font-weight: normal ;
    letter-spacing: 1px;
}

h3{
	font-weight: bold;
	margin-bottom: 1em;
}
p {
    color: #3b3d40; 
    /*#5e5f5d;*/
    margin: 30px 0;
    font-size: 16px;
	font-family: Futura, Helvetica, Arial, sans-serif;
}


ul, ol {
	color: #3b3d40; 
	/*#5e5f5d;*/
    padding-left: 0.5em;
    margin-top: 0;
    font-size: 16px;
	font-family: Futura, Helvetica, Arial, sans-serif;
}
.content-wrapper .container {
    padding-top: 0;
}

#cenPhone a {
    color: #fff;
}

#cenPhone a:hover, a:hover{
    text-decoration: underline;
}

.phone, .phone a, .phone a:hover {
    color: #fff;
    margin-bottom: 0;
    padding-top: 9px;
    text-align: center;
     font-weight: bold;
    font-size: 36px;
	font-family: 'FuturaBold',  Futura, Arial, sans-serif;
    text-decoration: none;
}

#top-nav {
    padding: 1.5em 0 0;

  /* fallback */
  background-color: #0058a8;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, 0% 100% from(#0058a8), to(#011b56));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #0058a8, #011b56);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #0058a8, #011b56);

  /* IE 10 */
  background: -ms-linear-gradient(top, #0058a8, #011b56);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #0058a8, #011b56);
	}


.content-wrapper{
    background-color: #fff;
    padding: 2em;
}

.icoImag {
    height: 80px;
    width: 80px;
    float: right;
    }

.top-icon-box {
	/*border: 3px solid #fff;*/
	border-radius: 10px;
	padding: .75em;
	font-size: .65em;
	text-align:center;
		background: #4ec1ee;
		
				  /* Safari 4-5, Chrome 1-9 */
		  background: -webkit-gradient(linear, 0% 0%, 0% 100% from(#4ec1ee), to(#0088d0));

		  /* Safari 5.1, Chrome 10+ */
		  background: -webkit-linear-gradient(top, #4ec1ee, #0088d0);

		  /* Firefox 3.6+ */
		  background: -moz-linear-gradient(top, #4ec1ee, #0088d0);

		  /* IE 10 */
		  background: -ms-linear-gradient(top, #4ec1ee, #0088d0);

		  /* Opera 11.10+ */
		  background: -o-linear-gradient(top, #4ec1ee, #0088d0);
		  width: 70px;
		  height: 70px;
}

	#social-icons .top-icon-box i { 
		font-size: 4em;
		color: #fff;
		text-align:center;
		display:block;
		    margin: 3px 0 -1px;
		}
		
 #social-icons #first_icon .top-icon-box i,  #social-icons #first-icon-mobile .top-icon-box i  {     font-size: 4.65em;   margin: 4px 0 -7px;} 
	
.top-icon-box a {
	color: #fff;
	text-decoration:none;	
}


.slugBar {
    width: 100%;
    padding: 15px 0;
	
			background: #4ec1ee;
		
				  /* Safari 4-5, Chrome 1-9 */
		  background: -webkit-gradient(linear, 0% 0%, 0% 100% from(#4ec1ee), to(#0088d0));

		  /* Safari 5.1, Chrome 10+ */
		  background: -webkit-linear-gradient(top, #4ec1ee, #0088d0);

		  /* Firefox 3.6+ */
		  background: -moz-linear-gradient(top, #4ec1ee, #0088d0);

		  /* IE 10 */
		  background: -ms-linear-gradient(top, #4ec1ee, #0088d0);

		  /* Opera 11.10+ */
		  background: -o-linear-gradient(top, #4ec1ee, #0088d0);

}

.slugBar h1 {
    color: #fff;
    letter-spacing: 0.7px;
    font-size: 1.27em;
    font-weight: bold;
	font-family: 'FuturaBold' ,  Futura, 'Trebuchet MS', Arial, sans-serif;
    text-align: center;
}

.tableArea{
    display: table;
    width: 100%;
}

.cellArea{
    display: table-cell;
}

.service-header{
	text-align: center;
	
	margin-bottom: 1.5em;
}

.service-header i {
	font-size: 3.5em;
	color:#0a3e95;
}

#services-list  ul{
	/*padding-left: 0;*/
	list-style:none;
}

#services-list li:before {
	content: "• ";
	color: #0250a3; 

	padding-top:3px;
}

#services-list  ul i {	
	margin-right: .5em;
}

#sb-grey-skin li:before {
	content: unset;
	list-style:none;
}

.fa-check{
	color: #0a3e95;
}

.btmIconArea{
    display: table-cell;
    width: 33.3%;
}

.tableArea #cenPhone{
    text-align: center;
    vertical-align: top;
   }

#email {
    color: #fff;
    margin: 0;
    font-weight: lighter;;
    text-decoration: none;
    line-height: 1.4;
   }

.tableArea ul{
    padding-left: 1em;
}

#topArea{
    margin-bottom: 1.7em;
}

.flexslider{margin-bottom: 1em;}

#services-list .cellArea{ padding:.5em; width: 33.3%;}



    footer span{
    font-size: .8em;
    color: #fff;
}

 #fcontact a {
    color: white;
    text-decoration: none;
	}

#footerDesignedBy a{
    color: white;
    text-decoration: none;
    font-size: .8em;
}
#footerDesignedBy a:hover, #fcontact a:hover{
    text-decoration: underline;
}




/*  #Desktop
================================================== */
/* Desktop screens */
@media only screen and (max-width: 3000px) {
   #logoArea, #cenPhone, #social-icons  {
     padding: 0;
     display: table-cell;
    }

    #company_logo {
        width: 380px;
    }

    #secondary_logo{
        padding-top: 13%;
                width: 160px;
    }

   #sideBorders{
     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
    height: 4.2em;
    margin-top: 10%;
    }

    #logoArea{
        width: 32%;
    }

    #cenPhone {
         width: 27%;
   }

    #social-icons{
		padding: 2% 2% 0 3%;
		width: 31%;
		height:100%;
	
    }


  #top-nav .page-template #social-icons .tableArea #first-icon-mobile{
    display: none;
    }
   #top-nav .page-template #social-icons .tableArea #first-icon{
        display: table-cell;
    }


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

  #top-nav .page-template #social-icons .tableArea  #first-icon-mobile{
    display: none;
    }
  #top-nav .page-template #social-icons .tableArea #first-icon{
        display: table-cell;
    }

}

/*  #Desktop
================================================== */
/* Portrait tablet to landscape and desktop */

@media only screen and (max-width: 1000px) {
#topArea .tableArea, #topArea .cellArea{
    display: block;
}

    #logoArea, #cenPhone, #social-icons  {
         padding: 0;
         display: block;
         width:100%;
         margin: auto;
        }

    #company_logo{
        padding-top: 2%;
        display: block;
        margin: auto;
         width: 270px;

        }

    #secondary_logo{
        padding-top: 5%;
        display: block;
        margin: auto;
    }

    #sideBorders{
        border: none;
        margin-top:0;
    }
    #cenPhone, #cenPhone a, #cenPhone .phone, #social-icons{
      display: block;
      position: relative;
    }
    #cenPhone{
        padding-top: 2%;
    }

    .phone{
        font-size: 3.5em;
    }
    #email{
        font-size: 2em;
        line-height: 1;
    }

	.top-icon-box{
		margin:auto;
	}

    #social-icons .tableArea{
        display: table;
        position: relative;
    }

     #social-icons .cellArea{
         display: table-cell;

        }

	     #social-icons{
        width: 100%;
		margin: 3.25em 0;
    }
	
    .icoImag{
        height: 110px;
        width: 110px;
        padding: 0;
		float: none;
    }
	
	#social-icons .tableArea a{
		display:block;
	}
	#social-icons .tableArea #first-icon a{
		text-align: right;
	}
	#social-icons .tableArea  #second-icon a{
		text-align: center;
	}
	#social-icons .tableArea  #third-icon a{
		text-align: left;
	}	
		

   #banner {
        height: 290px;
          }

    .btmIconArea {
        display: block;
        width:100%;
    }

    .sponsor{
        width: 90%;
        margin-bottom:2em;
    }

    .sponsor:nth-child(3){
        margin-bottom: 0;
    }

    #top-nav .page-template #social-icons .tableArea #first-icon-mobile{
    display: none;
    }
    #top-nav .page-template #social-icons .tableArea #first-icon{
        display: table-cell;
    }
	
	

}
/* #Mobile (Landscape)
================================================== */

@media only screen and (max-width: 800px) {
     .slugBar h1{
        font-size: 1em;
        padding: 0 .5em;
        line-height: 1.5;
     }

     #social-icons{
        width: 100%;
		margin: 3.25em 0;
    }
	
    .icoImag{
        height: 100px;
        width: 100px;
        padding: 0;
    }
	#social-icons .tableArea a{
		display:block;
	}
	#social-icons .tableArea #first-icon a{
		text-align: right;
	}
	#social-icons .tableArea  #second-icon a{
		text-align: center;
	}
	#social-icons .tableArea  #third-icon a{
		text-align: left;
	}
	

    #banner {
        height: 230px;
          }

      .slugBar > .tableArea{
        display: block;
      }

    .slugBar > .tableArea > #footerContact, .slugBar > .tableArea > #footerDesignedBy{
        width:100%;
        display: block;
        padding:0;
        text-align: center;
    }

    .slugBar > .tableArea > #footerDesignedBy{
        margin-top:1em;
    }
    #footerDesignedBy .tradie_logo{
        padding-top: .7%;
    }
      footer span{
        font-size: 1em;
      }

	  #services-list .cellArea{ padding:.5em; width: 100%;  display: block;}
	  
	  #services-list .cellArea ul{ padding-left: 25%;}
	  
      .content-wrapper > .tableArea > .cellArea{
        display: block;
        margin-bottom: 0;
      }


    #top-nav .page-template #social-icons .tableArea #first-icon-mobile{
         display: none;
    }
    #top-nav .page-template #social-icons .tableArea #first-icon{
        display: table-cell;
    }

}
@media only screen and (max-width: 700px){
	#services-list .cellArea ul {
		padding-left: 15%;
	}
}
@media only screen and (max-width: 650px) {
	#banner{ height:190px}
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 500px) {
    body{
        max-width:500px;
    }

    .phone{
        font-size: 3em;
    }

    #email{
        font-size: 1.35em;
    }

    #social-icons{
        width: 100%;
        margin: 1.25em 0;
    }
    .icoImag{
        height: 100px;
        width: 100px;
        padding: 0;
    }
	#social-icons .tableArea a{
		display:block;
	}
	#social-icons .tableArea #first-icon-mobile a{
		text-align: center;
	}
	#social-icons .tableArea  #second-icon a{
		text-align: center;
	}
	#social-icons .tableArea  #third-icon a{
		text-align: left;
	}
	
 #services-list .cellArea ul{ padding-left: 5%;}

    .content-wrapper{
        padding: 2.2em .8em .8em .8em;
    }
	
	 #banner {
        height: 135px;
          }

    footer span{
        font-size: .7em;
      }

    .slugBar > .tableArea > #footerDesignedBy{
        margin:0;
    }
#top-nav .page-template #social-icons .tableArea  #first-icon-mobile{
         display: table-cell;		 
    }
header#top-nav div#topArea.page-template div.tableArea div#social-icons div.tableArea div#first_icon.cellArea	{
        display: none;
    }
	
}

/****** end of mobile style rules *********/
/*  #Mobile Apple iPhone 4(Portrait)
================================================== */
@media only screen and (max-width: 400px) {
    #company_logo{
        width:225px;
        padding-top: 0;
    }

    #sideBorders{
        padding-top: 0;
        margin-top: 0;
    }

    #social-icons{
        width: 100%;
        margin: 1.5em 0;
    }
    .icoImag{
        height: 90px;
        width: 90px;
         padding:0;
            }

    #banner{
      height: 100px;
    }

    .phone{
        font-size: 2.5em;
    }

    #email{
        font-size: 1.1em;
    }

    .content-wrapper ul{
       padding-left: .75em;
    }
	
	#social-icons .tableArea{
		padding:0;
	}
	
	
	#social-icons .tableArea a{
		display:block;
	}
	#social-icons .tableArea #first-icon-mobile a{
		text-align: center;
	}
	#social-icons .tableArea  #second-icon a{
		text-align: center;
	}
	#social-icons .tableArea  #third-icon a{
		text-align: left;
	}
	
	
    #top-nav .page-template #social-icons .tableArea #first-icon-mobile{
         display:  table-cell  ;
    }
header#top-nav div#topArea.page-template div.tableArea div#social-icons div.tableArea div#first_icon.cellArea{
        display: none;
    }
}

/****** end of mobile apple iPhone 4 style rules *********/
/*=============== Section section ===============*/

#long-heading{font-size:1.13em; padding-bottom: 15px;}

.content-wrapper h2:nth-child(1){
    margin-top:0;
}

.block{display: block;  width: 200px; height: 85px; margin: auto; }

#first-sponsor{
	background: #fff url("../imgs/Master-Plumbers-branding-colour.jpg") no-repeat;
	background-position: 50%;
	background-size: 80%;
}

#second-sponsor{
	background: #fff url("../imgs/GreenPlumbers.jpg") no-repeat;
	background-position: 50%;
	background-size: 50%;
}

#third-sponsor{
	background: #fff url("../imgs/BackflowPrevention.jpg") no-repeat;
	background-position: 50%;
	background-size: 25%;
}

a img:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
    outline: 0 none !important;
}
a img {
    outline: 0 none !important;
    text-decoration: none;
    transition: all 0.5s ease 0.1s;
}

.sb-nav-grey a i{
    padding: 1px 1px 0 ;
}

.showbiz{
    margin: 2em 0;
}

.sponsor {
    width: 40%;
}

.tags {
	margin: 10px 0;
    font-weight: lighter;
    font-size: 75%;
    margin-bottom: .3em;
}
.sponsorLink{
    margin: auto;
    text-align: center;
    display:block;
}


footer span a{
    color: #fff;
    text-decoration: none;
}
#footerContact{
    width:70%;
    padding-left: 2em;
}
#footerDesignedBy{
    width:30%;
    text-align: right;
    padding-right: 2em;
}
#footerDesignedBy img{
    padding-top: 1.5%;
}

/********** form pop up styles **************/

/***FANCYBOX***/

.fancybox-skin{
    background: #e2e3e5;
}

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

.fancybox-inner #company_logo_box {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0 50px 0;
}

.fancybox-inner a {
    color: #000;
    margin-bottom: 0;
    padding-top: 9px;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    text-decoration: none;
}

.fancybox-inner span {
    width: 100%;
    text-align: center;
    display: inline-block;
}

#inline{
	background-color: #e2e3e5;	
}
#inline header h3{ padding: 1em 0}

#inline #form1 p { width: 90%; margin: 0 auto 1em ; color: #e2e3e5}

#form1{	
	padding: 1em 1em .5em;	
		background: #001b55;		
				  /* Safari 4-5, Chrome 1-9 */
		  background: -webkit-gradient(linear, 0% 0%, 0% 100% from(#005aab), to(#001b55));

		  /* Safari 5.1, Chrome 10+ */
		  background: -webkit-linear-gradient(top, #005aab, #001b55);

		  /* Firefox 3.6+ */
		  background: -moz-linear-gradient(top, #005aab, #001b55);

		  /* IE 10 */
		  background: -ms-linear-gradient(top, #005aab, #001b55);

		  /* Opera 11.10+ */
		  background: -o-linear-gradient(top, #005aab, #001b55);
	
}

#form1 ul {
	padding-left: 0;
	list-style:none;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:#929090;
	font-size: .65em;
	font-family: 'Helvetica Roman';
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #929090;
	font-size: .65em;
   opacity:  1;
   font-family: 'Helvetica Roman';
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #929090;
	font-size: .65em;
   opacity:  1;
   font-family: 'Helvetica Roman';
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #929090;
	font-size: .65em;
	font-family: 'Helvetica Roman';
}

#form1 input, #form1 select, #form1 textarea{
margin-bottom: 1em;
border: none;
}

#form1 input, #form1 textarea{
	width: 90%;	
	color: #929090;
	font-size: 17px;
	font-family: 'Helvetica Roman';
	padding: 4px 8px 4px;
		   line-height: 1.3em;
}

#form1 select {
	width: 93%;
	color: #929090;
	font-size: 11px;
	font-family: 'Helvetica Roman';
	padding: 8px 6px 7px;
	 margin-bottom: 1.4em;
}

#form1 textarea{
	padding: 10px 10px;
	font-size: 11px;
	font-family: 'Helvetica Roman';
}

#form1 .buttons .submit{ width: 50%; background-color: #005aab; color: #fff; padding: 1em 0; margin-bottom: .5em }
#form1 .buttons .submit:hover{ 	background-color: #5B95CA; }
.showbiz-navigation.center {
     margin-bottom: 1em;
}

/* Desktop pop-up */

/*#phonePopUp{height: 12em;}*/

/* #phonePopUp img{    margin: 2em auto 0; width: 80%; display: block;} */
#phonePopUp {
	background: #0058a8;
	padding: 15px;
}
#phonePopUp  a.logo img{ display: block; width: 80%;}
#phonePopUp h3{ margin: 1.5em 0 0;color:#fff !important;}
#phonePopUp  a.logo{text-align:left;}
#phonePopUp  a {padding-top: 0;color:#fff !important;}

/********* thankyou page **************/

body#thankyou{
	background: #005aab!important;
	margin:auto;	
}

#thankyou section{
	margin: 5em;
	padding: 1em;
	text-align: center;
	background-color: #e2e3e5;
    background: -webkit-gradient(linear, 0% 0%, 0% 50%, 0% 100% from(#e2e3e5), to(#fefefe), to(#e2e3e5));
    background: -webkit-linear-gradient(top, #e2e3e5, #fefefe, #e2e3e5);
    background: -moz-linear-gradient(top, #e2e3e5, #fefefe, #e2e3e5);
    background: -ms-linear-gradient(top, #e2e3e5, #fefefe, #e2e3e5);
    background: -o-linear-gradient(top, #e2e3e5, #fefefe, #e2e3e5);
}

#thankyou section h2{
	color:  #005aab;
}

#thankyou section a{
	background-color: #005aab;
	color: #fff;
	padding: 1em;
	margin: 2em;
	display:inline-block;
	margin: 2em 0 1em;
    text-decoration: none;
} 

#thankyou section a:hover{
	background-color: #5B95CA;
}

.accreditations {
		padding-bottom: 30px;
}

.accreditations li{
	display: inline;
}

.accreditations li:before{
	 color: #0250a3;
    content: "• ";
}