ul {
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px 15px;
}
ol {
list-style: roman;
}

ul li {
padding: 0px 0px 0px 10px;
margin: 0px 0px 5px 0px;
list-style: disc outside url("http://www.bayacupuncture.co.nz/images/style/circle_icon.svgz");
}
body {
counter-reset: item;
}
ol {
list-style: none;
padding-left: 0px;
}
  ol li {
   counter-increment: item;
   margin-bottom: 5px;
    line-height: 2em;
 }
  ol li:before {
   margin-right: 10px;
   content: counter(item);
   background: #eaeada;
   border-radius: 100%;
   color: #3c3f36;
   width: 2em;
  height: 2em;
   text-align: center;
   display: inline-block;
 }
#header ul li,
#slideContainer ul,
#slideContainer ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
img {
    max-width: 100% !important;
    height: auto !important;
}
.centerContainer {
    width: 100%;
    margin: 0 auto;
}
.centerContainerInner {
    width: 94%;
    margin: 0px 3% 0;
    padding: 0;
}

.centerContainerInner .centerContainerInner
{
 padding: 0; 
}
@media screen and (min-width: 800px) {
    .centerContainer {
        width: 100%;
        margin: 0 auto;
    }
    .centerContainerInner {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}
@media screen and (min-width: 1280px) {
    .centerContainer {
        width: 1240px;
    }
    .centerContainerInner {
        width: 1200px;
        margin: 0 0px;
        padding: 0px 20px;
    }
}
#header {
    height: auto;
    z-index: 1000;
    box-shadow: none;
}
#header.stuck {
position : fixed;
}
.navigation-wrapper {
    float: left;
    position: relative;
    width: 100%;
    background: #fff;
}
@media screen and (min-width: 650px) {
    #header {
        height: auto;
    }
}
a#logo #icon {
    width: 459px;
    /*background: url(http://www.bayacupuncture.co.nz/images/style/logo.svgz) top left no-repeat;*/
    background-size: 100% auto;
    margin: 15px 0px 10px 0px;
}
.stuck a#logo #icon {
    width: 459px;
    margin: -1px auto 3px;
   /* background: url(http://www.bayacupuncture.co.nz/images/style/logo.svgz) top left no-repeat;*/
    background-size: cover;
}
a#logo span {
    display: none;
}
a#logo {
        display: inline-block;
        margin: 23px auto 20px 0px;
        transition: 0.2s all;
    }

@media screen and (min-width: 550px) {
    a#logo #icon {
        margin: 0;
    }
    a#logo {
        display: inline-block;
        width: 459px;
        height: auto;
        margin: 23px auto 20px 30px;
        transition: 0.5s all;
    }
    a#logo div {
        width: 100%;
    }
    a#logo span {
        display: none;
    }
}

@media screen and (min-width: 740px) {
  
#header.stuck a#logo {
width: 200px;
height: auto;
margin: 10px 0px 10px 0px;
}
  
}


p#tagLine {
display: block;
opacity: 1;
text-transform: uppercase;
margin: 30px 30px 0px 35px;
text-align: center;
font-size: 12px;
position: absolute;
bottom: -45px;
left: 0;
}

@media screen and (min-width: 500px) {
  
  p#tagLine {
display: block;
opacity: 1;
text-transform: uppercase;
        margin: 30px 30px 0px 35px;
text-align: center;
font-size: 12px;
  position: absolute;
  bottom: -35px;
  left: 0;
}
  
}

@media screen and (min-width: 600px) {

p#tagLine {
  bottom: -35px;
}
}

p#tagLine a {
  position: relative;
  bottom: -2px;
  margin-left: 10px;
font-size: 20px;
text-decoration: none;
}

@media screen and (min-width: 700px) {
    p#tagLine {
        display: inline;
        float: left;
        opacity: 1;
    bottom: -35px;
        margin: 30px 30px 0px 35px;
    }
}
@media screen and (min-width: 740px) {
    p#tagLine {
        float: right;
    }
    #header.stuck p#tagLine {
        display: block;
           margin: 5px 30px 10px 35px;
    }
}


@media screen and (min-width: 800px) {

p#tagLine {
position: relative;
margin:35px 10px 10px 10px ;
      bottom: auto;
  left: auto;
  }
} 



#header .siteSearchContainer {
position: relative;
float: right;
width: auto;
margin: 25px 0px 15px 30px;
padding: 0;
top: 0;
right: 0;
background: none !important;
}
#header .siteSearchContainer span.searchLabel {
    display: none;
}
#header .siteSearchContainer form#site_search_form {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 100%;
}
#header .siteSearchContainer input.siteSearchInput {
    min-width: 200px;
    border: 1px solid #ededed;
    font-size: 15px;
    width: 100%;
    border-radius: 0px;
    padding: 8px 10px 8px 10px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    color: #555659;
    text-transform: none;
    transition: 0.8s all;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#header .siteSearchContainer input.siteSearchSubmit {
    position: absolute;
    top: 7px;
    right: 10px;
    border-radius: 0;
    width: 23px;
    height: 21px;
    cursor: pointer;
    border: none;
    color: #b2b2b2;
    background: none;
    transition: 0.3s all;
}






#header .siteSearchContainer input.siteSearchSubmit:hover {
    color: #0081b9;
}
@media screen and (min-width: 500px) {} @media screen and (min-width: 740px) {
    #header.stuck .siteSearchContainer {
        display: none;
    }
}
.menu-collapser {
    height: 48px;
    padding: 0 8px;
    font-size: 16px;
    line-height: 48px;
color: #9fb03e;
  background: transparent;
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    padding: 7px 10px;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
}
.collapse-button:hover,
.collapse-button:focus {} .collapse-button .icon-bar {
    height: 2px;
    width: 18px;
    margin: 2px 0;
    border-radius: 1px
}
.headerNavigation {
    margin: 8px 0px 8px 0px;
  background : transparent;
}

.headerNavigation ul li {
  background : transparent;
}
  
  .headerNavigation ul li a{
color: #fff;
}

@media screen and (min-width: 500px) {
    .headerNavigation {
        margin: 0px 0px 0px 0px;
    }
}
.stuck .headerNavigation {
    margin: 0px 0px 0px 0px;
}
.headerNavigation > ul {
    text-align: center;
  } 
.headerNavigation > ul li a {
color: #fff;
  font-weight: 100;
} 

.headerNavigation > ul:before,
.headerNavigation > ul:after {} 

.headerNavigation > ul:after {}
    .headerNavigation > ul.collapsed li {} 
  .headerNavigation > ul.collapsed li>ul {} 
.headerNavigation > ul.collapsed li a {} 
  .headerNavigation > ul.collapsed li .sub-toggle {
    height: 34px
}
.headerNavigation > ul li {
    float: none;
    border: none;
}
.headerNavigation > ul li ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.headerNavigation > ul li ul li {
    width: 100%;
}
.headerNavigation > ul li ul li a {
    font-size: 14px;
  text-align: left;
}
.headerNavigation > ul li ul li {} 
  .headerNavigation > ul li>ul {}
.headerNavigation > ul li>ul>li ul {} .headerNavigation > ul li a,


.headerNavigation > ul li.has-submenu > a,
  .headerNavigation > ul li > a{
    padding: 8px 27px;
  font-weight : normal;
  text-decoration: none;
    text-transform : lowercase;
}
.headerNavigation > ul li a:hover {} 
    
.headerNavigation > ul li .sub-toggle {
    right: 0;
    top: 0;
    width: 30px;
    text-align: center;
display: none;
  }
.headerNavigation > ul li .sub-toggle:before {
    margin-right: 0em;
    vertical-align: middle;
}
.headerNavigation > ul li .sub-toggle>i {
    font-size: 18px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
    color: #696969;
    transform: rotate(90deg);
}
.headerNavigation > ul>li {} .headerNavigation > ul>li:first-child,
.headerNavigation > ul>li.has-submenu+li {} {
    display: none !important;
}
.headerNavigation ul li ul {
    width: 100%;
}
.headerNavigation ul li ul li {
    width: 100%;
}
@media screen and (min-width: 500px) {
    .headerNavigation ul li ul {
        width: 220px;
    }
    .headerNavigation ul li ul li {
        width: 220px;
    }
}
.navigation-wrapper{float:left;position:relative;width:100%;background:#fff;}
@media screen and (min-width:500px){#headerNavigation{height:auto;}
}
@media screen and (min-width:900px){
  #headerNavigation{height:auto;
  }
#headerNavigation.stuck{
    position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0px 0px 3px 1px rgba(100,100,100,0.3);
  }
#headerNavigation.stuck{
    position:fixed;top:0px;left:0;right:0;z-index:500;box-shadow:none;
  }
}
@media screen and (min-width: 740px) {} 

.moduleComponentContainerheaderBanners {
    float:left;
    position:relative;
    width:100%;
}
#footer {
    padding-top: 35px;
    border-top: 1px solid #f2f2f2;
    box-shadow: 0px -3px 3px 1px rgba(180, 180, 180, 0.1);
}



#footer ul li,
#footer ul {
    list-style: none;
}
#footer ul.socialMediaIcons,
#footer ul.socialMediaIcons li {
    float: left;
    position: relative;
    display: inline-block;
    margin: 0;
    margin: 0px 18px 0px 0px;
    padding: 0;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer p,
#footer a,
#footer ul,
#footer li {
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #666666;
    text-decoration: none;
}
#footer p {
    margin: 15px 0px;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4 {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 12px 0px;
}
#footer div:nth-child(1) a {
    font-weight: normal;
    display: inline-block;
    padding: 3px 0px;
}
#footer div h4 {
    color: #9fb03e;
}
#footer div:nth-child(5) a {
    display: inline-block;
    padding: 3px 0px;
    margin: 0px 0px;
}
#footer div:nth-child(2) ul li ul li a.menu,
#footer div:nth-child(3) ul li ul li a.menu,
#footer div:nth-child(4) ul li ul li a.menu,
#footer div:nth-child(5) ul li ul li a.menu {
    text-transform: none;
    margin: 0px 0px;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    color: #666666;
}



@media screen and (min-width: 1100px) {
 
  
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer p,
#footer a,
#footer ul,
#footer li {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #666666;
    text-decoration: none;
}
  
#footer div:nth-child(2) ul li ul li a.menu,
#footer div:nth-child(3) ul li ul li a.menu,
#footer div:nth-child(4) ul li ul li a.menu,
#footer div:nth-child(5) ul li ul li a.menu {
    font-size: 15px;
}

  
}

#footer div:nth-of-type(3) a {
    transition: 0.5s all;
    opacity: 1;
}
#footer div:nth-of-type(3) a:hover {
    opacity: 0.5;
}
@media screen and (min-width: 500px) {} @media screen and (min-width: 740px) {} .moduleComponentContainerfooterContactInformation {} .moduleComponentfooterContactInformation {} .moduleComponentfooterContactInformation h2.bannerTitle {} .moduleComponentfooterContactInformation .bannerHtmlContent {} .moduleComponentfooterContactInformation .bannerHtmlContent p {} .moduleComponentfooterContactInformation .bannerHtmlContent a {} @media screen and (min-width: 500px) {} @media screen and (min-width: 740px) {} p#copyright {
    border-top:1px solid #b9b9b9;
    margin:30px 0px 10px;
    padding:9px 0px;
}
#footer p#copyright span.floatRight {
    float:none !important;
}
#footer p#copyright a {
    display:inline;
    text-transform: uppercase;
}
p#copyright,
p#copyright span,
p#copyright a {
    color: #5f6157;
  text-transform : uppercase;
    text-align: left;
    font-size: 12px !important;
}

@media screen and (min-width: 500px) {
}

@media screen and (min-width: 740px) {
  
    #footer p#copyright span.floatRight {
        float: right !important;
    }
}
#pageTitle h1.contentPageTitle {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}
@media screen and (min-width: 500px) {
    #pageTitle h1.contentPageTitle {
        text-align: center;
    }
}
@media screen and (min-width: 840px) {
    #pageTitle h1.contentPageTitle {
        text-align: left;
    }
}
#listingBlog {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 45px;
}
.moduleListingWrapperBlog .centerContainerInner
{
box-sizing:border-box;
padding: 0 0px;
}

.moduleListingWrapperBlog .moduleItemImage
{
float : left;
position : relative;
margin-bottom: 20px;
}

.standardModule[class*="moduleListingWrapper"] #navBar {
        float: left;
        width: 100%;
    }


@media screen and (min-width: 500px) {
    #listingBlog {
        width: 60%;
        margin-top: 15px;
        margin-bottom: 45px;
    }
    .standardModule[class*="moduleListingWrapper"] #navBar {
        float: right;
        width: 38%;
    }
    #listingBlog .listingItem.standardModule .moduleItemContent {
        width: 100%;
    }
}
@media screen and (min-width: 740px) {
    #listingBlog {
        width: 65%;
        margin-top: 15px;
        margin-bottom: 45px;
    }
    .standardModule[class*="moduleListingWrapper"] #navBar {
        float: right;
        width: 30%;
    }
.moduleListingWrapperBlog .centerContainerInner
{
box-sizing:border-box;
padding: 0 60px;
}
}
@media screen and (min-width: 1040px) {
    #listingBlog {
        width: 76%;
        margin-top: 15px;
        margin-bottom: 45px;
    }
    .standardModule[class*="moduleListingWrapper"] #navBar {
        float: right;
        width: 20%;
    }
}
#listingBlog .listingItem:nth-child(odd),
#listingBlog .listingItem:nth-child(even) {
    background: #fff !important;
}
.blog #navBar {
    box-sizing: border-box;
    padding: 25px;
    margin-top: 60px;
    background: #f6f6f6;
}
.blog #navBar a,
.blog #navBar .navCategoryBlogLinks a,
.blog #navBar .navDateLinks a {
    text-decoration: none;
    font-size: 13px;
  color: #3c3f36;
  opacity: 0.6;
transition : 0.5s all;
}

.blog #navBar a:hover,
.blog #navBar .navCategoryBlogLinks a:hover,
.blog #navBar .navDateLinks a:hover {
  opacity: 1;
      color: #9fb03e;
}
    
     p.readMore a {
    background: #9fb03e none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s;
      position : relative;
      top: 0;
      left: 0;
}
       p.readMore a:hover {
    background: #3c3f36;
  top: 3px;
}
.moduleDetailWrapperBlog {
    float: left;
    position: relative;
    width: 100%;
    margin: 45px 0px;
    padding: 0px 0px 20px 0px;
}
.moduleDetailWrapperBlog .moduleItemImage {
float : right;
      margin:-70px 0px 20px 50px; 
}
#listingBlog .listingItem .moduleItemImage img ,
.moduleDetailWrapperBlog .moduleItemImage img {
 border-radius: 100%; 
}
.moduleDetailWrapperBlog #navBar {
    display: none;
}

#listingBlog .listingItem {
padding-top : 30px;
} 
@media screen and (min-width: 850px) {
    #listingBlog .listingItem {} 
  #listingBlog .listingItem:nth-child(odd) {} 
  #listingBlog .listingItem:nth-child(even) {
        background: #fff !important;
    }
    #listingBlog .listingItem:nth-child(odd) .moduleItemImage {
        margin: 0px 30px 30px 0px;
    }
    #listingBlog .listingItem:nth-child(even) .moduleItemImage {
         margin: 0px 30px 30px 0px;
    }
    #listingBlog .listingItem p {
        font-size: 14px;
    }
    #listingBlog .listingItem h2.title {
        text-transform: none;
        color: #3c3f36;
font-family: 'encode_sans_wideregular';
        margin-bottom: 0;
    }
}
#moduleItemBlog {
    margin: 0px 0px 50px 0px;
    box-sizing: border-box;
}
#moduleItemBlog #moduleItemContent {
    box-sizing: border-box;
}
#moduleItemBlog.moduleItem .moduleItemImage {
    float: right;
    margin: 0 0 30px 3%;
    width: 30%;
}
#moduleItemBlog p {} #moduleItemBlog #moduleItemBack {
    margin: 0px 0px 30px 0px;
}
#moduleItemBlog #moduleItemBack a {
    color: #666666;
    text-decoration: none;
    text-transform: uppercase;
}
#moduleItemBlog #imageContainer {
    border: 1px solid #e5e5e5;
}
#moduleItem.moduleItemBlog #imageContainer .moduleItemImage {
    width: 100%;
    margin: 0px 0px 15px 15px;
}
#moduleItemBlog #contentContainer h2 {
    font-size: 30px;
    margin: 0px 0px 8px 0px;
}
#navBar {
    margin: 20px 0px 0px 0px;
}
#navBar ul,
#navBar ul li,
#navBar h3 {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navBar h3 {
    margin: 15px 0px 0px 0px;
}
#navBar .navCategoryLinks {
    display: inline-block;
    float: left;
}
#navBar .navCategoryLinks a {
    display: inline-block;
    float: left;
    padding: 10px 30px;
    margin: 0px 8px 8px 0px;
    border: 2px solid #d9d9d9;
    color: #999999;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    transition: 0.3s all;
    border-radius: 3px;
}
#navBar .navCategoryLinks a.selected,
#navBar .navCategoryLinks a:hover {
    border: 2px solid #204998;
    color: #204998;
}
#footer div.floatLeft,
#footer div.floatRight {
    width: 100%;
    margin: 5px 0px;
}
@media screen and (min-width: 500px) {
    #footer div.floatLeft:nth-child(1),
    #footer div.floatLeft:nth-child(2),
    #footer div.floatLeft:nth-child(3),
    #footer div.floatLeft:nth-child(4),
    #footer div.floatLeft:nth-child(5),
    #footer div.floatRight:nth-child(6) {
        width: 50%;
    }
}
@media screen and (min-width: 800px) {
    #footer div.floatLeft:nth-child(1) {
        width: 11.5%;
    }
    #footer div.floatLeft:nth-child(2) {
        width: 20.5%;
    }
    #footer div.floatLeft:nth-child(3) {
        width: 20.5%;
    }
    #footer div.floatLeft:nth-child(4) {
        width: 20.5%;
    }
    #footer div.floatLeft:nth-child(5) {
        width: 16%;
    }
    #footer div.floatRight:nth-child(6) {
        width: 11%;
    }
}
    
    #moduleItemBlog #moduleItemContent h2.title {
font-family: 'encode_sans_wideregular';
      text-transform : none;
      color: #3c3f36 ;
}
    

.collapse-button {
    border-radius: 2px;
    font-size: 14px;
    padding: 7px 10px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 25px;
    width: 50px;
}
.collapse-button .icon-bar {
    border-radius: 1px;
    height: 2px;
    margin: 2px 0;
    width: 18px;
}
.collapse-button .icon-bar {
    background-color: #f5f5f5;
}
.collapse-button .icon-bar {
    background-color: #6d6968;
    border-radius: 1px;
    display: block;
    height: 3px;
    margin: 4px 0;
    width: 30px;
}
.collapse-button {
    background-color: #f7f7f7;
    color: #ffffff;
}

/*------------------------------------------*/

/*----------------------------------------------*/


#back-top {
	position: fixed;
	bottom: 15px;
right: 10px;
	margin-left: 0px;
z-index: 1000;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0px 0px 7px 30px;
	background:  url(http://www.bayacupuncture.co.nz/images/style/up-arrow.png) no-repeat center center;
	background-size : 100% auto;
  /* rounded corners */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: transparent;
}


/*---------------------------------------*/

#homeContent.fullWidthContainer
{
  
}

.moduleComponentContainerhomeContent 
{
  
}

/*---------------------------------------*/

#moduleComponent1,
#moduleComponent1.moduleComponenthomeContent .centerContainer,
#moduleComponent1.moduleComponenthomeContent .centerContainerInner
{
height : 68vh ;
background-position : bottom center;
}

#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent
{
position : absolute;
left: 10%;
width: 80%;
top :65%;
text-align : center;
transform : translateY(-50%);
background : rgba(0,0,0,0.4);
padding: 8px 10px;
opacity: 0;

}

#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent.selected
{
top :50%;
opacity: 1;
}

#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent h1,
#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent h2,
#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent h3,
#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent h4,
#moduleComponent1.moduleComponenthomeContent .bannerHtmlContent p {
display: inline-block;
color :#fff;
font-family: 'encode_sans_widelight';
font-size: 36px;
}

/*---------------------------------------*/

#moduleComponent44
{
background : #fff;
}

#moduleComponent44.moduleComponenthomeContent .bannerHtmlContent
{
padding: 40px 0px;
  text-align: center;
}

#moduleComponent44.moduleComponenthomeContent .bannerHtmlContent p {
font-size: 20px;
font-family: 'encode_sans_widelight';
}

/*---------------------------------------*/

#moduleComponent4
{
  background: #9fb03e;
}

#moduleComponent4,
#moduleComponent4.moduleComponenthomeContent .centerContainer,
#moduleComponent4.moduleComponenthomeContent .centerContainerInner
{
width: 100%;
  margin: 0;
  padding:0;
}
#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent
{
padding: 0 ;
}

#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent p {
font-size: 20px;
}

#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul {
  margin :0;
  padding :0;
width : 100%;
  overflow: visible;
  height: auto;
}

#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul li {
width : 100%;
  margin :0;
  padding :0;
  list-style : none;
  float : left;
  position: relative;
    
  text-align : center;
  border-bottom : 2px solid #fff;
  box-sizing: border-box;
    transition : 0.5s all;
}

@media screen and (min-width: 800px) {
  
#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul li {
width : 33.33%;
  border-left : 2px solid #fff;
  }
  
  #moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul {
  overflow: hidden;
  height:111px;
}
  
}

#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul li:first-child {
  border-left : none;
}

#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul li a {
font-size: 20px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
padding :0px 20px;
  display: block;
  position : relative;
  transition : 0.5s all;
  overflow : hidden;
  height:111px;
font-family: 'encode_sans_widesemibold';
}

#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul li a span {
  position : relative;
    display: block;
top : 50%;
  transform :translateY(-50%);
}
#moduleComponent4.moduleComponenthomeContent .bannerHtmlContent ul li:hover {
background : #879634;
}


/*---------------------------------------*/

#moduleComponent5
{
  min-height: 650px;
background-position : bottom center;
}

#moduleComponent5:before
{
  content: " ";
display: block;
  position : absolute;
  z-index: 1000;
  top : 0;
  right: 0;
  bottom :0;
  left: 0;
  background: rgba(235,234,221,0.8);
  z-index: 100;
}
#moduleComponent5,
#moduleComponent5.moduleComponenthomeContent .centerContainer,
#moduleComponent5.moduleComponenthomeContent .centerContainerInner
{
position : relative;
    z-index: 110;
}

#moduleComponent5 ol li
{
  position : relative;
  float : left;
  background: #fff;
  border-radius : 100%;
width : 33.33%;
}


#moduleComponent5 ol li:before
{
  position : relative;
width : 100%;
  content : " " ;
  padding-top: 100%;
}
/*---------------------------------------*/

#moduleComponent46


{
  
}

/*---------------------------------------*/

.moduleComponenthomeContent 
{
  background-size : cover;  
}

.moduleComponenthomeContent .centerContainer
{
  
}

.moduleComponenthomeContent .centerContainerInner
{
  
}


.moduleComponenthomeContent .bannerHtmlContent
{
  
}


.moduleComponenthomeContent h1,
.moduleComponenthomeContent h2,
.moduleComponenthomeContent h3,
.moduleComponenthomeContent h4,
.moduleComponenthomeContent a,
.moduleComponenthomeContent p
{
  
}

/*---------------------------------------*/

#moduleComponent5 p.leadInContent
{
 margin : 85px 0px 50px; 
}

.serviceCircle 
{
  float: left;
  position : relative;
width:97%;
  margin : 0 1.5% 20px;
  border-radius: 0%;
  text-align: center;
  background: rgba(255,255,255,0.3);
}

.serviceCircle.ratio1_1::before {
    padding-top: 100%;
}

@media screen and (min-width: 500px) {

.serviceCircle.ratio1_1::before {
    padding-top: 60%;
}
        
    }

.serviceCircle:nth-of-type(2)
{
  float: right;
}

.serviceCircle:nth-of-type(3)
{
margin-bottom:40px;
}


.serviceCircle p.number
{
  font-size :36px;
  color: #72918b;
   width : auto;
  display : inline-block !important;
  border-bottom : 1px solid #ebe9dc ;
}

.serviceCircle strong
{
   font-family: 'encode_sans_widesemibold';
font-size: 18px;
  font-weight : normal; 
}

.serviceCircle p
{
  font-size: 14px;
 width : 80%;
  margin : 7px 10%;
}

.serviceCircle p.findOutMore
{
  
}
.serviceCircle p.findOutMore
{margin-top: 20px;
  
     font-family: 'encode_sans_widesemibold';
}

.serviceCircle a
{
  text-decoration : none;
color: #72918b;  
}
.serviceCircle a:hover
{
  text-decoration : underline;
color: #72918b;  
}

@media screen and (min-width: 600px) {

.serviceCircle p.number
{
  font-size :56px;
  color: #ebe9dc;
   width : auto;
  display : inline-block !important;
  border-bottom : 1px solid #ebe9dc ;
}
    
.serviceCircle p
{
  font-size: 13px;
 width : 80%;
  margin : 7px 10%;
}
.serviceCircle 
{
  float: left;
  position : relative;
width: 60.3%;
  margin : 0 1.5%;
  border-radius: 100%;
  text-align: center;
  background: #fff;
}
.serviceCircle.ratio1_1::before {
    padding-top: 100%;
}
.serviceCircle:nth-of-type(2)
{
  float: right;
}

.serviceCircle:nth-of-type(3)
{
margin-bottom:40px;
}

}

@media screen and (min-width: 800px) {

.serviceCircle 
{
  float: left;
  position : relative;
width: 30.3%;
  margin : 0 1.5%;
  border-radius: 100%;
  text-align: center;
  background: #fff;
}
.serviceCircle p.number
{
  font-size :30px;
  color: #ebe9dc;
   width : auto;
  display : inline-block !important;
  border-bottom : 1px solid #ebe9dc ;
}
.serviceCircle strong
{
   font-family: 'encode_sans_widesemibold';
font-size: 16px;
  font-weight : normal; 
}
.serviceCircle p
{
margin: 4px 10%;
  font-size: 12px;
}
  .serviceCircle:nth-of-type(2)
{
  float: left;
}

.serviceCircle:nth-of-type(3)
{
margin-bottom:0px;
}


}

@media screen and (min-width: 1000px) {

.serviceCircle 
{
  float: left;
  position : relative;
width: 30.3%;
  margin : 0 1.5%;
  border-radius: 100%;
  text-align: center;
  background: #fff;
}
.serviceCircle p.number
{
  font-size :66px;
  color: #ebe9dc;
   width : auto;
  display : inline-block !important;
  border-bottom : 1px solid #ebe9dc ;
}
.serviceCircle p
{
margin: 7px 10%;
  font-size: 14px;
}
  .serviceCircle:nth-of-type(2)
{
  float: left;
}

.serviceCircle:nth-of-type(3)
{
margin-bottom:0px;
}


}


/*---------------------------------------*/


#moduleComponent45 
{
background: #fff;
}

#moduleComponent45 .bannerHtmlContent
{
 width: 100%;
  margin : 0 0%;
}

#moduleComponent45 .percentage50
{
  margin : 20px 0px;
  padding:0px 0px 0px 20px;
  box-sizing: border-box;
  border-left: 1px solid #9fb03e;
}
@media screen and (min-width: 800px) {

#moduleComponent45 .percentage50
{
  margin : 60px 0px;
  padding:0px 50px 0px 50px;
  box-sizing: border-box;
  border-left: 1px solid #9fb03e;
}
  
  #moduleComponent45 .bannerHtmlContent
{
 width: 80%;
  margin : 0 10%;
}

}
  
#moduleComponent45 .percentage50:nth-of-type(2)
{

  
}
#moduleComponent45 h3
{
 margin-top :0; 
}

#moduleComponent45 p
{
  font-size: 14px;
}

#moduleComponent45 a
{
  font-weight: bold;
  text-transform: uppercase;
text-decoration : none;
}

/*---------------------------------------*/

#footer 
{
  box-shadow: none;

}

#footer .centerContainer
{
  
}

#footer .centerContainerInner
{
  
}

#footer .percentage75
{  
  padding-left: 3%;
  box-sizing: border-box;
}

#footer .columnLowest3
{
  
}

#footer a.homeLink
{
  
}

#footer ul 
{
  
}

#footer ul li 
{
  
}

#footer ul li a
{
font-weight : normal !important;
  text-transform : uppercase;
  margin: 7px 0px 3px 0px;
}

#footer ul li ul
{
  
}

#footer ul li ul li 
{
  
}

#footer ul li ul li a
{
  margin:0px 0px;
  font-weight : normal !important;
  text-transform : none;
}


#footer ul li ul li a:before
{
content: " - ";
}

#footer .percentage25
{
  
}

/*---------------------------------------*/

#moduleComponent21.moduleComponentfooterContent p
{
  margin: 3px 0px;
}

/*---------------------------------------*/

#moduleComponent21
{
  
}

#moduleComponent21 .bannerHtmlContent 
{
  
}

#moduleComponent21 .bannerHtmlContent .fi-social-facebook,
#moduleComponent21 .bannerHtmlContent .fi-social-linkedin
{
  color: #3c3f36;
  font-size: 32px;
position: relative;
  top: 5px;
  margin : 0px 3px;
  transition: 0.5s all; 
}

#moduleComponent21 .bannerHtmlContent .fi-social-facebook:hover,
#moduleComponent21 .bannerHtmlContent .fi-social-linkedin:hover
{
  color: #6f7269;
  
}
#moduleComponent21 .bannerHtmlContent .fi-social-facebook
{
  margin: 0px 3px 0px 30px;
}

#moduleComponent21 .bannerHtmlContent .fi-social-facebook span,
#moduleComponent21 .bannerHtmlContent .fi-social-linkedin span
{
display: none;
}

/*---------------------------------------*/

#copyright
{
  
}

#copyright a
{
  
}

/*---------------------------------------*/

.moduleComponentContainerabout 
{
  
}

#moduleComponent35
{
 float : left;
  position: relative;
  width : 88%;
  padding: 0 0% 0 0% ;
  box-sizing:border-box;    
  margin-top:53px;
}

@media screen and (min-width: 600px) {
  #moduleComponent35
{
 float : left;
  position: relative;
  width : 40%;
  padding: 0 0% 0 0% ;
  box-sizing:border-box;    
  margin-top:53px;
}

}

@media screen and (min-width: 800px) {
  
#moduleComponent35
{
 float : left;
  position: relative;
  width : 46%;
  padding: 0 0% 0 7% ;
  box-sizing:border-box;    
  margin-top:53px;
}
}
#moduleComponent35 img
{
  float:right;
}

#moduleComponent35.moduleComponentabout .bannerHtmlContent 
{
color: #9fb03e;
text-align : right;
}

#moduleComponent35.moduleComponentabout .bannerHtmlContent p 
{
font-size : 18px;

}

#moduleComponent35 .centerContainer
{
width : 64%;
float: right;
box-sizing:border-box;         
}


#moduleComponent35 .centerContainerInner
{
width : 100%;
float: right;
box-sizing:border-box;         
}

#moduleComponent33
{
 float : left;
  position: relative;
  width : 65%;
  padding: 0;
  margin: 35px 15% 0px;
}

#moduleComponent33 .centerContainer
{
width : 100%;
float: left;
box-sizing:border-box;         
}

@media screen and (min-width: 600px) {

#moduleComponent33
{
 float : left;
  position: relative;
  width : 56%;
  margin: 35px 0px 0px 20px;
}

#moduleComponent33 .centerContainer
{
width : 80%;
float: left;
box-sizing:border-box;         
}

}

@media screen and (min-width: 800px) {

#moduleComponent33
{
 float : left;
  position: relative;
  width : 44%;
  margin: 35px 0px 0px 30px;
}
  
  #moduleComponent33 .centerContainer
{
width : 64%;
float: left;
box-sizing:border-box;         
}

}
  


#moduleComponent33 .centerContainerInner
{
width : 100%;
float: left;
box-sizing:border-box;         
}



#moduleComponent33.moduleComponentabout .bannerHtmlContent p
{
  line-height:1.6;
}

#moduleComponent56
{
  
}

.moduleComponentabout 
{
  
}

.moduleComponentabout .bannerImageContainer 
{
  float : none;
}

.moduleComponentabout .bannerImageContainer img.bannerImage
{
  
}

.moduleComponentabout .bannerHtmlContent 
{

}

.moduleComponentabout .bannerHtmlContent p
{
  
}

.moduleComponentabout .bannerHtmlContent img
{
  
}


/*------------------------------------------------*/

#moduleComponent54 
{
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 70px;
  margin: 70px 0px 30px;
  background : url(http://www.bayacupuncture.co.nz/images/style/acc_bg.jpg);
background-size: cover;
}

#moduleComponent54 .bannerHtmlContent 
{
  
}

#moduleComponent54 .bannerHtmlContent h3
{
  text-transform: none;
font-family: 'encode_sans_widesemibold';
}

#moduleComponent54 .bannerHtmlContent h3,
#moduleComponent54 .bannerHtmlContent p
{
color: #fff;
}



/*------------------------------------------------*/

#moduleComponent76.moduleComponentabout
{
float : left;
position : relative;
  width :92%;
  margin : 0px 2.5% 25px;
background : #9fb03e;  
transition : 0.5s all;
}

#moduleComponent76.moduleComponentabout .centerContainer
{
width :100%;
}

#moduleComponent76.moduleComponentabout .centerContainerInner
{
width :100%;
box-sizing:border-box;
}

#moduleComponent76.moduleComponentabout .bannerImageContainer
{
position:absolute; 
right:0px;
top:0px;
}


#moduleComponent77.moduleComponentabout
{
    float : left;
position : relative;
  width :92%;
  margin : 0px 2.5% 25px;
  background : #9fb03e;
  transition : 0.5s all;
}

@media screen and (min-width: 700px) {

#moduleComponent76.moduleComponentabout
{
float : left;
position : relative;
margin : 60px 0 25px 7%;
width: 42%;
background : #9fb03e;  
transition : 0.5s all;
}

#moduleComponent76.moduleComponentabout .centerContainer
{
width :100%;
}

#moduleComponent76.moduleComponentabout .centerContainerInner
{
width :100%;
box-sizing:border-box;
}

#moduleComponent76.moduleComponentabout .bannerImageContainer
{
position:absolute; 
right:0px;
top:0px;
}


#moduleComponent77.moduleComponentabout
{
    float : right;
position : relative;
  width :42%;
  margin : 60px 7% 25px 0 ;
  background : #9fb03e;
  transition : 0.5s all;
}

}

@media screen and (min-width: 1100px) {

  
#moduleComponent76.moduleComponentabout
{
float : left;
position : relative;
margin : 60px 0 25px 14%;
width :35%;
background : #9fb03e;  
transition : 0.5s all;
}

#moduleComponent77.moduleComponentabout
{
    float : right;
position : relative;
  width :35%;
  margin : 60px 14% 25px 0 ;
  background : #9fb03e;
  transition : 0.5s all;
}
  
}

#moduleComponent77.moduleComponentabout .centerContainer
{
width :100%;
}

#moduleComponent77.moduleComponentabout .centerContainerInner
{
width :100%;
box-sizing:border-box;
}

#moduleComponent77.moduleComponentabout .bannerImageContainer
{
position:absolute; 
right:0px;
top:0px;
}

#moduleComponent76.moduleComponentabout:hover,
#moduleComponent77.moduleComponentabout:hover
{
  background : #879634;
}

#moduleComponent76.moduleComponentabout .bannerImageContainer ,
#moduleComponent77.moduleComponentabout .bannerImageContainer 
{
  float : right;
}

#moduleComponent76.moduleComponentabout .bannerImageContainer a
{
  float : left;

}

.moduleComponentabout .bannerImageContainer img.bannerImage
{
    float : left;
}

#moduleComponent76.moduleComponentabout .bannerHtmlContent,
#moduleComponent77.moduleComponentabout .bannerHtmlContent
{
 color: #fff; 
}

#moduleComponent76.moduleComponentabout .bannerHtmlContent p,
#moduleComponent77.moduleComponentabout .bannerHtmlContent p

{
font-size: 26px;
  line-height : 115px; 
  margin :0 ;
  padding: 0 20px;
box-sizing: border-box;
}

#moduleComponent76.moduleComponentabout a.bannerLinkMask,
#moduleComponent77.moduleComponentabout a.bannerLinkMask
{
 display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}



/*------------------------------------------------*/


/*------------------------------------------------*/

#moduleComponent56 
{
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 30px 65px;
  margin: 0px 0px 40px;
}

#moduleComponent56 .bannerHtmlContent 
{
  
}

#moduleComponent56 .bannerHtmlContent h3
{
  text-transform: none;
  font-family: 'encode_sans_widesemibold';
  color :#3c3f36;
  font-size: 18px;
}

#moduleComponent56 .bannerHtmlContent h3,
#moduleComponent56 .bannerHtmlContent p
{

}


/*------------------------------------------------*/

.moduleListingWrapperServices 
{
  
}

.moduleListingWrapperServices .centerContainer
{
  
}

.moduleListingWrapperServices .centerContainerInner
{
box-sizing:border-box;
padding: 0 60px;
}

.moduleListingWrapperServices #pageSource
{
    margin: 40px 0px ;
font-size: 16px;
  }

.moduleListingWrapperServices #pageSource p
{
  font-size: 16px;
}

#listingServices 
{
  width : 102%;
}

#listingServices .listingItem
{
  float: left;
  position : relative;
  width : 98%;
  /*width : 23.1%;*/
  margin : 0%  1%  2%  1%;
  height : auto;
  padding: 5px 0px 20px 0px;
  box-sizing: border-box;
  border :1px solid #ebebeb;
}

#listingServices .listingItem .moduleItemContent
{
  margin: 0;
  width : 98%;

}

@media screen and (min-width: 650px) {

#listingServices .listingItem
{
  float: left;
  position : relative;
  width : 46%;
  /*width : 23.1%;*/
  margin : 0%  1%  2%  1%;
  height : 300px;
  padding: 5px 0px 20px 0px;
  box-sizing: border-box;
  border :1px solid #ebebeb;
}
  
}

@media screen and (min-width: 800px) {
 
#listingServices .listingItem
{
  float: left;
  position : relative;
  width : 31.1%;
  /*width : 23.1%;*/
  margin : 0%  2%  2%  0%;
  height : 300px;
  padding: 5px 20px 20px 20px;
  box-sizing: border-box;
  border :1px solid #ebebeb;
}

}

#listingServices .moduleItemContent
{
    text-align: center;
  font-size: 13px;
}


#listingServices 
{
  font-family: 'encode_sans_wideregular';
  text-transform : none;
  font-size: ;
}

#listingItem59 h2.title:before,
#listingItem60 h2.title:before,
#listingItem61 h2.title:before,
#listingItem62 h2.title:before,
#listingItem63 h2.title:before,
#listingItem64 h2.title:before,
#listingItem65 h2.title:before,
#listingItem66 h2.title:before,
#listingItem85 h2.title:before
{
  content: " ";
  display: block;
  margin: -15px auto 15px;
  width:78px;
  height: 78px;
  background: #9fb03e;
  border-radius: 100% ;
}
#listingItem59 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_plus.png) ;  
}

#listingItem60 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_lungs.png) ;  
}

#listingItem61 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_digestive.png) ;  
}

#listingItem62 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_digestive2.png) ;  
}

#listingItem63 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_stress.png) ;  
}

#listingItem64 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_brain.png) ;  
}

#listingItem65 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_health.png) ;  
}

#listingItem66 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_support.png) ;  
}

#listingItem85 h2.title:before
{
background: url(http://www.bayacupuncture.co.nz/images/style/icon_pregnant.png) ; 
 
}

#listingServices h2.title
{
  display : block;
  width : 100%;
  font-family: 'encode_sans_wideregular';
  text-transform : none;
color: #9fb03e;
  line-height : 1.3;
  font-size:24px;
  min-height:141px;
}

#listingServices p.symptomsTitle
{
 margin: 3px 0px; 
}
#listingServices .extraField p
{
 font-size: 13px; 
}
#listingServices p.symptomsTitle,
#listingServices p.symptomsTitle strong
{
  
  font-size: 13px;
  text-transform : uppercase;
font-family: "encode_sans_widesemibold";
}

#listingServices p.readMore
{
  margin-bottom :0;
  position : absolute;
  bottom :0;
  left: 50%;
  margin-left: -70px;
  width : 140px;
}

#listingServices p.readMore a
{
 color: #fff;
  background : #9fb03e;
  display : inline-block;
  padding: 6px 12px;
  font-size: 12px;
  text-decoration : none;
  text-transform : uppercase;
  transition : 0.3s all;
}
#listingServices p.readMore a:hover
{
background: #879634;
}

#listingServices #listingItem58
{
float: left;
position : relative;
width: 98%;
box-sizing: border-box;
margin: 60px 0px 0px 0px;
padding: 0;
height: auto;
text-align :left ;
border: none;
color: #fff;
background: #9fb03e;
font-size: 20px;
}

@media screen and (min-width: 650px) {
  
#listingServices #listingItem58
{
font-size: 26px;
}
  
}

#listingServices #listingItem58 a
{
display: block;
padding: 24px 45px;
text-decoration : none;
color: #fff;  
transition: 0.5s all;
}

#listingServices #listingItem58 a:hover
{
background: #879634;
}
/*------------------------------------------------*/

.moduleDetailWrapperServices 
{
  
}

#moduleItemServices 
{
  
}

#moduleItemServices .centerContainer
{
  
}

#moduleItemServices .centerContainerInner
{
box-sizing:border-box;
padding: 0 60px;
}

#moduleItemServices h2.title
{
  
}

#moduleItemServices #moduleItemContent
{
  
}

#moduleItemServices #moduleItemContent h2
{
font-size: 22px;
  margin : 40px 0px 10px;
}



/*
#moduleItemServices #moduleItemContent h3
{
  display :inline-block;
  margin-left: -20px;
  padding: 8px 20px;
  background: #ebe9dc;
  color: #3c3f36;
  font-size: 14px;
  margin-bottom :0;
}
*/
#moduleItemServices #moduleItemContent hr
{
margin: 40px 0px 40px -2%;
width: 104%;
}

#moduleItemServices #moduleItemContent p
{
  
}

#moduleItemServices #moduleItemContent a
{
  
}

#moduleItemBack 
{
  
}

#moduleItemBack a,
.moduleItemBack a
{
color: #d3d3d3;
text-decoration: none;
}

/*---------------------------------------------*/

#bookingsIframe
{
background : #575f5b;
  padding-top: 50px;
}

#bookingsIframe iframe
{
width: 100%;
height :1200px;
}

/*---------------------------------------------*/

.book-now .pagePadding,
.sitemap .pagePadding,
.privacy .pagePadding,
.moduleComponentwhatToExpect ,
.moduleComponentourApproachContent,
.moduleComponentwhatIsAcupunctureContent,
.moduleComponentaboutHistory,
.pregnancy .pagePadding,
.pre-birth-acupuncture .pagePadding,
.acupressure .pagePadding,
.our-approach .pagePadding
{
box-sizing: border-box;
padding: 10px 13px;  
}

@media screen and (min-width: 700px) {
  
.book-now .pagePadding,
.sitemap .pagePadding,
.privacy .pagePadding,
.moduleComponentwhatToExpect ,
.moduleComponentourApproachContent,
.moduleComponentwhatIsAcupunctureContent,
.moduleComponentaboutHistory,
.pregnancy .pagePadding,
.pre-birth-acupuncture .pagePadding,
.acupressure .pagePadding,
.our-approach .pagePadding
{
box-sizing: border-box;
padding: 10px 63px;  
}
}
  
  /*---------------------------------------------*/

ul#siteMap
{
 -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3; 
}
  
ul#siteMap li a
{
text-decoration : none;
text-transform: uppercase;
color: #3c3f36;
}
  
ul#siteMap li ul
{

}
  
ul#siteMap li ul li
{

}
  
ul#siteMap li ul li
{

}
      
ul#siteMap li ul li a
{
text-decoration : none;
text-transform: none;
}
/*---------------------------------------------*/

.moduleComponentContainerwhatToExpect
  {
    
  }
  
.moduleComponentContainerwhatToExpect .moduleComponent
  {
    
  }
  
.moduleComponentContainerwhatToExpect #moduleComponent47.moduleComponent .bannerHtmlContent
  {
padding-left:0px;
  }

@media screen and (min-width: 800px) {
 
.moduleComponentContainerwhatToExpect #moduleComponent47.moduleComponent .bannerHtmlContent
  {
padding-left:60px;
  }
  
}

.moduleComponentContainerwhatToExpect #moduleComponent49.moduleComponent
  {
  padding-top: 70px;
       background: #f7f6f1 !important; 
  }

.moduleComponentContainerwhatToExpect #moduleComponent78.moduleComponent
  {
  padding-bottom: 70px;
  
  }
  
.moduleComponentContainerwhatToExpect #moduleComponent49.moduleComponent .bannerImageContainer,
.moduleComponentContainerwhatToExpect #moduleComponent73.moduleComponent .bannerImageContainer,
.moduleComponentContainerwhatToExpect #moduleComponent78.moduleComponent .bannerImageContainer
{
 float: left;
  position:  relative;
  width: 24%;
margin : 0 6% 0 0;
}

.moduleComponentContainerwhatToExpect #moduleComponent49.moduleComponent .bannerImageContainer img,
.moduleComponentContainerwhatToExpect #moduleComponent73.moduleComponent .bannerImageContainer img,
.moduleComponentContainerwhatToExpect #moduleComponent78.moduleComponent .bannerImageContainer img
{
  width: 100% !important;
  height: auto !important;
border-radius : 100%;  
}
.moduleComponentContainerwhatToExpect #moduleComponent49.moduleComponent .bannerHtmlContent,
.moduleComponentContainerwhatToExpect #moduleComponent73.moduleComponent .bannerHtmlContent,
.moduleComponentContainerwhatToExpect #moduleComponent78.moduleComponent .bannerHtmlContent
{
   float: left;
  position:  relative;
  width: 66%;
}

.moduleComponentContainerwhatToExpect #moduleComponent73.moduleComponent 
  {
           background: #f7f6f1 !important; 
  }
  
.moduleComponentContainerwhatToExpect #moduleComponent78.moduleComponent 
  {
           background: #f7f6f1 !important; 
  }
  
.moduleComponentContainerwhatToExpect #moduleComponent79.moduleComponent 
  {
       
  }
  
.moduleComponentContainerwhatToExpect .centerContainer
  {
    
  }
  
.moduleComponentContainerwhatToExpect .centerContainerInner
  {
    
  }
  
.moduleComponentContainerwhatToExpect .bannerHtmlContent
  {
    
  }
  
.moduleComponentContainerwhatToExpect p.leadInContent
  {
    
  }
  
.moduleComponentContainerwhatToExpect img
  {
    
  }
  
.moduleComponentContainerwhatToExpect p
  {
    
  }
  
    
.moduleComponentContainerwhatToExpect h3
  {
    font-size: 18px;
  }
#moduleComponent79  h3
{
  color : #3c3f36 ;
 background: #f5f4ed; 
  text-transform : none;
  padding: 10px 25px;
  margin: 20px -50px 40px;
    font-family: 'encode_sans_wideregular';
}

.moduleComponentContainerwhatToExpect #moduleComponent79  .bannerHtmlContent
  {
box-sizing: border-box;
  padding:10px 50px;
  margin: 40px 0px 0px 0px;
  }
  
.moduleComponentContainerwhatToExpect .bannerImageContainer img
  {
    
  }
  

/*---------------------------------------------*/

.largeGreenNavigation ul 
{
  margin : 40px 0px 0px 0px;
  padding: 0;
  list-style: none;
}

.largeGreenNavigation ul li
{
  float  : left;
  position : relative;
margin : 0 0 0;
  border-bottom: 2px solid #fff;
  padding: 0;
width: 100%;
    list-style: none !important;
}


.largeGreenNavigation ul li:nth-of-type(1)
{
  float  : left;
  position : relative;
margin : 0 0% 0 0;
padding: 0;
width: 100%;
list-style: none !important;
}

.largeGreenNavigation ul li a
{
display: block;
background: #9fb03e;
color: #fff;
font-size: 20px;
text-decoration : none;
transition : 0.5s all;
padding: 30px 40px;
}

@media screen and (min-width: 800px) {

.largeGreenNavigation ul li
{
float  : left;
position : relative;
margin : 0 0 0;
padding: 0;
width: 49%;
border: none;
list-style: none !important;
}

.largeGreenNavigation ul li:nth-of-type(1)
{
  float  : left;
  position : relative;
margin : 0 2% 0 0;
  padding: 0;
width: 49%;
    list-style: none !important;
}
  
.largeGreenNavigation ul li a
{
display: block;
background: #9fb03e;
  color: #fff;
font-size: 26px;
  text-decoration : none;
  transition : 0.5s all;
  padding: 30px 40px;
}
  
}


.largeGreenNavigation ul li a:hover
{
background: #879634;
}

/*---------------------------------------------*/

/*---------------------------------------------*/

.moduleComponentContainertypesOfAcupunctureContent
  {

  }
  
.moduleComponentContainertypesOfAcupunctureContent .moduleComponent
  {
    
  }
  
.moduleComponentContainertypesOfAcupunctureContent .moduleComponent 
  {

  }
  
.moduleComponentContainertypesOfAcupunctureContent .moduleComponent
  {
  padding: 30px 0px;
       background: #f7f6f1 !important; 
  }

.moduleComponentContainertypesOfAcupunctureContent .moduleComponent
  {
  
  }
  
.moduleComponentContainertypesOfAcupunctureContent .moduleComponent .bannerImageContainer
{
 float: left;
  position:  relative;
  width: 24%;
margin : 0 6% 0 0;
}

.moduleComponentContainertypesOfAcupunctureContent .moduleComponent .bannerImageContainer img
{
  width: 100% !important;
  height: auto !important;
border-radius : 100%;  
}
.moduleComponentContainertypesOfAcupunctureContent .moduleComponent .bannerHtmlContent
{
   float: left;
  position:  relative;
  width: 66%;
}

.moduleComponentContainertypesOfAcupunctureContent .moduleComponent 
  {
  border-bottom : 4px solid #fff;
           background: #f7f6f1 !important; 
  }
  
.moduleComponentContainertypesOfAcupunctureContent .moduleComponent 
  {
           background: #f7f6f1 !important; 
  }
  #moduleComponent71
{
          background: #fff !important;   
  padding: 30px 0px 0;
}

#moduleComponent71 .bannerHtmlContent
{
    padding-bottom: 70px;
  width : 100%;
box-sizing: border-box;
  padding:0px 0px 30px 0px;
}

@media screen and (min-width: 750px) {
  #moduleComponent71 .bannerHtmlContent
{
    padding-bottom: 70px;
  width : 100%;
box-sizing: border-box;
  padding:0px 0px 0px 60px;
}
}

.moduleComponentContainertypesOfAcupunctureContent h3
  {
    font-size: 18px;
  }

.moduleComponentContainertypesOfAcupunctureContent #moduleComponent79  .bannerHtmlContent
  {
box-sizing: border-box;
  padding:10px 50px;
  margin: 40px 0px 0px 0px;
  }
  
.moduleComponentContainertypesOfAcupunctureContent .bannerImageContainer img
  {

  }
  
/*----------------------------------------*/

#moduleComponent70.moduleComponentourApproachContent
{
  
}

#moduleComponent86.moduleComponentourApproachContent,
#moduleComponent86.moduleComponentourApproachContent .centerContainer,
#moduleComponent86.moduleComponentourApproachContent .centerContainerInner
{
  height: 40vh;
  background-size: cover;
  background-position : center;
margin: 35px auto;
  position : relative;
  float: none;

  width: 100%;
  box-sizing: padding-box;
  overflow: hidden;
}

#moduleComponent86.moduleComponentourApproachContent .centerContainer,
#moduleComponent86.moduleComponentourApproachContent .centerContainerInner
{
margin:  0px;
}

#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent
{
 background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
 left: 0%;
 padding: 8px 10px;
 position: relative;
 text-align: center;
 top: 50%;
 transform : translateY(-56%);
 box-sizing: border-box;
 width: 100%;
 height:  auto;
  max-width : 1200px;
}

@media screen and (min-width: 650px) {
#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent
{
 background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
 left:auto;
 padding: 8px 10px;
 position: relative;
 text-align: center;
 top: 50%;
 transform : translateY(-56%);
 box-sizing: border-box;
    margin: 0 auto;
 width: 80%;
 height:  auto;
display: block;
    float: none;
  }

}


#moduleComponent87.moduleComponentourApproachContent
{
  
}


#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent h1,
#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent h2,
#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent h3,
#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent h4,
#moduleComponent86.moduleComponentourApproachContent .bannerHtmlContent p
{
    color: #fff;
    display: inline-block;
    font-family: "encode_sans_widelight";
    font-size: 24px;
}


/*----------------------------------------*/

#moduleComponent89.moduleComponentwhatIsAcupunctureContent ,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .centerContainer,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .centerContainerInner
{
  height: 40vh;
  background-size: cover;
  background-position : center;
margin: 35px 0px;
  position : relative;
  float: left;
}

#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .centerContainer,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .centerContainerInner
{
margin:  0px;
}

#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent
{
 background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
 left: 0.5%;
 padding: 8px 10px;
 position: relative;
 text-align: center;
 top: 50%;
 transform : translateY(-56%);
 box-sizing: border-box;
 width: 80%;
 height:  auto;
}

@media screen and (min-width: 700px) {
  
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent
{
width: 80%;
 left: 10.5%;
}
  
}

#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent h1,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent h2,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent h3,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent h4,
#moduleComponent89.moduleComponentwhatIsAcupunctureContent  .bannerHtmlContent p
{
    color: #fff;
    display: inline-block;
    font-family: "encode_sans_widelight";
    font-size: 24px;
}

/*-----------------------------------------*/

#moduleComponent43 {
padding-top: 75px;
padding-bottom: 75px;
background-position: center;
background-size: cover;

}

#moduleComponent43 .bannerHtmlContent
{
  float : left;
  position : relative;
  width: 100%;
  margin: 0 0% 0 0%;
}

@media screen and (min-width: 800px) {
  
#moduleComponent43 .bannerHtmlContent
{
  float : left;
  position : relative;
  width: 55%;
  margin: 0 20% 0 10%;
}

}
  
#moduleComponent43 .bannerHtmlContent:before
{
content: " ";
display: block;
  position : absolute;
  left : -180px;
background: url(http://www.bayacupuncture.co.nz/images/style/chi.png);
width: 134px;
height: 170px;
}


.servicesLabel
{
width:auto;
text-transform:lowercase;  
font-size:15px;  
text-align:left!important;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;  
color:#9fb03e;  
}

.servicesLabel:after
{
content:"/";
margin:0px 0px 0px 5px;  
  color:#9fb03e;  
}

.moduleDetailWrapperServices h1
{
padding-left:0px;
}

@media screen and (min-width: 650px) {
.moduleDetailWrapperServices h1
{
padding-left:60px;
}
    
    .servicesLabel
{
margin:0px 0px 0px -60px;
}
  }
  
.moduleDetailWrapperServices .extraField
{
display:none;  
}


/****************/

.moduleComponentContainerservicesCallouts
{
float:left;
position:relative;
width:100%;  
}


/****************/

.moduleComponentContainerservicesCallouts
{
float:left;
position:relative;
width:100%;  
}


.moduleComponentContainerservicesCallouts .centerContainer
{
width:100%!important;  
}

.moduleComponentContainerservicesCallouts .centerContainerInner
{
width:100%!important;  
padding:0px 50px;
box-sizing:border-box;
margin:0px;
}

.moduleComponentContainerservicesCallouts #moduleComponent93,
.moduleComponentContainerservicesCallouts #moduleComponent94
{
float:left;
position:relative;
width:98%;  
margin:20px 1% 20px;
background: #9fb03e;  
min-height:115px;
}

.moduleComponentContainerservicesCallouts #moduleComponent94 .bannerHtmlContent p,
.moduleComponentContainerservicesCallouts #moduleComponent93 .bannerHtmlContent p
{
font-size: 18px;
  line-height : 115px; 
  margin :0 ;
  padding: 0 40px;
  color:#FFF;

box-sizing: border-box;
}

@media screen and (min-width: 650px) {
  
.moduleComponentContainerservicesCallouts #moduleComponent93,
.moduleComponentContainerservicesCallouts #moduleComponent94
{
float:left;
position:relative;
width:48%;  
margin:20px 1% 20px;
background: #9fb03e;  
min-height:115px;
}

.moduleComponentContainerservicesCallouts #moduleComponent94 .bannerHtmlContent p,
.moduleComponentContainerservicesCallouts #moduleComponent93 .bannerHtmlContent p
{
font-size: 26px;
  line-height : 115px; 
  margin :0 ;
  padding: 0 40px;
  color:#FFF;

box-sizing: border-box;
}
      
}

.moduleComponentContainerservicesCallouts #moduleComponent93 .bannerImageContainer,
.moduleComponentContainerservicesCallouts #moduleComponent94 .bannerImageContainer
{
position:absolute; 
right:0px;
top:0px;
}

.moduleComponentContainerservicesCallouts #moduleComponent93 .bannerImageContainer,
.moduleComponentContainerservicesCallouts #moduleComponent94 .bannerImageContainer
{
position:absolute; 
right:0px;
top:0px;
}

.moduleComponentContainerservicesCallouts .bannerHtmlContent a.bannerLink
{
position:absolute; 
right:0px;
top:0px;
width:100%;
height:100%;  
}


.moduleComponentContainerservicesCallouts #moduleComponent94:hover,
.moduleComponentContainerservicesCallouts #moduleComponent93:hover
{
background : #879634;
}


.moduleComponentContainerservicesCallouts #moduleComponent92
{
float:left;
position:relative;
width:98%;  
margin:20px 1% 20px;
background: #f5f4ed;  

padding:20px;  
box-sizing:border-box;  
}

.moduleComponentContainerservicesCallouts #moduleComponent92 .bannerImageContainer
{
float:right;
position:relative;
margin-left:20px;
}
/*
.sy-box,
.sy-box ul.moduleComponentContainer, .sy-box ul li.moduleComponent, .sy-box ul, .sy-box ul li{
      height: 68vh;
      max-height: 572px;
      background-position: bottom center;
}*/
.moduleComponentContainerhomeBanners .centerContainerInner .bannerHtmlContent
{top: 50%;opacity: 1;position: absolute;left: 7%;width: 80%;text-align: center;transform: translateY(-50%);background: rgba(0,0,0,0.4);padding: 8px 10px;}
.moduleComponenthomeBanners, .moduleComponentContainerhomeBanners {
    width: 100% !important;
    height: 572px !important;
    background-position: center;
    background-size: cover;
}
.moduleComponenthomeBanners, .moduleComponentContainerhomeBanners {
    width: 100% !important;
    height: 572px !important;
    background-position: center;
    background-size: cover;
}
.moduleComponenthomeBanners .centerContainerInner {
    height: 572px !important;
}
.moduleComponenthomeBanners, .moduleComponentContainerhomeBanners p{
    display: inline-block;
    color: #fff;
    font-family: 'encode_sans_widelight';
    font-size: 36px;
}
.footerPhotography
{
  float:right
}

.services .symptomsTitle
{
  display:none;
}

#imageQuote
{
  background: url("http://www.bayacupuncture.co.nz/vdb/image/123");
  background-size: cover;
  background-position: 50% 25%;
  height: 70vh;
  width:100%;
}
#imageQuote h3
{

width:60%;
position:relative;
top:5vh;
margin-left:30px;
opacity: 1;
background: rgba(0,0,0,0.4);
padding: 8px 10px;
}

@media screen and (min-width: 650px) {
  
  
#imageQuote
{
  background: url("http://www.bayacupuncture.co.nz/vdb/image/123");
  background-size: cover;
  background-position: 50% 25%;
  height: 300px;
  width:100%;
}
#imageQuote h3
{
width:60%;
position:relative;
top:5vh;
  margin-left:30px;
opacity: 1;
background: rgba(0,0,0,0.4);
padding: 8px 10px;
}
  
}

/*------------------------------------------*/

@media screen and (max-width: 650px) {
  #moduleComponent37 img
  {
    
    float : left !important;
   width : 100% !important;
    height: auto !important;
margin: 30px 0 !important;
  }
}