ul {
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px 15px;
}

ol,
ol li
{
 list-style: decimal;
}

/*
ul li
{
padding: 0px 0px 0px 10px;
margin: 0px 0px 5px 0px;
list-style: disc outside url("https://www.shopbethlehem.co.nz/images/style/circle_icon.svg");
}
*/

#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: 95%;
margin: 0px 2.5% 0;
padding: 0;
}

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

	.centerContainer {
	width: 100%;
	margin: 0 auto;
	}
	.centerContainerInner {
width: 95%;
margin: 0px 2.5% 0;
	padding: 0;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

	.centerContainer {
	width: 1024px;
      width: 100%;
	}
	.centerContainerInner {
	width: 1024px;
    width: 93%;
	margin: 0 0px;
	padding: 0px 3.5%;
	}
	#header .centerContainerInner {
	width: 1024px;
    width: 93%;
	margin: 0 0px;
	padding: 0px 3.5%;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1440px) {

	.centerContainer {
	width: 1280px;
	}
	.centerContainerInner {
	width: 1280px;
	margin: 0 0px;
	padding: 0px 0%;
	}
	#header .centerContainerInner {
    width: 1280px;
	margin: 0 0px;
	padding: 0px 0;
	}

}

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

#header
{
height: auto;
z-index:1000;
box-shadow: none;
border-bottom: 1px solid #dbdbdc;
}

.navigation-wrapper
{
float: left;
position: relative;
width : 100%;
background: #fff;
}

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

	#header
	{
	height: auto;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:900px) {

	#header
	{
	height: auto;
	}

}

/*-------------------------------------*/
.siteSearchContainer{
  display : none;
  }

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

.siteSearchContainer{
position:relative;
        display : block;
  float: left;
right:auto;
top:auto;
  width:180px;
margin:36px 0px 0px 70px;
padding:0;
background:none !important;
}

.siteSearchContainer span.searchLabel{
display:none;
}

.siteSearchContainer form#site_search_form{
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0;
width:auto;
}

.siteSearchContainer input.siteSearchInput    {
font-size:13px;
width:100%;
  text-indent: 30px;
  border : 1px solid #dfe0e0;
    border-left: 5px solid #ffca11;
border-radius:0px;
padding:7px 30px 7px 10px;
  box-sizing: border-box;
margin:0px 0px 8px 0px;
background:transparent;
color:#555659;
text-transform: uppercase;
border-radius:0px;
transition:0.8s all;
position:relative;
  float:left;
z-index:10;
}

.siteSearchContainer input.siteSearchSubmit{
position:absolute;
  float:left;
top:0px;  box-sizing: border-box;
right:auto;
  left :0;
border-radius:0;
width:20%;
height:32px;
cursor:pointer;
border:none;
color:#fff;
background: url(https://www.shopbethlehem.co.nz/images/style/magnify.png) 15px 10px no-repeat;
}

}

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

a#logo #icon
{
width:170px;
background : url(https://www.shopbethlehem.co.nz/images/style/logo.svg) top left no-repeat;
background-size: 100% auto;
margin:15px 0px 10px 0px;
}

a#logo span
{
display: none;
}

a#logo
	{
	display: inline-block;
    float: left;
	width: 35%;
	height: 46px;
	margin: 10px 0px 0px 0;
	transition: 0.2s all;
	}

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

	a#logo #icon
	{
	margin:0;
	}

	a#logo
	{
	display: inline-block;
    float: left;
	width: 170px;
	height: 46px;
	margin: 18px 0px 20px 0;
	transition: 0.2s all;
	}
  a#logo:after
  {
  content: " ";
  display: block;
  position : absolute;
    left: 205px;
    top: 0;
    width: 1px;
    height: 100%;
 background: #dbdbdc;
  }

	a#logo div
	{
	width: 100%;
	}

	a#logo span
	{
	display: none;
	}

}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1040px) {


  a#logo:after
  {
    left: 245px;
  }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1200px) {


  a#logo:after
  {
    left: 255px;
  }

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


  a#logo:after
  {
    left: 245px;
  }

}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1440px) {


  a#logo:after
  {
    left: 205px;
  }

}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1480px) {


  a#logo:after
  {
    left: 207px;
  }

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

p#tagLine
{
display: block;
margin: 0px 0px 0px 0px;
text-align: center;
}

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

	p#tagLine
	{
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:740px) {

	p#tagLine
	{
	float: right;
	}

}

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

.menu-collapser{
height:48px;
padding:0 0px;
  margin-right: 1px;
font-size:16px;
line-height:48px;
  float: right;
  position : relative;
  width : 60px !important;
  height:60px !important;
  position:absolute !important;
right: 70px !important;
  top: -80px !important;
  z-index :200;
  border-right: 1px solid #fff;
  background: #bbbbbb !important;
}


.collapse-button{
position:absolute;
right:4px !important;
top:30px !important;
width:50px !important;
padding:7px 10px;
font-size:14px;
text-align:center;
border-radius:2px;
  background-color: transparent !important;
}
.collapse-button .icon-bar
    {
     width : 100% !important;
      height : 3px !important;
      border-radius: 8px !important;
      margin : 3px 0px !important;
      float : left
    }
.headerNavigation
{
 background :#fff;
  width : 100% !important;
border : none !important;
}
.headerNavigation ul
{
background :#bbbbbb;
width : 100% !important;
border : none !important;
}



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

.menu-collapser{
  width : 100px !important;
  height:100px !important;
      right: 128px !important;
}

    .collapse-button{
right:25px !important;
top:48px !important;
}

.headerNavigation
{
background : transparent;
}

.headerNavigation ul
{
top: 0px;
}

}

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

.menu-collapser{
      right: -26px !important;
}

}

  @media screen and (min-width: 900px) {
.menu-collapser{
      right: 0px !important;
}

}

.headerNavigation > ul li a
{
      color :#fff !important;
}

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

    .opening-hours-anchor
  {
   display : none !important;
  }
}

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

.headerNavigation ul
{
 background :#fff;
}

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

.collapse-button:hover,
.collapse-button:focus{}
.collapse-button .icon-bar{
height:2px;
width:18px;
margin:2px 0;
border-radius:1px;
background-color: #fff !important;
}

.headerNavigation
{
 margin: 0px;
  position : absolute;
  top : 60px;
  right: 0px;
  border-right: 1px solid #fff;
  margin-left:0;
  width : 100%;
}
.menu-collapser {
  top: -60px !important;
          right: 120px !important;
}
@media screen and (min-width:500px) {
  .menu-collapser {
  top: -100px !important;
          right: 198px !important;
}
.headerNavigation
{
  top : 100px;
}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:600px) {
.menu-collapser {
  top: -100px !important;
          right: 150px !important;
}
  .headerNavigation
{
 margin: 0px;
  position : absolute;
  top : 100px;
  right: 50px;
  border-right: 1px solid #fff;
  margin-left:0;
  width : 100%;
}

	.headerNavigation





	{
     width : auto !important;
    }


}

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


	.headerNavigation
	{
  right: 40px;
    }
    	.headerNavigation ul
	{
              left: auto  !important;
              right: auto !important;
              position: relative !important;
    }

.menu-collapser {
  top: -100px !important;
          right: 160px !important;
}
        .headerNavigation > ul li {
    padding-bottom: 0px !important;
}

          .headerNavigation > ul li:hover,
              .headerNavigation > ul li,
              .headerNavigation > ul li:hover,
              .headerNavigation > ul li {
            border-bottom:  none !important;
                background: #ffca11 !important;
                transition : 0.5s all;
}



}
  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:900px) {
.menu-collapser {
  top: -100px !important;
          right:30px !important;
}

.headerNavigation
{
right: 166px !important;
}

}
      /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:900px) {


	.headerNavigation
	{
  right: 170px !important;
    }


}
            /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:1060px) {

.headerNavigation
{
top :100px;
  right: 202px !important;
    }

            	.headerNavigation ul
	{
              left: auto  !important;
              right: auto !important;
              position: relative !important;
    }

.menu-collapser {
  top: -100px !important;
          right: 37px !important;
}
        .headerNavigation > ul li {
    padding-bottom: 0px !important;
}

          .headerNavigation > ul li:hover,
              .headerNavigation > ul li,
              .headerNavigation > ul li:hover,
              .headerNavigation > ul li {
            border-bottom:  none !important;
                background: #ffca11 !important;
                transition : 0.5s all;
}


}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1160px) {

	.headerNavigation
	{
	margin: 32px 0px 0px 0px;
position : relative;
	  top : 0px;
          right: 0px !important;
    }


	.headerNavigation li a
	{
height: 19px !important;
              }

.headerNavigation
{
top :5px;
right: 0px;
}

.headerNavigation ul li ul
{
left: auto  !important;
right: auto !important;
position: absolute !important;
}

.menu-collapser {

}
        .headerNavigation > ul li {
        transition: 0s;
    padding-bottom: 24px !important;
}

.headerNavigation > ul li a{
transition: 0s;
padding-bottom: 24px !important;
}

.headerNavigation > ul li:hover,
.headerNavigation > ul li,
.headerNavigation > ul li:hover,
.headerNavigation > ul li {
border-bottom:  4px solid #ffca11 !important;
background: transparent !important;
transition : 0s all;
}

.headerNavigation > ul li.childSelected {
border-bottom:  4px solid #ffca11 !important;
}

}

/*/
        @media screen and (max-width:500px) {
.headerNavigation ul{
right: 0px;
                position : relative;
}
        */

}

.headerNavigation > ul{}
.headerNavigation > ul li{}
.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:left;
border: none;
}

.headerNavigation > ul li ul{
margin:0;
padding:0;
width: 100%;
  top: 68px;
}

.headerNavigation > ul li ul li{
width: 100%;
}
.headerNavigation > ul li ul li a{
font-size: 15px;
}
.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
{
padding:8px 10px !important;
  background : none !important;
font-size:15px !important;
font-weight:normal;
color : #58595b;

text-decoration: none;
}
.headerNavigation > ul li
{
 background : none !important;
border: none !important;
}
  .headerNavigation > ul li ul li,
.headerNavigation > ul li
{
     background : transparent !important;
}
.headerNavigation > ul li ul li a,
.headerNavigation > ul li a
{
padding:8px 10px;
font-size:15px !important;
font-weight:normal;
  color: #fff !important;
}

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

.headerNavigation > ul li ul,
.headerNavigation > ul
{
background : transparent !important;
}

  .headerNavigation > ul li ul
  {
   top :108% !important;
  }

.headerNavigation > ul li
{
background: transparent !important;
}
.headerNavigation > ul li ul
  {
width :300px !important;
}
.headerNavigation > ul li:hover ul li:hover
{
border: none !important;
background: #ffca11 !important;
}
.headerNavigation > ul li:hover ul li:hover a
{
color: #fff !important;
}
.headerNavigation > ul li ul li
{
background: #f2f2f2 !important;
  transition : 0.5s all;
}

.headerNavigation > ul li ul li a,
.headerNavigation > ul li a
{
padding:8px 10px;
font-size:15px !important;
font-weight:normal;
  color: #666  !important;
     background : none !important;
}

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

  .headerNavigation > ul li ul li,
.headerNavigation > ul li
{
     background : transparent !important;
}

    .headerNavigation > ul li
{
background: transparent !important;
}

.headerNavigation > ul li ul li
{
background: #f2f2f2 !important;
}
.headerNavigation > ul li ul li a
{
background: #f2f2f2 !important;
}

.headerNavigation > ul li ul li a,
.headerNavigation > ul li a
{
padding:8px 10px;
font-size:15px !important;
font-weight:normal;
  color: #666  !important;
     background : none !important;
}

  }

.headerNavigation > ul li.has-submenu > a{
padding:8px 10px;
}

.headerNavigation > ul li a:hover{}

.headerNavigation > ul li .sub-toggle{
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: 160px;
	}

	.headerNavigation ul li ul li{
	width: 160px;
	}

}

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

.headerNavigation > ul li.has-submenu > ul
{
height: auto !important;
}

#header .headerNavigation > ul li.has-submenu > ul,
#header .headerNavigation > ul li.has-submenu > ul li,
#header .headerNavigation > ul li.has-submenu > ul li a,
#header .headerNavigation > ul li > ul,
#header .headerNavigation > ul li > ul li,
#header .headerNavigation > ul li > ul li a,
#header .headerNavigation ul li ul,
#header .headerNavigation ul li ul li,
#header .headerNavigation ul li ul li a
{
display : block !important;
font-size:15px !important;
}

#header .headerNavigation > ul li.has-submenu > ul li.centre-info-anchor,
#header .headerNavigation > ul li.has-submenu > ul li.centre-info-anchor a
{
display : none !important;
}

.headerNavigation > ul li:hover, .headerNavigation > ul li.menuSelected {
    border-bottom: none !important;
}

.headerNavigation > ul li ul
{
  top : auto;
}

}

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


.headerNavigation > ul li a,
.headerNavigation > ul li.has-submenu > a,
.headerNavigation > ul li ul li a,
.headerNavigation > ul li a




{
 font-size : 15px !important;
}

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

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

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

.sy-list,
.sy-list li,
.sy-slide
{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.sy-controls,
.sy-pager
{
}

.sy-box
{
padding-top: 40px !important;
background: #fff;
}

.moduleComponentContainerhomeBanners
{
float: left;
position: relative;
width: 100% !important;
height: 45vh !important;
  background: #fff;

}

.moduleComponenthomeBanners,
.moduleComponentContainerhomeBanners
{
width: 100% !important;
height: 45vh !important;
background-position: top center;
background-size: cover;
  min-height: 400px;
}

.moduleComponenthomeBanners .centerContainer
{
height: 45vh !important;
  min-height: 400px;
}

.moduleComponenthomeBanners .centerContainerInner
{
height: 45vh !important;
  min-height: 400px;
}

.moduleComponenthomeBanners .bannerHtmlContent
{
position: relative;
display: inline-block;
top: auto;
bottom: 0px;
width: 100%;
text-align: center;
}

.moduleComponenthomeBanners .bannerHtmlContent p
{
font-size: 15px;
  text-align: center;
}

#home .moduleComponenthomeBanners .bannerHtmlContent p
{
font-size: 15px;
}

.moduleComponenthomeBanners .bannerHtmlContent
{
  position: absolute;
width: 100%;

  text-align: left;
}

.moduleComponenthomeBanners h1,
.moduleComponenthomeBanners h2,
.moduleComponenthomeBanners h3,
.moduleComponenthomeBanners h4,
.moduleComponenthomeBanners p,
.moduleComponenthomeBanners a
{
color: #fff;
}

.moduleComponenthomeBanners a{

}

.moduleComponenthomeBanners p
{

}

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

.moduleComponenthomeBanners h1
{
display: inline-block;
background:transparent;
color: #fff;
padding: 16px 30px 20px;
text-transform: lowercase;
font-size: 30px;
margin: 8px 0px;
}


@media screen and (min-width: 800px) {
.moduleComponenthomeBanners h1
{
font-size: 70px;
}
  }
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:750px) {

	.moduleComponenthomeBanners .bannerHtmlContent p
	{
	font-size: 15px;
	text-align: left;
	}


}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:740px) {

	.moduleComponentContainerhomeBanners
	{
	float: left;
	position: relative;
	width: 100% !important;
	height: 40vh !important;
              min-height: 400px;
	}

	.moduleComponenthomeBanners,
	.moduleComponentContainerhomeBanners
	{
	width: 100% !important;
	height: 40vh !important;
	background-position: center;
	background-size: cover;
	}

	.moduleComponenthomeBanners .centerContainer
	{
	height: 40vh !important;
	}

	.moduleComponenthomeBanners .centerContainerInner
	{
	height: 40vh !important;
	}

	.moduleComponenthomeBanners .bannerHtmlContent
	{
	top: auto;
	width: 94%;
  bottom: 0;
  padding: 0 3%;
	}

	.moduleComponenthomeBanners .bannerHtmlContent p
	{
	font-size: 26px;
	}

	#home .moduleComponenthomeBanners .bannerHtmlContent p
	{
	font-size: 26px;
	}

	.moduleComponenthomeBanners .bannerHtmlContent
	{
	  right: auto;
	}

}

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



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


.moduleComponentContainerheaderBanners
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
}

.moduleComponentheaderBanners
{
width: 100% !important;
height: 348px !important;
background-position: center;
background-size: cover;
}

.moduleComponentheaderBanners .centerContainer
{
height: 348px !important;
}

.moduleComponentheaderBanners .centerContainerInner
{
height: 348px !important;
}

.moduleComponentheaderBanners .bannerHtmlContent
{
width: auto;
background: rgba(255,255,255,0.3);
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
padding: 0.5% 4%;
text-align: center;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.moduleComponentheaderBanners h1,

.moduleComponentheaderBanners h2,
.moduleComponentheaderBanners h3,
.moduleComponentheaderBanners h4
{
color: #666;
font-size: 52px;
font-weight: bold;
text-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}

.moduleComponentheaderBanners h1,
.moduleComponentheaderBanners h2,
.moduleComponentheaderBanners h3,
.moduleComponentheaderBanners h4,
.moduleComponentheaderBanners p,
.moduleComponentheaderBanners a
{
color: #666;
}

.moduleComponentheaderBanners a{

}

.moduleComponentheaderBanners p
{

}

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

#homeContent,
#defaultContent
{
background: #fff;
padding: 0px 0px 50px 0px;
}
.moduleComponenthomeContent:nth-of-type(2) h1,
.moduleComponenthomeContent:nth-of-type(2) h2,
.moduleComponenthomeContent:nth-of-type(2) h3,
.moduleComponenthomeContent:nth-of-type(2) h4,
.moduleComponenthomeContent:nth-of-type(2) p,
.moduleComponenthomeContent:nth-of-type(2) a,
.moduleComponenthomeContent h1,
.moduleComponenthomeContent h2,
.moduleComponenthomeContent h3,
.moduleComponenthomeContent h4,
.moduleComponenthomeContent p,
.moduleComponenthomeContent a
{
text-align: left;
  color : #808184;
    margin: 15px;
}

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

#pageEditorContent
{
padding: 35px 0px;
}


#home #pageEditorContent
{
width: 88%;
padding: 15px 6%;
}

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

#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: 13px;
margin:0;
padding:0;
color: #fff;
text-decoration: none;
}

#footer div.floatLeft a
{
 margin-right: 20px;
}

#footer p
{
  color: #fff;
margin: 15px 0px;
}

#footer
{
padding: 15px 0px;
  font-size: 13px;
}

#footer div
{
   color: #fff;
}

#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(2) ul li a.menu,
#footer div:nth-child(3) ul li a.menu,
#footer div:nth-child(4) ul li a.menu,
#footer div:nth-child(5) ul li a.menu
{
display: block;
text-transform: uppercase;
margin: 0px 0px;
font-size: 18px;
font-family: 'Palanquin';
font-weight: bold;
color: #0081b9;
padding: 3px 0px;
}

#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: 15px;
text-transform: none;
font-family: 'Palanquin';
font-weight: normal;
color: #666666;
}

#footer div:nth-of-type(3) a
{
transition: 0.5s all;
opacity: 1;
}

#footer div:nth-of-type(3) a:hover
{
opacity: 0.5;
}

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

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: none;
}

p#copyright,
p#copyright span,
p#copyright a
{
color: #b9b9b9;
text-align: left;
font-size: 12px !important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@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;
	}

}

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


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


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

#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;
}

/* ---- All galleries ---- */

#imageContainer .html5gallery-box-0

{
border: 1px solid #eaeaea;
}

#imageContainer .html5gallery-toolbox-0
{
display: block !important;
opacity: 1 !important;
z-index: 3000 !important;
}

#imageContainer .html5gallery-left-0,
#imageContainer .html5gallery-right-0
{
z-index: 5000 !important;
}

#imageContainer .html5gallery-thumbs-0
{
margin: 0 !important;
}

#imageContainer .html5gallery-title-text-0
{
display: none;
}

#imageContainer .html5gallery-elem-img-0
{
background: #fff !important;
}

#imageContainer .html5gallery-elem-img-0 img
{
margin: 0 auto !important;
position: relative !important;
width:auto !important;
height: auto !important;

overflow: auto !important;
margin: auto !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}

#imageContainer .html5gallery-elem-image-0
{

width: auto !important;
left: 0px !important;
top: 0 !important;
height: 100% !important;
}

#imageContainer .html5gallery-thumbs-0
{
margin: 0 !important;
}

#imageContainer .html5gallery-title-text-0
{
display: none;
}

#imageContainer .html5gallery-elem-img-0
{
background: #fff !important;
}

#imageContainer .html5gallery-elem-image-0
{
width: auto !important;
left: 0px !important;
top: 0 !important;
height: 100% !important;
}

#imageContainer .html5gallery
{
height: 500px !important;
}

#imageContainer .html5gallery
{
height: 0px !important;
}

#imageContainer .html5gallery-car-0{
margin: -10px 0px 0px 0px !important;
}

#imageContainer .html5gallery-tn-selected-0,
#imageContainer .html5gallery-tn-0,
#imageContainer .html5gallery-tn-img-0,
#imageContainer .html5gallery-tn-img-0 div,
#imageContainer .html5gallery-tn-img-0 div img,
#imageContainer .html5gallery-tn-0:hover,
#imageContainer .html5gallery-tn-img-0:hover,
#imageContainer .html5gallery-tn-img-0 div:hover,
#imageContainer .html5gallery-tn-img-0 div:hover img:hover
{
margin: 0px 12.5px 13px 0px !important;
padding: 0 !important;
border: none !important;
width: 120px !important;
height: 120px !important;
}

#imageContainer .html5gallery-tn-img-0 div img
{
width: 118px !important;
height: 118px !important;
border: 1px solid #eaeaea !important;
}

#imageContainer .html5gallery-tn-img-0 div:hover img,
#imageContainer .html5gallery-tn-img-0 div:hover img:hover
{
width: 118px !important;
height: 118px !important;
border: 1px solid #0081b9 !important;
}

#imageContainer .html5gallery-car-mask-0,
#imageContainer .html5gallery-car-0,
#imageContainer .html5gallery-car-list-0,
#imageContainer .html5gallery-thumbs-0
{
height: 120px !important;
width: auto !important;
margin: 0px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width:500px) {

	#imageContainer .html5gallery
	{
	margin: 15px 0px 0px 0 !important;
	height: 410px !important;
	}

}

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



.liquid-slider{
background : transparent !important;
}

.liquid-slider{
width: 1000px;
}

.liquid-slider .ls-panel{
width: 1000px;
}

.panel-wrapper {
padding: 0px;
}

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

#sectionNav .centerContainerInner
{
text-align:center;
}

#sectionNav a.fsub
{
display: inline-block;
padding: 6px 25px;
margin: 16px auto !important;
float: none !important;

}

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

.ls-preloader {
  background: url(https://www.shopbethlehem.co.nz/js/jquery.liquidslider/images/loading.gif) #f2f2f2 no-repeat center 50%;
}

.ls-select-box {
  background: url(https://www.shopbethlehem.co.nz/js/jquery.liquidslider/images/menu.png) no-repeat right #ddd;
}
[class$="-arrow"] {
  background-image: url(https://www.shopbethlehem.co.nz/js/jquery.liquidslider/images/arrow.png);
}

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

.ls-nav ul
{

}

.ls-nav ul li,
.ls-nav ul li a
{
text-align: center;
float: none;
display: inline;
margin:0 !important;
padding:0 !important;
width: 10px;
height: 10px;
background: #e2e2e2;
}

.ls-nav ul li
{
margin:0 3px !important;
cursor: pointer;
}

.ls-nav ul li.current
{
text-align: center;
float: none;
display: inline;
margin:0 3px !important;
padding:0 !important;
width: 10px;
height: 10px;
background: #0081b9;
}

.liquid-slider .ls-panel
{
box-sizing: border-box;
padding: 20px 30px;
}

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

.navigation-wrapper
{
 margin: 0px 0px 0px 0px;
}

#home .navigation-wrapper
{
margin: 0px 0px 0px 0px;
}


.listingItem.standardModule
{
float: none;
position: relative;
overflow: hidden;
}

.listingItem.standardModule .moduleItemContent
{

}

.listingItem.standardModule h3.title
{
color: #000;
font-size: 26px;
}

.listingItem.standardModule h3.title a
{
position: relative;
top: -3px;
color: #0081b9;
font-size: 18px;
margin: 0px 0px 0px 15px;
}

.listingItem.standardModule h3.title i
{
border: 1px solid #0081b9;
display: inline-block;
width: 16px;
height: 16px;
font-size: 11px;
border-radius: 100%;
border-width:2px;
text-align: center;
}

.listingItem.standardModule h3.title i:before
{
position: relative;
left: 0px !important;
top: 1px !important;
}

.listingItem.standardModule h3.title a:after
{
content: "more info";
margin-left: 8px;
}

.listingItem.standardModule h3.title.selected a:after
{
content: "less info";
}

.listingItem.standardModule h3.title.selected a i:before
{
content: "\f176";

}

.listingItem.standardModule h3.title.selected a
{

}

.listingItem.standardModule .content
{
float: left;
display: block;
height: 0;
opacity: 0;
position: relative;
transition: all 1.5s ease 0s;
width: 100%;
overflow: hidden;
}

.listingItem.standardModule .content.selected
{
height: auto;
opacity: 1;
transition: all 1.5s ease 0s;
overflow: visible;
}

.listingItem.standardModule h3.title:hover,
.listingItem.standardModule h3.title.selected {
background:  none;
color: #000;
}

.listingItem.standardModule h3.title.selected {
}

.listingItem.standardModule h3.title:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
border-image: none;
border-style: solid;
border-width: 10px;
content: " ";
height: 0;
left: 90%;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0;
}

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


.standardModule[class*="moduleListingWrapper"] .listingItem:nth-child(2n+1) .moduleItemImage,
.standardModule[class*="moduleListingWrapper"] .moduleItemsListing .moduleImage,
.listingItem:nth-child(2n+1) .moduleItemImage,
.listingItem:nth-child(2n) .moduleItemImage
{
width: 100%;
margin:10px 0;
float: none !important;








}

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

	.standardModule[class*="moduleListingWrapper"] .listingItem:nth-child(2n+1) .moduleItemImage,
	.standardModule[class*="moduleListingWrapper"] .moduleItemsListing .moduleImage,
	.listingItem:nth-child(2n+1) .moduleItemImage,
	.listingItem:nth-child(2n) .moduleItemImage
	{



	width: auto;
	margin:30px;
	float: right !important;
	}

}



#listingItem10 .moduleItemImage
{
margin:60px 30px ;
}

.standardModule[class*="moduleListingWrapper"] .listingItem:last-child
{
border: none;
}

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

#listingTestimonials .listingItem {
border: none;
padding-top:10px;
padding-bottom:35px;
}

#listingTestimonials .listingItem .moduleItemContent::after {
border-color: #f6f6f6  transparent;
border-style: solid;
border-width: 20px 0 0 20px;
bottom: -20px;
content: "";
display: block;
left: 50px;
position: absolute;
width: 0;
}

#listingTestimonials .listingItem:nth-child(odd)  .moduleItemContent{
background: #eaeaea;
}

#listingTestimonials .listingItem:nth-child(odd) .moduleItemContent::after {
border-width: 20px 0 0 20px;
border-color: #eaeaea  transparent;
left: auto;
right: 50px;
position: absolute;
transform: rotate(270deg);
}

#listingTestimonials .listingItem .moduleItemContent {
border-radius: 10px;
margin:0;
padding: 25px 35px;
box-sizing: border-box;
width:70%;
float: right;
position: relative;
background : #f6f6f6;
}


/*-------------------------------*/
.moduleComponentheaderBanners .bannerHtmlContent
{
padding: 0;
}

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



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@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: 50.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%;
	}

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

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

.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;
}

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


.moduleComponentContainerhomeContent
{

}

.moduleComponenthomeContent ,
.moduleComponenthomeContent:nth-of-type(1),
.moduleComponenthomeContent:nth-of-type(2),
.moduleComponenthomeContent:nth-of-type(3),
.moduleComponenthomeContent:nth-of-type(4),
.moduleComponenthomeContent:nth-of-type(5)
{
height: auto !important;
padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom : 8px solid #bfc0c1;
transition : 0.5s all;
}

.moduleComponenthomeContent:hover,
.moduleComponenthomeContent:hover:nth-of-type(1),
.moduleComponenthomeContent:hover:nth-of-type(2),
.moduleComponenthomeContent:hover:nth-of-type(3),
.moduleComponenthomeContent:hover:nth-of-type(4),
.moduleComponenthomeContent:hover:nth-of-type(5)
{
height: auto !important;
padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom : 8px solid #00aab9;
}

.moduleComponenthomeContent .bannerHtmlContent

{
  position :absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 0%;
  background: rgba(255,255,255,0.8);
  z-index: 999;
}

.moduleComponenthomeContent h2.bannerTitle
{

}

.moduleComponenthomeContent h2.bannerTitle a
{

}

.moduleComponenthomeContent p
{
  font-size: 18px;
  text-align: left;
  font-family: 'cocogooseregular' !important;
}

#moduleComponent160
{
float: left;
position: relative;
  background: #00aab9;
  width: 100%;
  padding: 0;
margin: 2% 0 0;
  height: auto !important;
min-height: 5.5vh !important;
}

#moduleComponent160 .bannerHtmlContent
{
 position: relative;
  background: none;
  color: #fff;
  padding: 25px 2.5%;
}

#moduleComponent160 .bannerHtmlContent h1,
#moduleComponent160 .bannerHtmlContent h2,
#moduleComponent160 .bannerHtmlContent h3,
#moduleComponent160 .bannerHtmlContent h4,
#moduleComponent160 .bannerHtmlContent p,
#moduleComponent160 .bannerHtmlContent a
{
  color: #fff !important;
}

.moduleComponenthomeContent
{
 overflow: hidden;
}
.moduleComponenthomeContent .mask
{
 display: block;
  width :0%;
  height: 0%;








  position : absolute;
  top :10%;
  left: 10%;
  background: #693c96;
  transition: 0.7s all;
  border-radius: 100%;
  opacity: 0;

}
.moduleComponenthomeContent .mask
{
  background: #00aab9;
}

.moduleComponenthomeContent:hover .mask
{
  width :800px;
  height: 800px;
  top :-150px;
  left: -150px;
    opacity: 0.6; z-index: 999;
}

.moduleComponenthomeContent .plus
{
  display : block;
   position : absolute;
  top: 80%;
  left: 50%;
  margin-top: -15%;
  margin-left: -27px;
  width: 54px;
  height: 54px;
  z-index: 1001;
  transform: rotate(90deg);
  opacity: 0;
  transition : 0.4s all;
  background: url(https://www.shopbethlehem.co.nz/images/style/plus.png);
}

.moduleComponenthomeContent:hover .plus
{
  top :55%;
  transform: rotate(0deg);
  opacity: 1;
}

#moduleComponent33.moduleComponenthomeContent:hover .plus
{
  top :65%;
}

#moduleComponent35.moduleComponenthomeContent:hover .plus
{
  top :45%;
}

#moduleComponent37 .plus
{
  display : block;
   position : absolute;
  top: 80%;
  left: 50%;
  margin-top: -15%;
  margin-left: -27px;
  width: 54px;
  height: 54px;
  z-index: 1001;
  transform: rotate(90deg);
  opacity: 0;
  transition : 0.4s all;
  background: url(https://www.shopbethlehem.co.nz/images/style/plus.png);
}

#moduleComponent37:hover .plus
{
  top :45%;
  transform: rotate(0deg);
  opacity: 1;
}

.moduleComponenthomeContent .cover
{
  z-index : 1002;
}

#moduleComponent33

{
float: left;
width: 100%;
margin: 2% 0% 0px 0;
height: 65vh !important;
}

#moduleComponent34
{
  float: left;
  width: 100%;
margin: 2% 0% 0px 0;
  height: 65vh !important;

    display: none;
}

#moduleComponent35
{
  float: left;
  width: 100%;
margin: 2% 0% 2% 0;
  height: 65vh !important;
}

#moduleComponent36
{
float: left;
  width: 100%;
margin: 2% 0% 0px 0;
height: 65vh !important;

  display: none;
}

#moduleComponent37
{
float: left;
margin: 2% 0 0px 0;
width: 100%;
height: 65vh !important;
}

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

  #moduleComponent33

{
float: left;
width: 49%;
margin: 2% 2% 0px 0;
height: 22vh !important;
}

#moduleComponent34
{
  float: left;
  width: 49%;
margin: 2% 0% 0px 0;
  height: 22vh !important;
      display: block;
}

#moduleComponent35
{
  float: left;
  width: 100%;
margin: 2% 0% 2% 0;
  height: 22vh !important;
}

#moduleComponent36
{
float: left;
  width: 49%;
margin: 2% 2% 0px 0;
height: 22vh !important;
          display: block;
}

#moduleComponent37
{
float: left;
margin: 2% 0 0px 0;
width: 49%;
height: 22vh!important;
}

#moduleComponent33
{
height: 50vh !important;
}

#moduleComponent34

{

  height: 50vh !important;
}

#moduleComponent35
{
  height: 50vh !important;
}







#moduleComponent36
{
height: 50vh !important;
}

#moduleComponent37
{
height: 50vh!important;
}
}

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

.moduleComponentContainerhomeContent
{

}

.moduleComponenthomeContent ,
.moduleComponenthomeContent:nth-of-type(1),

.moduleComponenthomeContent:nth-of-type(2),
.moduleComponenthomeContent:nth-of-type(3),
.moduleComponenthomeContent:nth-of-type(4),
.moduleComponenthomeContent:nth-of-type(5)
{
height: 30vh !important;
padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.moduleComponenthomeContent .bannerHtmlContent
{
  position :absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 4%;
box-sizing:border-box;
  background: rgba(255,255,255,0.8);
}

.moduleComponenthomeContent h2.bannerTitle
{

}



.moduleComponenthomeContent h2.bannerTitle a
{

}

.moduleComponenthomeContent p
{
  font-size: 18px;
  text-align: left;
  font-family: 'cocogooseregular' !important;
}

#moduleComponent33
{
float: left;
width: 48%;
margin: 2% 2% 0 0;
height: 25vh !important;
}

#moduleComponent34
{
  float: left;
  width: 23%;
margin: 2% 2% 4% 0;
  height: 25vh !important;
}

#moduleComponent35
{
  float: left;
  width: 23%;
margin: 2% 2% 4% 0;
  height: 25vh !important;
}

#moduleComponent36
{
float: right;
  width: 23%;
margin: 2% 2% 4% 0;
height: 53.4vh !important;

}

#moduleComponent37
{
float: right;
margin: 2% 0 4%;
width: 25%;
height: 53.4vh !important;
}

}

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

p#openingHours
{
  display: block;
  float: right;
position: relative;
  background : #ffca11;
  height: ;
  width: 60px;
margin: 0 1px 0 0px;
  padding: 0; overflow: hidden;
}

p#openingHours a
{
margin: 0 auto;
padding: 0;
  top: 55px;
  text-align : center;
background-size: 100% auto;
  text-transform: uppercase;
  font-size: 13px;
  line-height : 1.1;
  color: #fff;
  text-decoration : none;

}

p#openingHours a.ratioInner
{
  color:#ffca11;
display :;
}

p#openingHours a:after
{
background : url(https://www.shopbethlehem.co.nz/images/style/hours_icon.png);
height: 28px;
width: 28px;
content: " ";
display : block;
  position : absolute;
  top :-36px;
  left: 50%;
  margin-left: -14px;
padding: 0;
  text-align : center;
background-size: 100% auto;
}

p#openingHours strong
{
display: none;
}

@media screen and (min-width: 500px) {
  p#openingHours
{
     width: 100px;
margin: 0 1px 0 40px;
}

p#openingHours a.ratioInner
{
  color:#fff;
display :;
}
  p#openingHours a:after
{
  top :-38px;
}
}

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

a#facebookLink
{
display: block;
float: right;
position: relative;
width :60px;
background : #bfc0c1;
height: ;
margin:0 ;
transition: 0.5s all;
}
a#facebookLink:hover
{
background : #e5e5e5;
}
a#facebookLink span
{
height: 36px;
width: 36px;
margin: 0 auto;
padding: 0;
background : url(https://www.shopbethlehem.co.nz/images/style/facebook_icon.png);
background-size: 100% auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

a#facebookLink strong
{
display: none;
}

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

a#facebookLink
{
width :100px;
margin: 0 0% 0 0 ;
}

}

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

a#facebookLink
{

}

}

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

a#facebookLink
{

}

}

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

a#facebookLink
{

}

}

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

a#openingHoursRight
{
  display: none;

}

a#openingHoursRight span
{
display: none;
}

@media screen and (min-width: 800px) {
  a#openingHoursRight
{
  display: block;
position: fixed;
  background : #ffca11;
  top: 32vh;
  border-radius : 100%;

  right:1%;
  z-index: 1200;
margin: 0px;
  padding: 0;
background : #fff url(https://www.shopbethlehem.co.nz/images/style/hours_icon_yellow.png);
height: 70px;
width: 70px;
  background-position : center;
  background-repeat: no-repeat;
  background-size: 48% auto;

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


#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(https://www.shopbethlehem.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;
}

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

#newletterSignupContainer.newsletterPopup
{
display: none;
}

#newletterSignupContainer
{
  padding: 30px 0px 45px;
  text-align: center;
  border-bottom : 40px solid #fff;
}

#newletterSignupContainer br
{
  display: none;
}

#newletterSignupContainer .centerContainer
{

}

#newletterSignupContainer .centerContainerInner
{
    text-align: center;
}

#newletterSignupContainer h1,
#newletterSignupContainer h2,
#newletterSignupContainer h3,
#newletterSignupContainer h4,
#newletterSignupContainer p,
#newletterSignupContainer a
{
color : #fff;
}

#newletterSignupContainer h2
{

}

#newletterSignupContainer p
{

}

#mc_embed_signup
{

}

#mc_embed_signup form
{
 display :block;
width :100%;
}

#mc_embed_signup #mc_embed_signup_scroll
{

}

.mc-field-group
{
 display : inline-block;
position : relative;
}

#mc_embed_signup label
{
   display :block;
}
#mc_embed_signup input.email,
#mc_embed_signup input.first
{
    color: #fff !important;
-webkit-text-fill-color:#fff;
background: #80d5dc !important;
  border: none;
  width: 100%;
  max-width: 194px;
  float: none;
   padding: 15px 30px 15px 60px;
  margin: 20px 10px 0px 10px;
  box-shadow: none;
    font-size: 15px;
  font-weight: normal;
  transition: 0.5s all;
  position: relative;
    -webkit-appearance: none;
}

#mc_embed_signup input.first
{
  max-width: 250px;
   padding: 15px 30px 15px 60px;
  margin: 20px -10px 0px 10px;
  box-sizing : border-box;
}

#newletterSignupContainer.newsletterPopup .mc-field-group,
#newletterSignupContainer.newsletterPopup .mc-field-group
{
  width: 80%;
  margin: 0 0 0 -10px;
  padding: 0;
}

#newletterSignupContainer.newsletterPopup #mc_embed_signup input.email,
#newletterSignupContainer.newsletterPopup #mc_embed_signup input.first
{
    color: #fff !important;
-webkit-text-fill-color:#fff;
background: #80d5dc !important;
  border: none;
  width: 100%;
  max-width: 1000px;
  float: none;
   padding: 15px 30px 15px 60px;
  margin: 20px 10px 0px 10px;
  box-shadow: none;
    font-size: 15px;
  font-weight: normal;
  transition: 0.5s all;
  position: relative;
    -webkit-appearance: none;
  box-sizing : border-box;
}

#newletterSignupContainer.newsletterPopup #mc_embed_signup input.first
{
  max-width: 1000px;
   padding: 15px 30px 15px 60px;
  margin: 20px 10px 0px 10px;
  box-sizing : border-box;
}

#mc_embed_signup .mailIcon
{
content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(https://www.shopbethlehem.co.nz/images/style/icon_envelope.png) top left no-repeat;
  position: absolute;

  top: 34px;

  left: 25px;
  z-index: 1000;
}
#mc_embed_signup .nameIcon
{
content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(https://www.shopbethlehem.co.nz/images/style/icon_person.png) top left no-repeat;
  position: absolute;
  top: 34px;
  left: 25px;
  margin: 0px 0px 0 0px;
  z-index: 1000;
}
#mc_embed_signup input.first:focus,
#mc_embed_signup input.email:focus
{
    color: #008490 !important;
background: #c2ecf0 !important;
}
#mc_embed_signup .button
{
  color: #00aab9 !important;
background: #fff !important;
  border: none;
  padding: 14px 30px;
  margin: 20px 0px;
  box-shadow: none;
  font-weight: normal;
  font-size: 15px;
  cursor: pointer;
  -webkit-appearance: none;
}
#mc_embed_signup .button:hover
{
  color: #fff !important;
background: #00aab9 !important;
}

#mc_embed_signup .input-group
{

}

#mc_embed_signup .input-group ul
{

}

#mc_embed_signup .input-group ul li
{

}

#mc_embed_signup .input-group input
{
display: inline-block;
  margin: 20px;
}

#mc_embed_signup .input-group label
{
  display: inline-block;
}

#mc_embed_signup .input-group label a
{

}

#mc_embed_signup .input-group label
{
font-size: 12px;
}

#mc_embed_signup .input-group input
{
margin :0 20px 0px 0px;
}

#newletterSignupContainer.newsletterPopup.selected #mc_embed_signup .input-group input
{
margin :15px 20px 0px 0px;
}


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

  #mc_embed_signup .input-group input
{
margin :0 20px 0px 98px;
}

#newletterSignupContainer br
{
  display: block;
}

  #newletterSignupContainer.newsletterPopup.selected
{
display: block;
position: fixed;
width :500px;
height : 500px;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -250px;
border: 20px solid #fff;
z-index: 2010;
}


#newletterSignupContainer.newsletterPopup

{
transition: 0.5s all ;
opacity: 0;
    z-index: -1;
    border-radius : 100%;
}

#newletterSignupContainer.newsletterPopup.selected
{
display: block;
position: fixed;
box-sizing: border-box;
width: 500px;
height: 500px;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -250px;
border: 20px solid #fff;
z-index: 2010;
opacity: 1;
}

#newletterSignupContainer.newsletterPopup br
{
display: block;
}

  #newletterSignupContainer.newsletterPopup a.closeIcon
{
    position: absolute;
    top: 10px;
    right: 45px;
width: 60px;
height: 60px;
line-height: 62px;
    text-align: center;
        border-radius : 100%;
    background: #fff;
    color:#0baab9;
font-family: 'cocogooseregular';
    text-decoration : none;
    font-size: 24px;
    transition : 0.5s all;
}

#newletterSignupContainer.newsletterPopup a.closeIcon:hover
{
    background: #0baab9;
    color:#fff;
}

.newsletterPopupMask
{
transition: 0.5s all ;
opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0);
      z-index: -1;
}

.newsletterPopupMask.selected
{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
background: rgba(0,0,0,0.4);
  z-index: 2000;
  opacity: 1;
}
#newletterSignupContainer.newsletterPopup.selected p
{
 margin: -5px 50px 5px;
}
}
/*----------------------------------------------*/

#footerTop
{
  margin : 0px 0px 0px 0px;
  padding : 25px 0px 20px 0px;
border-top: 1px solid #b8bbbe;
}

#footerTop hr
{
  border-color : #b8bbbe;
     margin: 0;
}

#footerTop div#colliers {
  height: 60px;
    padding-top: 30px;
 border-right: none;
  border-bottom: 1px solid #b8bbbe;
width : 100%;
  margin-bottom: 30px;
}

#footerTop div#colliers a {
text-decoration: none;
}

#footerTop div#footerFacebook {
 border-left: none;
  float: left;
  height: auto;
}

#footerTop div#footerInstagram {
 border-left: none;
  float: left;
  height: auto;
    padding: 15px 0px 0px 0px;
}

#footerTop div#footerLogo {
 border-left: none;
  height: auto;
    float: right;
    padding: 0px;
}

@media screen and (min-width: 800px) {
#footerTop hr
{
   margin: 15px 0 25px;
}



#footerTop div#colliers {
  height: 60px;
    padding-top: 30px;
 border-right: none;
  border-bottom: none;
width : auto;
  margin-bottom: 0px;

}

#footerTop div#footerFacebook {
 border-left: 1px solid #b8bbbe;
  height: 50px;
    padding: 20px;

}

#footerTop div#footerInstagram {
 border-left: 1px solid #b8bbbe;
  height: 50px;
    padding: 20px;
}
#footerTop div#footerLogo {

 border-left: 1px solid #b8bbbe;
  height: 50px;
    padding: 20px;
}

}

.floatLeft.border0100
{

}

body#home #footerTop p ,
body#default #footerTop p
{
  margin: 0px 20px 0 0;
font-size: 12px;
}

#footerTop p img
{
    margin: 0px 12px 0 0;
}

a#logoSmall
{
	display: inline-block;
	width: 190px;
	height: 46px;
	margin: 0px auto;
	transition: 0.2s all;
}

a#logoSmall img
{

}


a#facebookIconOnWhite
{

}

a#facebookIconOnWhite span
{

}

a#facebookIconOnWhite:before
{
    display: block;
  float: none;
position: relative;
  width :100px;
  content: " ";
  background : #bfc0c1;
  height: ;
  height: 26px;
width: 26px;
margin: -8px auto 8px;
opacity : 0.7;
padding: 0;
background : url(https://www.shopbethlehem.co.nz/images/style/facebook_icon.png);
background-size: 100% auto;
  transition : 0.5s all;
}

#footerFacebook:hover a#facebookIconOnWhite:before
{
opacity : 0.4;
}

a#facebookIconOnWhite
{
color: #808184;
text-decoration: none;
}
a#facebookIconOnWhite  span
{
      display: block;
text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}

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


a#instagramOnWhite:before
{
    display: block;
  float: none;
position: relative;
  width :100px;
  content: " ";
  background : #bfc0c1;
  height: ;
  height: 28px;
width: 28px;
margin: -8px auto 8px;
opacity : 1;
padding: 0;

background : url(https://www.shopbethlehem.co.nz/images/style/instagram_icon.png);
background-size: 100% auto;
  transition : 0.5s all;
}

#footerInstagram:hover a#instagramOnWhite:before
{
opacity : 0.65;
}

a#instagramOnWhite
{
color: #808184;
text-decoration: none;
}
a#instagramOnWhite  span
{
      display: block;
text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}

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

.grid-sizer
{
width : 50%;
}
.centerContainerInner .centerContainerInner
{
 width : 100%;
  margin :0;
  padding :0;
  overflow: hidden;
}

#listingCompetitionModule,
#listingWhatsOn,
#listingBlog,
#listingStoreDirectory,
#linkedItemsContainer
{
float: left;
   width : 102.5%;
min-height: 250px;
}

#listingCompetitionModule .listingItem,
#listingWhatsOn .listingItem,
#listingBlog .listingItem,
#listingStoreDirectory .listingItem,
#linkedItemsContainer .listingItem
{
width : 97%;
margin: 0 0% 20px 0;
float: left;
position :relative;
background :none;
overflow: hidden;
border : 1px solid #dbdcdc;
border-bottom: 8px solid #bfc0c1;
}

#listingCompetitionModule .listingItem p,
#listingWhatsOn .listingItem p,
#listingBlog .listingItem p,
#listingStoreDirectory .listingItem p,
#linkedItemsContainer .listingItem p
{
  margin :3px;
}


#listingCompetitionModule .listingItem p.date,
#listingWhatsOn .listingItem p.date,
#listingBlog .listingItem p.date,
#listingStoreDirectory .listingItem p.date,
#linkedItemsContainer .listingItem p.date
{
 font-size: 13px;
  margin: 0px 0px 10px 0px;
  color: #693c96;
  opacity :1;
}

#linkedItemsContainer .listingItem
{
width : 100%;
  margin:  0px 0px 20px 0px;
  border-bottom: 8px solid #bfc0c1;
}

#listingCompetitionModule .listingItem .mask,
#listingWhatsOn .listingItem .mask,
#listingBlog .listingItem .mask,
#listingStoreDirectory .listingItem .mask,
#linkedItemsContainer .listingItem .mask
{
 display: block;
  width :0%;
  height: 0%;
  position : absolute;
  top :10%;
  left: 10%;
  background: #693c96;
  transition: 0.7s all;
  border-radius: 100%;
  opacity: 0;

}
#listingBlog .listingItem .mask
{
  background: #d62249;
}

#listingStoreDirectory .listingItem .mask
{
  background: #6ebd47;
}

#linkedItemsContainer .listingItem .mask
{
  background: #693c96;

}

.moduleDetailWrapperBlog #linkedItemsContainer .listingItem .mask
{
  background: #d62249;
}

#listingCompetitionModule .listingItem .cover,
#listingWhatsOn .listingItem .cover,
#listingBlog .listingItem .cover,
#listingStoreDirectory .listingItem .cover,
#linkedItemsContainer .listingItem .cover
{
z-index : 2002;
}

#listingCompetitionModule .standardModule,
#listingWhatsOn .standardModule,
#listingBlog .standardModule,
#listingStoreDirectory .standardModule,
#linkedItemsContainer .standardModule
{

}

#listingCompetitionModule .moduleItemImage,
#listingCompetitionModule .moduleItemImage a,
#listingCompetitionModule .moduleItemImage a img,
#listingWhatsOn .moduleItemImage,
#listingWhatsOn .moduleItemImage a,
#listingWhatsOn .moduleItemImage a img,
#listingBlog .moduleItemImage ,
#listingBlog .moduleItemImage a,
#listingBlog .moduleItemImage a img,
#listingStoreDirectory .moduleItemImage ,
#listingStoreDirectory .moduleItemImage a,
#listingStoreDirectory .moduleItemImage a img,
#linkedItemsContainer .moduleItemImage ,
#linkedItemsContainer .moduleItemImage a,
#linkedItemsContainer .moduleItemImage a img
{
  float: left;
  position :relative;
}

#listingCompetitionModule  .moduleItemContent,
#listingWhatsOn  .moduleItemContent,
#listingBlog  .moduleItemContent,
#listingStoreDirectory  .moduleItemContent,
#linkedItemsContainer  .moduleItemContent
{
  position : relative;
  float: left;
  z-index: 999;
  background : #fff;
    width : 100%;
padding: 0px 18px 20px;
  box-sizing: border-box;
}
#linkedItemsContainer  .moduleItemContent
{
  position : relative;
  float: left;
  z-index: 999 !important;

  background : #fff;
padding: 0px 18px 15px;
  box-sizing: border-box;
}

#listingCompetitionModule h2.title,
#listingWhatsOn h2.title,
#listingBlog h2.title,
#listingStoreDirectory h2.title,
#linkedItemsContainer h2.title
{

  font-family: 'cocogooseregular';
  font-size: ;
  color: #58595b;
  font-size: 18px;
    margin: 30px 0 10px;
}

#listingCompetitionModule p.date,
#listingWhatsOn p.date,
#listingBlog p.date,
#listingStoreDirectory p.date,
#linkedItemsContainer p.date
{
}

#linkedItemsContainer .date
{
  display: none;
}
#listingStoreDirectory .extraField
{
 display: none;
}

#listingStoreDirectory #extraField8
{
display: block;
}

#listingStoreDirectory #extraField8 span
{
display: none;
}

#listingStoreDirectory #extraField8
{
 position : relative;
  bottom : 0px;
  left: 20px;
  z-index: 2000;

}

#listingStoreDirectory #extraField8 a
{
text-decoration: none;
}

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

.grid-sizer
{
width : 33%;
}
.centerContainerInner .centerContainerInner
{
 width : 100%;
  margin :0;
  padding :0;
  overflow: hidden;
}

#listingCompetitionModule,
#listingWhatsOn,
#listingBlog,
#listingStoreDirectory,
#linkedItemsContainer
{
   width : 102.5%;
}

#listingCompetitionModule .listingItem,
#listingWhatsOn .listingItem,
#listingBlog .listingItem,
#listingStoreDirectory .listingItem,
#linkedItemsContainer .listingItem
{
width : 31%;
margin: 0 2% 2% 0;
float: left;
position :relative;
  background :none;
  overflow: hidden;
  border : 1px solid #dbdcdc;
  border-bottom: 8px solid #bfc0c1;
}


#listingStoreDirectory .listingItem
{
height: 120px;
}

#linkedItemsContainer .listingItem
{
width : 97.5%;
  margin:  0px 0px 20px 0px;
  box-sizing: border-box;
  border-bottom: 8px solid #bfc0c1;
}

#listingCompetitionModule .listingItem:hover,
#listingWhatsOn .listingItem:hover,
#listingBlog .listingItem:hover,
#listingStoreDirectory .listingItem:hover,
#linkedItemsContainer .listingItem:hover
{
border-bottom: 8px solid #693c96;
}
#linkedItemsContainer .moduleId8.listingItem:hover
{
border-bottom: 8px solid #d62249;
}
#linkedItemsContainer .moduleId11.listingItem:hover
{
border-bottom: 8px solid #693c96 !important;
}
#listingBlog .listingItem:hover,
.moduleDetailWrapperBlog #linkedItemsContainer .listingItem:hover
{
border-bottom: 8px solid #d62249;
}
#listingStoreDirectory .listingItem:hover
{
  border-bottom: 8px solid #6ebd47;
}

#listingCompetitionModule .listingItem .mask,
#listingWhatsOn .listingItem .mask,
#listingBlog .listingItem .mask,
#listingStoreDirectory .listingItem .mask,
#linkedItemsContainer .listingItem .mask
{
 display: block;
  width :0%;
  height: 0%;
  position : absolute;
  top :10%;
  left: 10%;
  background: #693c96;
  transition: 0.7s all;
  border-radius: 100%;
  opacity: 0;

}

#listingBlog .listingItem .mask
{
  background: #d62249;
}

#listingStoreDirectory .listingItem .mask
{
  background: #6ebd47;
}

#linkedItemsContainer .listingItem .mask
{
  background: #693c96;
}

.moduleDetailWrapperBlog #linkedItemsContainer .listingItem .mask
{
background: #d62249;
}
#linkedItemsContainer .listingItem.moduleId8 .mask
{
  background: #d62249;
}
#linkedItemsContainer .listingItem.moduleId11 .mask
{
  background: #693c96;
}

#listingCompetitionModule .listingItem:hover .mask,
#listingWhatsOn .listingItem:hover .mask,
#listingBlog .listingItem:hover .mask,
#listingStoreDirectory .listingItem:hover .mask,
#linkedItemsContainer .listingItem:hover .mask
{
  width :800px;
  height: 800px;
  top :-150px;
  left: -150px;
    opacity: 0.6; z-index: 998;
}



#listingCompetitionModule .listingItem .plus,
#listingWhatsOn .listingItem .plus,
#listingBlog .listingItem .plus,
#listingStoreDirectory .listingItem .plus,
#linkedItemsContainer .listingItem .plus
{
  display : block;
   position : absolute;
  top: 80%;
  left: 50%;
  margin-top: -15%;
  margin-left: -27px;
  width: 54px;
  height: 54px;
  z-index: 999;
  transform: rotate(90deg);
  opacity: 0;
  transition: 0.4s all;
  background: url(https://www.shopbethlehem.co.nz/images/style/plus.png);
}

#listingCompetitionModule .listingItem:hover .plus,
#listingWhatsOn .listingItem:hover .plus,
#listingBlog .listingItem:hover .plus,
#listingStoreDirectory .listingItem:hover .plus,
#linkedItemsContainer .listingItem:hover .plus
{
  top :55%;
  transform: rotate(0deg);
  opacity: 1;
}

#listingCompetitionModule .listingItem .cover,
#listingWhatsOn .listingItem .cover,
#listingBlog .listingItem .cover,
#listingStoreDirectory .listingItem .cover,
#linkedItemsContainer .listingItem .cover
{
  z-index : 1002;
}

#listingCompetitionModule .standardModule,
#listingWhatsOn .standardModule,
#listingBlog .standardModule,
#listingStoreDirectory .standardModule,
#linkedItemsContainer .standardModule
{

}

#listingCompetitionModule .image ,
#listingCompetitionModule .image a,
#listingCompetitionModule .image a img,
#listingCompetitionModule .image .moduleItemImage img,
#listingWhatsOn .image,
#listingWhatsOn .image a,
#listingWhatsOn .image a img,
#listingWhatsOn .image .moduleItemImage img,
#listingBlog .image,
#listingBlog .image a,
#listingBlog .image a img,
#listingBlog .image .moduleItemImage img,
#listingStoreDirectory .image ,
#listingStoreDirectory .image a,
#listingStoreDirectory .image a img,
#listingStoreDirectory .image .moduleItemImage img,
#linkedItemsContainer .image ,
#linkedItemsContainer .image a,
#linkedItemsContainer .image a img,
#linkedItemsContainer .image .moduleItemImage img
{
  float: left;
  position :relative;
  width: 100%;
}

#listingCompetitionModule .moduleItemImage ,
#listingCompetitionModule .moduleItemImage a,
#listingCompetitionModule .moduleItemImage a img,
#listingWhatsOn .moduleItemImage ,
#listingWhatsOn .moduleItemImage a,
#listingWhatsOn .moduleItemImage a img,
#listingBlog .moduleItemImage ,
#listingBlog .moduleItemImage a,
#listingBlog .moduleItemImage a img,
#listingStoreDirectory .moduleItemImage ,
#listingStoreDirectory .moduleItemImage a,
#listingStoreDirectory .moduleItemImage a img,
#linkedItemsContainer .moduleItemImage ,
#linkedItemsContainer .moduleItemImage a,
#linkedItemsContainer .moduleItemImage a img
{
  float: left;
  position :relative;
}

#listingCompetitionModule .moduleItemImage a,
#listingWhatsOn .moduleItemImage a,
#listingBlog .moduleItemImage a,
#listingStoreDirectory .moduleItemImage a,
#linkedItemsContainer .moduleItemImage a
{

}

#listingCompetitionModule .moduleItemImage img.listing,
#listingWhatsOn .moduleItemImage img.listing,
#listingBlog .moduleItemImage img.listing,
#listingStoreDirectory .moduleItemImage img.listing,
#linkedItemsContainer .moduleItemImage img.listing
{
width : 100%;
}

#listingCompetitionModule  .moduleItemContent,
#listingWhatsOn  .moduleItemContent,
#listingBlog  .moduleItemContent,
#listingStoreDirectory  .moduleItemContent,
#linkedItemsContainer  .moduleItemContent
{
  position : relative;
  float: left;
  z-index: 1000;
  background : #fff;
padding: 0px 18px 20px;
  box-sizing: border-box;
}
#linkedItemsContainer  .moduleItemContent
{
  position : relative;
  float: left;
  z-index: 1000;
  background : #fff;
padding: 0px 18px 15px;
  box-sizing: border-box;
}

#listingStoreDirectory #extraField8
{
 position : absolute;
  bottom : 0px;
  left: 20px;
  z-index: 2000;

}

#listingStoreDirectory #extraField8 a
{
text-decoration: none;
}

#listingStoreDirectory .listingItem .cover:after
{
content: " ";
position : absolute;
bottom: 10px;
left: 84%;
display: block;
width: 30px;
height: 30px;
opacity: 0;
transition : 0.4s;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_plus.png) 0px 0px no-repeat;
}

#listingStoreDirectory .listingItem:hover .cover:after
{
opacity: 1;
}

#listingCompetitionModule h2.title,
#listingWhatsOn h2.title,
#listingBlog h2.title,
#listingStoreDirectory h2.title,
#linkedItemsContainer h2.title
{

  font-family: 'cocogooseregular';
  font-size: ;
  color: #58595b;
  font-size: 17px;
    margin: 20px 0 10px;
  transition : 0.8s all;
  line-height: 1.4;
}

#listingStoreDirectory .listingItem:hover h2.title
{
 color: #6ebd47;
}
#listingStoreDirectory .listingItem:hover a
{
 color: #6ebd47;
}

#listingCompetitionModule p.date,
#listingWhatsOn p.date,
#listingBlog p.date,
#listingStoreDirectory p.date,
#linkedItemsContainer p.date
{
}

#linkedItemsContainer .date
{
  display: none;
}

}

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

.grid-sizer
{

width : 25%;
}

#listingCompetitionModule .listingItem,
#listingWhatsOn .listingItem,
#listingBlog .listingItem,
#listingStoreDirectory .listingItem,
#linkedItemsContainer .listingItem
{
width : 23%;
margin: 0 1.6% 2% 0;
}

#linkedItemsContainer .listingItem
{
width : 97.5%;
  margin:  0px 0px 20px 0px;
  box-sizing: border-box;
  border-bottom: 8px solid #bfc0c1;
}

}
/*--------------------------------------*/
.moduleDetailWrapperCompetitionModule,
.moduleDetailWrapperWhatsOn,
.moduleDetailWrapperBlog
{
  padding-top: 40px;


}


.moduleDetailWrapperWhatsOn #moduleItemContent,
.moduleDetailWrapperBlog #moduleItemContent
{
 padding-right: 0px;
}

.moduleDetailWrapperCompetitionModule #moduleItemContent h1,
.moduleDetailWrapperCompetitionModule #moduleItemContent h2,
.moduleDetailWrapperCompetitionModule #moduleItemContent h3,
.moduleDetailWrapperCompetitionModule #moduleItemContent h4,
.moduleDetailWrapperCompetitionModule #moduleItemContent p,
.moduleDetailWrapperWhatsOn #moduleItemContent h1,
.moduleDetailWrapperWhatsOn #moduleItemContent h2,
.moduleDetailWrapperWhatsOn #moduleItemContent h3,
.moduleDetailWrapperWhatsOn #moduleItemContent h4,
.moduleDetailWrapperWhatsOn #moduleItemContent p,
.moduleDetailWrapperBlog #moduleItemContent h1,
.moduleDetailWrapperBlog #moduleItemContent h2,
.moduleDetailWrapperBlog #moduleItemContent h3,
.moduleDetailWrapperBlog #moduleItemContent h4,
.moduleDetailWrapperBlog #moduleItemContent p
{
  width:98% ;
}

.moduleDetailWrapperWhatsOn .moduleItemImage ,
.moduleDetailWrapperBlog .moduleItemImage
{
width : 100%;
  float: left;
  position : relative;
  padding-top: 0px;

}

.moduleDetailWrapperWhatsOn #moduleItemContent .moduleItemImage ,
.moduleDetailWrapperBlog #moduleItemContent .moduleItemImage
{
float : right;
margin: 0px 15px 0px 40px;
  width : 40%;
}

.moduleDetailWrapperWhatsOn .moduleItemImage:before,
.moduleDetailWrapperBlog .moduleItemImage:before{
    padding-top: 80.25% !important;
  content : " ";
  position : relative;
  width : 100%;
display: none !important;
}

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

.moduleDetailWrapperWhatsOn .moduleItemImage:before,
.moduleDetailWrapperBlog .moduleItemImage:before{
    padding-top: 40.25% !important;
  content : " ";
  position : relative;
  width : 100%;
        display : none !important;

}

    }

.moduleDetailWrapperCompetitionModule h2.title,
.moduleDetailWrapperWhatsOn h2.title,
.moduleDetailWrapperBlog h2.title
{
    float: left;
  position : relative;
  width : 100%;
  color: #693c96;
    margin: 40px 0px 10px;
  font-size: 40px;
}

.moduleDetailWrapperCompetitionModule h2.title {
  color: #d4262d;
}

.moduleDetailWrapperBlog h2.title
{
  color: #d62249;
   color: #545454;
}

.moduleDetailWrapperCompetitionModule .date,
.moduleDetailWrapperWhatsOn .date,
.moduleDetailWrapperBlog .date
{
    color: #693c96;
  margin: 0px 0px 30px 0px;
font-size: 15px;
}

.moduleDetailWrapperBlog .date
{
    color: #d62249;
   color: #545454;
}

.moduleDetailWrapperCompetitionModule .date { color: #d4262d; }


.moduleDetailWrapperCompetitionModule .moduleItemDetail.id242 h2.title,
.moduleDetailWrapperCompetitionModule .moduleItemDetail.id242 .date { color: #1ca89d;}

.moduleDetailWrapperWhatsOn .extraField,
.moduleDetailWrapperBlog .extraField
{

}
.moduleDetailWrapperWhatsOn p.extraField,
.moduleDetailWrapperBlog p.extraField
{
  margin-bottom: 10px;
}

.moduleDetailWrapperWhatsOn #linkedItems,
.moduleDetailWrapperBlog #linkedItems
{

}

.moduleDetailWrapperWhatsOn #linkedItemsContainer,
.moduleDetailWrapperBlog #linkedItemsContainer
{

}

.moduleDetailWrapperWhatsOn .linkedItem .moduleItemImage:before,
.moduleDetailWrapperBlog .linkedItem .moduleItemImage:before{
display : none;
}

/*-----------------Competition --------------------*/


.moduleDetailWrapperCompetitionModule #bannerContainer
{
float: left;
position: relative;
width:100%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .moduleItemImage
{
float: left;
position: relative;
width:100%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField
{
float: left;
position: relative;
width:100%;
text-align:center;
box-sizing:border-box;
background:#693c96;
padding:20px 2%;
height: auto;
}

.moduleDetailWrapperCompetitionModule .moduleItemDetail.id311 #bannerContainer .extraField
{
background: url(https://www.shopbethlehem.co.nz/images/style/whitewash_tile.jpg) !important;

}

.moduleDetailWrapperCompetitionModule .moduleItemDetail.id242 #bannerContainer .extraField
{
background:#1ca89d;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1aa79e+0,7ecbbb+100 */
background: #1aa79e; /* Old browsers */
background: -moz-linear-gradient(left,  #1aa79e 0%, #7ecbbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1aa79e 0%,#7ecbbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1aa79e 0%,#7ecbbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa79e', endColorstr='#7ecbbb',GradientType=1 ); /* IE6-9 */

}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h1,
.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h2,
.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h3,
.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h4,
.moduleDetailWrapperCompetitionModule #bannerContainer .extraField p
{
color:#FFF;
}

.moduleDetailWrapperCompetitionModule .moduleItemDetail.id311 #bannerContainer .extraField h1,
.moduleDetailWrapperCompetitionModule .moduleItemDetail.id311 #bannerContainer .extraField h2,
.moduleDetailWrapperCompetitionModule .moduleItemDetail.id311 #bannerContainer .extraField h3,
.moduleDetailWrapperCompetitionModule .moduleItemDetail.id311 #bannerContainer .extraField h4,
.moduleDetailWrapperCompetitionModule .moduleItemDetail.id311 #bannerContainer .extraField p
{
color:#3a393d;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h2
{
margin:0px 0px 0px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h3
{
margin:5px 0px 5px;
font-size:24px;
}


.moduleDetailWrapperCompetitionModule #bannerContainer .extraField p
{
margin:25px 0px;
font-size:22px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .bannerLine
{
float: left;
position: relative;
width:100%;
border-bottom:1px solid #FFF;
margin:26px 0px 30px;
}

#moduleItemIframe{ float: left;
position: relative;width: 100%;  }
.moduleDetailWrapperCompetitionModule iframe { width: 100%; height: 950px; margin: 50px 0px 0px 0px;}
.moduleDetailWrapperCompetitionModule .fb_iframe_widget iframe {margin: 0px 10px 0px 0px;}

@media screen and (min-width: 740px) {
  
.moduleDetailWrapperCompetitionModule #bannerContainer
{
float: right;
width:50%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .moduleItemImage
{
width:100%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField
{
width:100%;
height:500px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .bannerLine
{
width:100%;
}

#moduleItemIframe{ width: 480px; }
#moduleItemIframe{ float: left;
position: relative;width: 100%;  }
.moduleDetailWrapperCompetitionModule iframe { width: 100%; height: 1050px; margin: 50px 0px 0px 0px;}

}

@media screen and (min-width: 1040px) {
  
.moduleDetailWrapperCompetitionModule #bannerContainer
{
float: left;
width:100%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .moduleItemImage
{
width:60%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField
{
  float : right;
width:38.5%;
height:367px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h2,
.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h3
{
  font-size: 20px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .bannerLine
{
width:100%;
}

#moduleItemIframe{ width:38.5%;}
#moduleItemIframe{ float: right;
position: relative; }
.moduleDetailWrapperCompetitionModule iframe { width: 100%; height: 1050px; margin: 50px 0px 0px 0px;}

}

@media screen and (min-width: 1380px) {
  
.moduleDetailWrapperCompetitionModule #bannerContainer
{
float: right;
width:100%;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .moduleItemImage
{
width:800px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField
{
  float : right;
width:480px;
height:500px;
}

.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h2  {  font-size: 32px; }
.moduleDetailWrapperCompetitionModule #bannerContainer .extraField h3  {  font-size: 22px; }

.moduleDetailWrapperCompetitionModule #bannerContainer .bannerLine
{
width:100%;
}

#moduleItemIframe{ width: 480px; }
#moduleItemIframe{ float: right;
position: relative;}
.moduleDetailWrapperCompetitionModule iframe { width: 100%; height: 900px; margin: 50px 0px 0px 0px;}

}


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

.navCategoryBlogLinks
{
  float: right;
    width: 96%;
  height: auto;
  margin: 5px 2% 25px;
}

@media screen and (min-width: 800px) {
.navCategoryBlogLinks
{
  float: right;
    width: 25%;
  height: 40vh;
      background : none;
  margin: 40px 0px 25px 0px;
}

  }

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



.navCategoryBlogLinks span.navheaders
{

}

.navCategoryBlogLinks ul#blognavlinks
{
margin: 0;
  padding: 0;
  text-align : center;
}

.navCategoryBlogLinks ul#blognavlinks li
{
  display : inline;
}

.navCategoryBlogLinks ul#blognavlinks li button
{
text-transform: uppercase;
display: inline-block;
width : auto;
  border :none;
  background : none;
border-bottom :none;
color: #693c96;
text-decoration : none;
text-align: left;
transition : 0.5s all;
box-sizing: border-box;
padding: 14px 14px 14px 30px;
position: relative;
cursor: pointer;
  font-size : 14px;
}
.navCategoryBlogLinks ul#blognavlinks li button:before,
.navCategoryBlogLinks ul#blognavlinks li button:after
{
  content: " ";
  display: block;
  width : 14px;
  height: 14px;
  position : absolute;
  top :12px;
  left :0px;
  border-radius: 100%;
  transition : 0.3s all;
}
.navCategoryBlogLinks ul#blognavlinks li button:before
{
background : transparent;
border: none;
  top :15px;
  left :3px;
}
.navCategoryBlogLinks ul#blognavlinks li button.is-checked:before
{
background : #693c96;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked
{
 background: none;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button
{
 color: #693c96;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button.is-checked:before
{
background : #693c96;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button:after
{
border: 1px solid #693c96;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button:after
{
border: 1px solid #693c96;
}
.navCategoryBlogLinks ul#blognavlinks li button:after
{
width : 18px;
height: 18px;
border: 1px solid #868b90;
}



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

.navCategoryBlogLinks span.navheaders
{

}

.navCategoryBlogLinks ul#blognavlinks
{
margin: 0;
  padding: 0;
      width : 100%;
    position : absolute;
   height: 40.1vh;
}

.navCategoryBlogLinks ul#blognavlinks li
{
display: inline-block;
  width : 100%;
  height: 20%;
float :left;
position : relative;
 margin: 0;
  padding: 0;
  float: left;
}

.navCategoryBlogLinks ul#blognavlinks li button
{
text-transform: uppercase;
display: block;
width : 100%;
  height: 100%;
  border :none;
  background : none;
position : absolute;
  top :0;
  left:0;
border-bottom :1px solid #e3e4e4;
color: #693c96;
text-decoration : none;
text-align: left;
transition : 0.5s all;
box-sizing: border-box;
padding: 0px 0px 0px 55px;
cursor: pointer;
  font-size : 14px;
}
.navCategoryBlogLinks ul#blognavlinks li button:before,
.navCategoryBlogLinks ul#blognavlinks li button:after
{
  content: " ";
  display: block;
  width : 14px;
  height: 14px;
  position : absolute;
  top : 50%;
  transform: translateY(-50%);
  left :20px;
  border-radius: 100%;
transition : 0.3s all;
}
.navCategoryBlogLinks ul#blognavlinks li button:before
{
background : transparent;
border: none;
position : absolute;
top : 50%;
transform: translateY(-50%);
left :23px;
}
.navCategoryBlogLinks ul#blognavlinks li button.is-checked:before
{
background : #693c96;
}
/*
.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(2),
.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(4)
{
 background: #8a67ad;
}

.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(2) button,
    .navCategoryBlogLinks ul#blognavlinks li:nth-of-type(4) button
{
 color: #fff;
}

.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(2) button.is-checked:before,
.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(4) button.is-checked:before
{
background : #fff;
}

.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(2) button:after,
.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(4) button:after
{
border: 1px solid #fff;
}

.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(2) button:after,
.navCategoryBlogLinks ul#blognavlinks li:nth-of-type(4) button:after
{
border: 1px solid #fff;
}
*/

.navCategoryBlogLinks ul#blognavlinks li.is-checked
{
 background: #8a67ad;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button
{
 color: #fff;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button.is-checked:before
{
background : #fff;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button:after
{
border: 1px solid #fff;
}

.navCategoryBlogLinks ul#blognavlinks li.is-checked button:after
{
border: 1px solid #fff;
}
.navCategoryBlogLinks ul#blognavlinks li button.is-checked:hover:before
{
background : #fff;
  top : 50%;
  left :23px;
}

.navCategoryBlogLinks ul#blognavlinks li button:after
{
width : 18px;

height: 18px;
border: 1px solid #868b90;

}
.navCategoryBlogLinks ul#blognavlinks li button:hover:before
{
background : transparent;
border: none;
top :17px;
left :22px;
}
.navCategoryBlogLinks ul#blognavlinks li button:hover:after
{
border: 1px solid #fff;
}

.navCategoryBlogLinks ul#blognavlinks li button:hover
{
color: #fff;
background: #8a67ad;
}

}

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

.moduleComponentContainerheaderImages
{
float: left;
width: 100%;
}

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

.moduleComponentContainerheaderImages
{
float: left;
width: 75%;
}

.moduleListingWrapperCompetitionModule  .moduleComponentContainerheaderImages
{
float: left;
width: 100%;
}

}

.leasing .moduleComponentContainerheaderImages,
.blog .moduleComponentContainerheaderImages,
.directory .moduleComponentContainerheaderImages,
.centre-info .moduleComponentContainerheaderImages,
.contact .moduleComponentContainerheaderImages,
.store-listings .moduleComponentContainerheaderImages,
.opening-hours .moduleComponentContainerheaderImages
{
width: 100%;
}

.moduleComponentheaderImages
{
position : relative;
width :100%;
height: 40vh;
margin: 40px 0px 25px 0px;
  background-position : center;
  background-repeat :no-repeat;
  background-size: cover;
}

.moduleComponentheaderImages .bannerHtmlContent:before
{
  width : 100%;
  position : relative;
  padding-top : 35%;
}

.moduleComponentheaderImages .bannerHtmlContent
{
  position: absolute;
  top: 0;
  left: 0;
background : rgba(77,38,116,0.8);
  color : #fff;
  padding: 40px;
  text-align : center;
  width : 80%;
  left : 10%;
  box-sizing: border-box;
height: 40vh;
}

.blog .moduleComponentheaderImages .bannerHtmlContent
{

width : 100%;
  left :0%;
  background : rgba(214,34,73,0.8);
}
.whats-on .moduleComponentheaderImages .bannerHtmlContent
{
width : 100%;
left :0%;
}

.directory .moduleComponentheaderImages .bannerHtmlContent,
.store-listings .moduleComponentheaderImages .bannerHtmlContent
{
width : 100%;
  left: auto;
  right:0%;
  background : rgba(110,189,71,0.8);
}

.centre-info .moduleComponentheaderImages .bannerHtmlContent
{
width : 100%;
left: auto;
right:0%;
background : rgba(0,170,185,0.8);
}

.contact .moduleComponentheaderImages .bannerHtmlContent
{
  width : 100%;
  left: 0%;
  right: auto;
  background : rgba(0,97,174,0.8);
}

.store-listings .moduleComponentheaderImages .bannerHtmlContent
{
width : 100%;
  left: auto;
  right:0%;
  background : rgba(110,189,71,0.8);
}

.opening-hours .moduleComponentheaderImages .bannerHtmlContent
{
width : 100%;
  left: auto;
  right:0%;
  background : rgba(250,198,41,0.8);
}

.blog .moduleComponentheaderImages .bannerHtmlContent .middle
{

}
.moduleComponentheaderImages .bannerHtmlContent p
{
  font-weight: normal;
  font-size: 17px;
}

.moduleComponentheaderImages h2.bannerTitle
{
   color : #fff;
  font-size: 30px;

  margin: 0px 0px;
}
@media screen and (min-width: 800px) {

  .moduleComponentheaderImages .bannerHtmlContent p
{
  font-weight: normal;
  font-size: 20px;
}

.moduleComponentheaderImages .bannerHtmlContent
{
  position: absolute;
  top: 0;
  left: 0;
background : rgba(77,38,116,0.8);
  color : #fff;
  padding: 40px;
  text-align : center;
  width : 64%;
  left : 7%;
  box-sizing: border-box;
height: 40vh;
}

.moduleListingWrapperCompetitionModule .moduleComponentheaderImages .bannerHtmlContent
{
  width : 48%;
  left :5.25%;
}


.blog .moduleComponentheaderImages .bannerHtmlContent
{
  width : 48%;
  left :5.25%;
  background : rgba(214,34,73,0.8);
}

.directory .moduleComponentheaderImages .bannerHtmlContent,
.store-listings .moduleComponentheaderImages .bannerHtmlContent
{
  width : 46.8%;
  left: auto;
  right:5.25%;
  background : rgba(110,189,71,0.8);
}

.centre-info .moduleComponentheaderImages .bannerHtmlContent
{
  width : 42%;
  left: auto;
  right:5.25%;
  background : rgba(0,170,185,0.8);
}

.contact .moduleComponentheaderImages .bannerHtmlContent
{
  width : 42%;
  left: 5.25%;
  right: auto;
  background : rgba(0,97,174,0.8);
}

.store-listings .moduleComponentheaderImages .bannerHtmlContent
{
  width : 46.8%;
  left: auto;
  right:5.25%;
  background : rgba(110,189,71,0.8);
}

.opening-hours .moduleComponentheaderImages .bannerHtmlContent
{
  width: 46.8%;
  left: auto;
  right:5.25%;
  background : rgba(250,198,41,0.8);
}

.whats-on .moduleComponentheaderImages .bannerHtmlContent
{
  width : 51.8%;
  left: auto;
  left:5.25%;
  background : rgba(105,60,150,0.8);

}

.moduleComponentheaderImages h2.bannerTitle
{
   color : #fff;
  font-size: 50px;
  margin: 0px 40px;
}


}

.moduleComponentheaderImages p
{

}



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

.standardModule[class*="moduleListingWrapper"] .listingItem:nth-child(2n+1) .moduleItemImage,
.standardModule[class*="moduleListingWrapper"] .moduleItemsListing .moduleImage,
.listingItem:nth-child(2n+1) .moduleItemImage,
.listingItem:nth-child(2n) .moduleItemImage {
    float: right !important;
    margin: 0px;
    width: auto;
}
/*----------------------Leasing------------------------*/

.leasing .moduleComponentheaderImages .bannerHtmlContent
{
width : 100%;
left : 0%;
background : rgba(243,125,73,0.8);
}

.moduleComponentContainerleasing #moduleComponent46.moduleComponent
{
width:100%;
background:#f37d49;
padding:3.5% 13% 3.5% 8%;
  margin-bottom : 35px;
box-sizing:border-box;
color:#FFF;
}

.moduleComponentContainerleasing #moduleComponent46.moduleComponent  a
{
color:#FFF;
}


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

  .leasing .moduleComponentheaderImages .bannerHtmlContent
{
width: 60%;
left: 30%;
background : rgba(243,125,73,0.8);
}

.leasing .moduleComponentheaderImages .bannerHtmlContent
{
background : rgba(243,125,73,0.8);
width : 44%;
left : 47%;
}

.moduleComponentContainerleasing
{
width:100%;
margin-top:30px;
      }

.moduleComponentContainerleasing .moduleComponent
{
float:right;
width:51%;
box-sizing:border-box;
padding: 0.5% 12% 0% 2.2%;
}

.moduleComponentContainerleasing #moduleComponent46.moduleComponent
{
float:  left;
width: 45.5%;
background: #f37d49;
padding:3.5% 5% 3.5% 5%;
color:#FFF;
  margin-top:10px;
}

}

.moduleComponentContainerleasing .moduleComponent h3
{
color:#f37d49;
margin:0px!important;
}

.moduleComponentContainerleasing .moduleComponent:nth-of-type(2)
{
margin-top:35px;
}

.moduleComponentContainerleasing .moduleComponent h2
{
color:#FFF;
font-size:30px;
display:none;
}

.moduleComponentContainerleasing .moduleComponent p
{
margin:10px 0px 24px;
}

.moduleComponentContainerleasing #moduleComponent46.moduleComponent h2
{
display:block;
color:#FFF;
font-size:30px;
}

.moduleComponentContainerleasing #moduleComponent46.moduleComponent p
{
margin:24px 0px;
}

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

.moduleComponentContainercenterInfo

{


}

.moduleComponentcenterInfo
{

}

.moduleComponentcenterInfo .bannerHtmlContent

{

}

.moduleComponentcenterInfo h2.bannerTitle
{

}

.moduleComponentcenterInfo ul
{

}

.moduleComponentcenterInfo ul li
{

}

.moduleComponentcenterInfo h1,
.moduleComponentcenterInfo h2,
.moduleComponentcenterInfo h3,
.moduleComponentcenterInfo h4,
.moduleComponentcenterInfo a

{
color: #00aab9;
}

.moduleComponentcenterInfo h2
{
text-align: center;
}

#moduleComponent56,
#moduleComponent57,
#moduleComponent58
{
float: left;
  position : relative;
  width: 100%;
  padding: 0 0% 0 0;
}

#moduleComponent56 li
{
min-height: 35px;
  padding-left: 70px;
  padding-top: 15px;
  padding-bottom: 15px;
}


#moduleComponent56 li:before
{
content: " ";
  float: left;
  position: relative;
  width: 49px;
  height: 49px;
  margin: 8px 0px 0px -78px;
background-size: 100% auto !important;
}

#moduleComponent56 li:nth-of-type(1):before
{
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_parking.png);
 margin: -13px 0px 0px -78px;
}

#moduleComponent56 li:nth-of-type(2):before
{
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_wheelchair.png);
 margin: -6px 0px 0px -78px;
}
#moduleComponent56 li:nth-of-type(3):before
{
   margin: 1px 0px 0px -78px;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_toilet.png);
}
#moduleComponent56 li:nth-of-type(4):before
{
   margin: 1px 0px 0px -78px;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_baby.png);
}
#moduleComponent56 li:nth-of-type(5):before
{
   margin: 1px 0px 0px -78px;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_dollar.png);
}
#moduleComponent56 li:nth-of-type(6):before
{
   margin: -13px 0px 0px -78px;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_slide.png);
}
#moduleComponent56 li:nth-of-type(7):before
{
   margin: -5px 0px 0px -78px;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_bus.png);
}
#moduleComponent56 li:nth-of-type(8):before
{
   margin: -13px 0px 0px -78px;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_ci_car.png);
}

#moduleComponent57
{
margin-top: 40px;
}

#moduleComponent58 p
{
  color: #333333;
}

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

#moduleComponent56
{
float: left;
  position : relative;
  width: 54%;
  padding: 20px 0% 0 5%;
}


#moduleComponent57
{
  float: left;
  position : relative;
  width: 54%;
  padding: 0 5% 0 5%;
}

#moduleComponent58
{
  float: right;
  position : relative;
  width: 23%;
  padding: 20px 5%;
    background : #c9edf0;
    text-align: center;
}

}

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

#moduleComponent107
{
  background: #0061ae;
  float: left;
  position: relative;
  width: 100%;
  height: auto;
box-sizing:border-box;
  padding: 25px;
  text-align: center;
}

#moduleComponent107 h1,
#moduleComponent107 h2,
#moduleComponent107 h3,
#moduleComponent107 h4,
#moduleComponent107 p,
#moduleComponent107 a
{
color: #fff;
}

#moduleComponent107 hr
{
border-color: #428ac3;
}

#moduleComponent108
{
  background: #b2cfe7 url(https://www.shopbethlehem.co.nz/images/style/contact_bg.png) top center no-repeat;
  float: right;
  position: relative;
  width: 100%;
  height: auto;
box-sizing:border-box;
  padding: 25px;
  text-align: center;
}

#moduleComponent108 h1,
#moduleComponent108 h2,
#moduleComponent108 h3,
#moduleComponent108 h4
{
color: #0061ae;
}

#moduleComponent108 p,
#moduleComponent108 a,
#moduleComponent108 ul
{
color: #fff;

}
#moduleComponent108 ul
{
  text-align : left;
  margin: 50px 0px 30px;
}


#moduleComponent108 li:before
{
content: " ";
  float: left;

  position: relative;
  width: 51px;
  height: 51px;
  margin: 0px 0px 0px -68px;
}

#moduleComponent108 li
{
width: 85%;
margin: 0;
padding: 0 8% 50px 14%;
float: left;
}

#moduleComponent108 li:nth-of-type(1):before
{
  background: url(https://www.shopbethlehem.co.nz/images/style/icon_car_bus_white.png);

}

#moduleComponent108 li:nth-of-type(2):before
{
  background: url(https://www.shopbethlehem.co.nz/images/style/icon_car_cycle_white.png);

}
#moduleComponent108 li:nth-of-type(3):before
{
background: url(https://www.shopbethlehem.co.nz/images/style/icon_car_white.png);
}
#moduleComponent108 li:nth-of-type(4):before
{
  background: url(https://www.shopbethlehem.co.nz/images/style/icon_parking_white.png);

}

#moduleComponent109
{
    float: left;
  position: relative;
  width: 100%;
}

#moduleComponent109 p,
#moduleComponent109 iframe
{
float: left;
position: relative;
width: 100%;
  margin: 0;
  padding: 0;
}

#moduleComponent110
{
  background: #b2cfe7;
  float: left;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 580px;
box-sizing:border-box;
  padding: 25px;
  text-align: center;
}

#moduleComponent110 h3
{
color: #fff;
  margin-bottom: 0;
}

#moduleComponent110 iframe
{
  height: 440px !important;
}

#moduleComponent110 h3:before
{
  content: " ";
  display : block;
position: relative;
  margin : -10px auto 25px;
  width : 100%;
  width : 29px;
  height : 21px;
  background : url(https://www.shopbethlehem.co.nz/images/style/icon_envelope.png) top left no-repeat;
}

#moduleComponent111
{
  background: #0061ae;
  float: right;
  position: relative;
  width: 100%;
  height: auto;
box-sizing:border-box;
  padding: 50px 75px;
  text-align: left;
}

#moduleComponent111 h1,
#moduleComponent111 h2,
#moduleComponent111 h3,
#moduleComponent111 h4,
#moduleComponent111 p,
#moduleComponent111 a
{
color: #fff;
}

#moduleComponent108
{

}

#moduleComponent108 ul li
{

}

#moduleComponent108 ul li
{

}


#moduleComponent109
{

}

#moduleComponent109 iframe
{
  pointer-events: none;
}


#moduleComponent110
{

}

#moduleComponent110 .bannerHtmlContent
{

}


#moduleComponent111
{

}

#moduleComponent111 .percentage50
{

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

#moduleComponent107
{
  width: 22%;
  height: 530px;
}


#moduleComponent108
{
  width: 78%;
  height: 530px;
box-sizing:border-box;
  padding: 25px;
}

#moduleComponent108 li
{
 width: 37%;
  padding: 0 3% 50px 10%;
}


#moduleComponent110
{
  width: 30%;
  height: 530px;
box-sizing:border-box;
  padding: 25px;
}
#moduleComponent111
{
  width: 70%;
  height: 580px;
box-sizing:border-box;
  padding: 50px 75px;
}


}


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

.moduleListingWrapperStoreDirectory
{


}

.centerContainer
{

}

.centerContainerInner
{

}

.moduleListingWrapperStoreDirectory #navBar
{
display: none;
}

.moduleListingWrapperStoreDirectory #navBar #tagCloud
{

}

.moduleListingWrapperStoreDirectory #navBar #tagCloud a
{

}

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

.moduleListingWrapperStoreDirectory #navBar
{
display: block;
}

}



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


#headerFilter
{
  margin: 10px 0 35px;

}

#headerFilter ul
{
  margin: 0;
  padding: 0;
  list-style : none;
text-align : center;
}

#headerFilter ul li
{
  display: inline-block;
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
  width: 50%;
}

#headerFilter ul li a
{
    display: inline-block;
  text-decoration: none;
  color :#fff;
  background: #dfdfe0;
  transition : 0.5s all ;
  font-family: 'cocogooseregular';
  font-size: 24px;
    width: 100%;
  padding: 15px;
box-sizing: border-box;
}

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

  #headerFilter ul li
{
  float: none;
  width: auto;
}

#headerFilter ul li a
{
  padding: 15px 65px;
      width: auto;
}

}



#headerFilter ul li a.selected,
#headerFilter ul li a:hover
{
    background: #6ebd47;
}

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

#storesNavigation ,
.moduleItemsListingStoreDirectory
{
display : none;
}

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

#storesNavigation
{
background: #6ebd47;
height: 135px;
  text-align: center;
display : block;
  }

  .moduleItemsListingStoreDirectory {
    display : block;
    }

}

#storesNavigation p.storesLabel
{
display : block;
  padding: 23px 10px;
    margin: 0;
  color: #fff;
}

#storesNavigation p.categoryFilter
{
  margin: 0;
  background: #fff;
}

#storesNavigation p.categoryFilter a
{
  display : block;
position: relative;
  padding: 24px 10px 24px 50px;
text-decoration : none;
  text-align : left;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_plus.png) 15px 26px no-repeat;
}

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

#storeSearch
{
  display : none;
}


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

#storeSearch
{
      display : block;
height: 135px;
background: #f2f2f2;
text-align: center;
border-bottom: 2px solid #d9d9da;
}

}

#storeSearch form,
#module_search_form
{
display: inline-block;
position: relative;
}

#storeSearch input.findAStoreInput
{
display: inline-block;
color: #82878c;
border: none;
padding: 18px 25px 18px 60px;
background: #fff url(https://www.shopbethlehem.co.nz/images/style/icon_magnify.png) 20px 16px no-repeat;
}

#storeSearch .moduleSearchSubmit,
.moduleSearchSubmit
{
position: absolute;
  top: 0;
  left: 0;
cursor: pointer;
  display: inline-block;
width: 53px;
height: 50px;
border: none;
background: #fff url(https://www.shopbethlehem.co.nz/images/style/icon_magnify.png) 20px 16px no-repeat;
}

a.downloadMapPdf
{
display: inline-block;
  color: #fff;
  text-decoration: none;
  margin: 42px 0px 0px 15px;
  padding: 16px 25px;
  font-size : 13px;
padding: 18px 25px 18px 70px;
background: #6ebd47 url(https://www.shopbethlehem.co.nz/images/style/icon_download.png) 30px 11px no-repeat;
}


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

#storeSearchListing
{
height: auto;
background: #f2f2f2;
text-align: center;
border-bottom: 2px solid #d9d9da;
  margin: 0px 0px 20px 0px;
  padding: 30px 0px;
}

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

#storeSearchListing
{
height: 135px;
margin: 0px 0px 20px 0px;
padding: 0px 0px;
}

}
#storeSearchListing form
{
display: inline-block;
}

#storeSearchListing input.findAStoreInput
{
display: inline-block;
color: #82878c;
border: none;
padding: 18px 25px 18px 60px;
background: #fff url(https://www.shopbethlehem.co.nz/images/style/icon_magnify.png) 20px 16px no-repeat;
}

#storeSearchListing p.categoryFilter
{
  margin: 0px 4px -21px 20px ;
  background: #fff;
  display: inline-block;
}

#storeSearchListing p.categoryFilter span
{
  float: right;
    padding: 16px 10px 17px 20px;
color: #6ebd47;
}


#storeSearchListing p.categoryFilter a
{
  display : inline-block;
    float: left;
position: relative;
  padding: 16px 10px 17px 50px;
text-decoration : none;
  text-align : left;
background: url(https://www.shopbethlehem.co.nz/images/style/icon_plus.png) 15px 15px no-repeat;
}

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

#moduleItemsListing.moduleItemsListingStoreDirectory
{
background: #f0f8ec;
overflow: auto;
position: absolute;
width : 100%;
bottom:0;
top: 0;
left: 0;
right: 0;
margin-top:-2px;
}

#moduleItemsListing.moduleItemsListingStoreDirectory .grid-sizer {
 width: 100%;
}
@media screen and (min-width: 800px) {
#listingContainer:before
{
  content: " ";
  display: block;
position: relative;
  width: 100%;
  padding-top: 208%;
}

}

#moduleItemsListing.moduleItemsListingStoreDirectory .listingItem
{
width : 100%;
  padding: 2px 10px;
    box-sizing: border-box;
}

#moduleItemsListing.moduleItemsListingStoreDirectory .listingItem p.title
{

}

#moduleItemsListing.moduleItemsListingStoreDirectory .listingItem p.title a
{
text-decoration: none;
  font-size : 13px;
}

#moduleItemsListing.moduleItemsListingStoreDirectory .listingItem #map
{

}

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

#directoryMap
{
  width: 100% !important;
margin-top : 12px;
}

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

#inverted-contain .panzoom {
min-width: 100%;
min-height: 100%;
}


path.pathBlock{
fill:none;
stroke:none;
pointer-events:all;
}

svg .pathBlock:hover  {
fill: green;
}

svg .pathBlock {
fill: red;
}

svg .pathBlock.clicked {
fill: orange;
}


#triangle:hover
{

}

.panzoom-parent
{
width: 100%;
}


.panzoom {
-webkit-backface-visibility: initial !important;
-webkit-transform-origin: 50% 50%;
}

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

.centre-info hr
{
border-color:#50c5cf;
}

/*---------------------------------*/
  .openingHours
{
position: absolute;
background: transparent;
color: #fff;
top :0px;
right :0px;
   width: 0px;
  height: 0px;
width: 0px;
box-sizing: border-box;
padding: 30px 50px;
border-radius:100% ;
overflow: hidden;
opacity: 1;
transition : 1.5s all;
transform: rotate(90deg)  scale(0.2);
z-index: -1;

  background :#ffca11;
  transform: rotate(0deg)  scale(1);
}

.openingHours .moduleComponentContaineropeningHours
{
position : relative;
top :0px;
right :0px;
width : 100%;
background :transparent;
box-sizing: border-box;
padding:0px;
}

.openingHours.selected .moduleComponentContaineropeningHours
{
top :0;
right :0;
width : 100%;
  background :#ffca11;
box-sizing: border-box;
padding: 30px 0px;

}

.openingHours.selected
{
top :60px;
right :0px;
width: 100%;
height: auto;
  border-radius: 0px;
}


.openingHours a.cover {
    position: absolute;
    z-index: 3999;
  width: 100%;
  bottom :0;
}

@media screen and (min-width: 1000px) {
.openingHours
{
position: absolute;
background: transparent;
color: #fff;
top :0px;
right :0px;
   width: 0px;
  height: 0px;
width: 0px;
box-sizing: border-box;
padding: 30px 50px;
border-radius:100% ;
overflow: hidden;
opacity: 1;
transition : 1.5s all;
transform: rotate(90deg)  scale(0.2);
z-index: -1;

background: transparent;
  transform: rotate(0deg)  scale(1);
}

.openingHours .moduleComponentContaineropeningHours
{
position : absolute;
top :0px;
right :0px;
width : 800px;
background :transparent;
box-sizing: border-box;
padding:0px;
}

.openingHours.selected .moduleComponentContaineropeningHours
{top :100px;right :13px;width : 800px;background :#ffca11;box-sizing: border-box;padding: 30px 50px;z-index: 4000;}

.openingHours.selected
{
top :0px;
right :0px;
width: 1200px;
height: 1200px;
  border-radius: 0px;
}
}


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

.openingHours h1,
.openingHours h2,
.openingHours h3,
.openingHours h4,
.openingHours p,
.openingHours a
{
    color: #fff;
  opacity: 0;
  transition: 0.3s all;
}

.openingHours.selected h1,
.openingHours.selected h2,
.openingHours.selected h3,
.openingHours.selected h4,
.openingHours.selected p,
.openingHours.selected a
{
opacity: 1;
  color: #fff;
}

.openingHours a.cover
{
  position: absolute;
  z-index: 1999;
}

.openingHours a
{
  position: relative;
  z-index: 2000;
  transition : 0.5s all;
}

.openingHours a:hover
{
 color : #f0f0f0;
}

.openingHours h2
{
font-size: 50px;
}

#openingHoursTopSlideout
{

}

.moduleComponentContaineropeningHours
{

}

.moduleComponentopeningHours
{

}

.moduleComponentopeningHours .bannerHtmlContent p
{
font-size: 18px;
}

.moduleComponentopeningHours .bannerHtmlContent p:first-child
{
  margin-top: 0px;
}

.moduleComponentopeningHours h2.bannerTitle
{

}

.moduleComponentopeningHours h2
{

}
@media screen and (min-width: 1000px) {
		.moduleComponentopeningHours .percentage50
		{
		  margin: 30px 0;
		}

    }

.moduleComponentopeningHours:nth-of-type(1) .percentage50
{box-sizing: border-box;padding: 0px 20px 0px 0px;}

@media screen and (min-width: 1000px) {
.moduleComponentopeningHours:nth-of-type(2) .percentage50
{box-sizing: border-box;padding: 0px 0px 0px 30px;}

.moduleComponentopeningHours:nth-of-type(1) .percentage50
{border-right: 1px solid #fff;margin-right: -1px;}

}

.moduleComponentopeningHours p.hours
{
margin: 3px 0px;
}

.moduleComponentopeningHours span
{
float: right;
padding-right: 12px;
}

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

.pageMask
{
display: none;
}


.pageMask.selected
{
display: block;
position: fixed;
top: 0;
right: 0;
left: 0;
 min-height: 100%;
background : none;
z-index :999;
cursor: pointer;
}

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

p.hours
{
margin: 0px 0px;
}
p.hours span
{
  float: right;
}

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

.moduleDetailWrapperStoreDirectory
{

}

#moduleItemStoreDirectory
{

}

#moduleItemStoreDirectory #directoryDetailsContent
{
    box-sizing: border-box;
  padding: 0px;
  border : none;
  float: left;
  position : relative;
  width : 100%;
}

#moduleItemStoreDirectory h2.title
{
 font-size : 30px;
}

#moduleItemStoreDirectory h2.title,
#moduleItemStoreDirectory a
{
  margin: 0;
text-decoration: none;
  color: #6ebd47;
}

#moduleItemStoreDirectory #contactDetails
{
margin: 0px 0px 20px;
}

#moduleItemStoreDirectory #contactDetails p
{
margin: 2px 0px;
}

#moduleItemStoreDirectory #contactDetails h3
{
    color: #6ebd47;
  margin: 25px 0px;
}

#moduleItemStoreDirectory #contactDetails .extraField


{

}

#moduleItemStoreDirectory #contactDetails #extraField8
{

}

#moduleItemStoreDirectory #contactDetails #extraField9
{

}

#moduleItemStoreDirectory #contactDetails #extraField10
{

}

#moduleItemStoreDirectory #contactDetails #extraField11
{
display: none;
}

#moduleItemStoreDirectory h3
{
    color: #6ebd47;
}

#moduleItemStoreDirectory p
{

}

#moduleItemStoreDirectory strong
{

}

#moduleItemStoreDirectory hr

{
  border-color: #6ebd47;
margin: 35px 0px 20px;
}

#moduleItemStoreDirectory #openHours #extraField8,
#moduleItemStoreDirectory #openHours #extraField9,
#moduleItemStoreDirectory #openHours #extraField10,
#moduleItemStoreDirectory #openHours #extraField12
{
  display: none;
}

#moduleItemStoreDirectory #openHours #extraField11
{
text-align: right ;
  width : 100%;
}

#moduleItemStoreDirectory #openHours .extraField
{

}

#moduleItemStoreDirectory #openHours h3
{
  float : left;
  width : 100%;
text-align: left;
}

#moduleItemStoreDirectory #openHours strong
{
  float : left;
}

#moduleItemStoreDirectory #openHours p
{

}

#directoryMapDetail
{
    box-sizing: border-box;
  padding: 0px;
  float: right;
  position : relative;
  width : 100%;
}

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

#moduleItemStoreDirectory #directoryDetailsContent
{
    box-sizing: border-box;
  padding: 25px;
  border : 2px solid #efeff0;
  float: left;
  position : relative;
  width : 47.9%;
}

#directoryMapDetail
{
    box-sizing: border-box;
  padding: 0px;
  float: right;
  position : relative;
  width : 50.3%;
}

#moduleItemStoreDirectory #openHours #extraField11
{
text-align: right ;
  width :60%;
}

}

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



.moduleComponentContaineropeningHoursContent,
.moduleComponentopeningHoursContent
{
float:left;
position: relative;
  width : 100%;
}
.moduleComponentopeningHoursContent .bannerHtmlContent
{

}

.moduleComponentopeningHoursContent .bannerHtmlContent p.hours
{
width : 100%;
}

.moduleComponentopeningHoursContent .bannerHtmlContent p.hours span
{

}

.moduleComponentopeningHoursContent .bannerHtmlContent h2
{
color: #fec933;
}

.moduleComponentopeningHoursContent .bannerHtmlContent h3
{
  color: #fec933;
  margin-top: 30px;
  margin-bottom: 10px;
}

#moduleComponent167.moduleComponentopeningHoursContent
{
    width : 100%;
}

#moduleComponent168.moduleComponentopeningHoursContent
{
    width : 100%;
  box-sizing :border-box;
  padding:0px;
}




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


.moduleComponentContaineropeningHoursContent,

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

}

.moduleComponentopeningHoursContent .bannerHtmlContent p.hours
{
width : 70%;
}

.moduleComponentopeningHoursContent .bannerHtmlContent p.hours span
{

}

.moduleComponentopeningHoursContent .bannerHtmlContent h2
{
color: #fec933;
}

.moduleComponentopeningHoursContent .bannerHtmlContent h3
{
color: #fec933;
margin-top: 30px;
margin-bottom: 0px;
}

#moduleComponent167.moduleComponentopeningHoursContent
{
width : 50%;
}

#moduleComponent168.moduleComponentopeningHoursContent
{width : 50%;box-sizing :border-box;/* padding: 50px 120px 0px 20px; */}

}

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

.hideImage .plus
{
  display: none !important;
}

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

#filters.directoryFilters
{
position : absolute;
top: 0;
bottom: 0px;

height: auto;
z-index: 1000;
right: 0;
left: 0;
background: #fff;

transition: 0.5s opacity;
opacity: 0;
overflow: hidden;
}

#filters.directoryFilters.selected
{
opacity: 1;
}

#filters.directoryFilters ul#blognavlinks
{
  position: relative;
  z-index: -1;
margin: 0;
  padding: 6px 14px 6px 30px;
}

#filters.directoryFilters.selected ul#blognavlinks
{
  position: relative;
  z-index: 2000;
}

#filters.directoryFilters li
{
margin: 9px 0px;
padding: 0;
position: relative;
line-height: 1;
}

#filters.directoryFilters li.is-checked
{

}

#filters.directoryFilters button
{
  border : none;
  background :none;
color: #82878c;
}


#filters.directoryFilters li button:before,
#filters.directoryFilters li button:after
{
  content: " ";
  display: block;
  width : 14px;
  height: 14px;
  position : absolute;
  top: 0px;
  left: -16px;
  border-radius: 100%;
  transition : 0.3s all;
}
#filters.directoryFilters li button:before
{
background : transparent;
border: none;
  top :3px;
  left :-13px;
}
#filters.directoryFilters li button.is-checked:before
{
background : #6ebd47;
}

#filters.directoryFilters li.is-checked
{
 background: none;
}

#filters.directoryFilters li.is-checked button
{
 color: #82878c;
}

#filters.directoryFilters li.is-checked button.is-checked:before
{
background : #6ebd47;
}

#filters.directoryFilters li.is-checked button:after
{
border: 1px solid #6ebd47;
}

#filters.directoryFilters li.is-checked button:after
{
border: 1px solid #6ebd47;
}
#filters.directoryFilters li button:after
{
width : 18px;

height: 18px;
border: 1px solid #868b90;
}

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

#categoryFilterContainer
{
 display: inline-block;
  position: relative;
}


#filters.directoryFilters.listing
{
position : absolute;
top: 0;
bottom: 0px;
height: 0px;
z-index: 1000;
right: 0;
left: 0;
background: #fff;
transition: 0.5s opacity;
opacity: 0;
overflow: hidden;
text-align: left;
}

#filters.directoryFilters.selected
{
opacity: 1;
  height: 380px;
overflow: visible;
  z-index: 3000;
}


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

#openingHoursRightSlideout.openingHours
{
position: absolute;
background: transparent;
color: #fff;
top :0px;
right :0px;
   width: 0px;
  height: 0px;

width: 0px;
box-sizing: border-box;
padding: 30px 50px;
border-radius:100% ;
overflow: hidden;
opacity: 1;
transition : 1.5s all;
transform: rotate(90deg)  scale(0.2);
z-index: -1;


  background :#ffca11;
  transform: rotate(0deg)  scale(1);
}

#openingHoursRightSlideout.openingHours .moduleComponentContaineropeningHours
{
position : relative;
top :0px;
right :0px;
width : 100%;
background :transparent;
box-sizing: border-box;
padding:0px;
}

#openingHoursRightSlideout.openingHours.selected .moduleComponentContaineropeningHours
{
top :0;
right :0;
width : 100%;
  background :#ffca11;
box-sizing: border-box;
padding: 30px 0px;

}

#openingHoursRightSlideout.openingHours.selected
{
top :60px;
right :0px;
width: 100%;
height: auto;
  border-radius: 0px;

}


#openingHoursRightSlideout.openingHours a.cover {
    position: absolute;
    z-index: 1999;
  width: 100%;
  bottom :0;
}

@media screen and (min-width: 1000px) {
#openingHoursRightSlideout.openingHours
{
position: absolute;
background: transparent;
color: #fff;
top :0px;
right :0px;
   width: 0px;
    height: 500px;
width: 0px;
box-sizing: border-box;
padding: 30px 50px;
border-radius:0% ;
overflow: hidden;
opacity: 1;
transition : 0.5s all;
transform: rotate(90deg)  scale(0.2);
z-index: -1;

background: transparent;
  transform: rotate(0deg)  scale(1);
}

#openingHoursRightSlideout.openingHours .moduleComponentContaineropeningHours
{
position : absolute;
top :0px;
right :0px;
width : 800px;
    height: 700px;
background :transparent;
box-sizing: border-box;
padding:0px;
}

#openingHoursRightSlideout.openingHours.selected .moduleComponentContaineropeningHours
{
top :100px;
right :13px;
width : 900px;
  background :#ffca11;
box-sizing: border-box;
padding: 0px 50px;
}

#openingHoursRightSlideout.openingHours.selected
{
position: fixed;
    top :70px;
right :-20px;
width: 900px;
    background: none;
height: 700px;
  border-radius: 0px;
z-index: 3333;
  }
}


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

#openingHoursRightSlideout.openingHours h1,
#openingHoursRightSlideout.openingHours h2,
#openingHoursRightSlideout.openingHours h3,
#openingHoursRightSlideout.openingHours h4,
#openingHoursRightSlideout.openingHours p,
#openingHoursRightSlideout.openingHours a
{
    color: #fff;
}

#openingHoursRightSlideout.openingHours a.cover
{
  position: absolute;
  z-index: 1999;
}

#openingHoursRightSlideout.openingHours a
{
  position: relative;
  z-index: 2000;
  transition : 0.5s all;
}

#openingHoursRightSlideout.openingHours a:hover
{
 color : #f0f0f0;
}

#openingHoursRightSlideout.openingHours h2
{
  margin: 0;
font-size: 30px;
}

#openingHoursTopSlideout
{

}

#openingHoursRightSlideout .moduleComponentContaineropeningHours
{

}

#openingHoursRightSlideout .moduleComponentopeningHours
{

}

#openingHoursRightSlideout .moduleComponentopeningHours .bannerHtmlContent p
{
font-size: 18px;
}

#openingHoursRightSlideout .moduleComponentopeningHours .bannerHtmlContent p:first-child
{
  margin-top: 0px;
}

#openingHoursRightSlideout .moduleComponentopeningHours h2.bannerTitle
{

}

#openingHoursRightSlideout .moduleComponentopeningHours h2
{

}

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

#openingHoursRightSlideout .moduleComponentopeningHours .percentage50
{
  margin: 30px 0;
}

    }

#openingHoursRightSlideout .moduleComponentopeningHours:nth-of-type(1) .percentage50
{
box-sizing: border-box;
padding: 0px 20px 0px 0px;
}

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

#openingHoursRightSlideout .moduleComponentopeningHours:nth-of-type(2) .percentage50
{
box-sizing: border-box;
padding: 0px 0px 0px 30px;
}

#openingHoursRightSlideout .moduleComponentopeningHours:nth-of-type(1) .percentage50
{
border-right: 1px solid #fff;
margin-right: -1px;
}

}

#openingHoursRightSlideout .moduleComponentopeningHours p.hours
{
margin: 3px 0px;
}

#openingHoursRightSlideout .moduleComponentopeningHours span
{
float: right;
padding-right: 12px;
}

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

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

#mc_embed_signup input.email,
#mc_embed_signup input.first
{
    color: #fff !important;
-webkit-text-fill-color:#fff;
background: #80d5dc !important;

border: none;
width: 100%;
max-width: 184px;
float: none;
padding: 15px 30px 15px 60px;
margin: 20px 10px 0px 10px;
box-shadow: none;
font-size: 15px;
font-weight: normal;
transition: 0.5s all;
position: relative;
-webkit-appearance: none;
}

#mc_embed_signup input.first
{
  max-width: 300px;
   padding: 15px 30px 15px 60px;
  margin: 20px 0px 0px 0px;
  box-sizing : border-box;
}


}



.blog td
{
	vertical-align: middle;
	padding: 0 15px
}