ul,
ul li{
padding:0px 0px 0px 10px;
margin: 0px 0px 10px 5px;
list-style: disc;
}

ul li{
margin: 0px 0px 5px 20px;
}

img{
max-width:100% !important;
max-height:100% !important;
}

/*-------------------------------*/
.centerContainer {
width: 100%;
margin: 0 auto;
}
.centerContainerInner {width: 94%;margin: 0px 0% 0;padding: 0;}
@media screen and (min-width: 740px) {
.centerContainer {
width: 100%;
margin: 0 auto;
}
.centerContainerInner {
width: 100%;
margin: 0;
padding: 0;
}

}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {
.centerContainer {
width: 1044px;
}
.centerContainerInner {
width: 1024px;
margin: 0 10px;
padding: 0px 0px;
}
#header .centerContainerInner {
width: 1024px;
margin: 0 10px;
padding: 0px 0px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


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

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

.navigation-wrapper
{
background: #fff;
}

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

#header
{
height: auto;
}

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

#header
{
height: auto;
}

#header.stuck
{
    position: fixed;
    top:0;
    left:0;
    right:0;
	box-shadow: none;
}

}

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

a#logo
{
float: left;
display: block;
width: 257px;
height: 72px;
margin: 20px auto 10px;
}

a#logo span
{
display: none;
}

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

a#logo
{
display: inline-block;
width: 261px;
height: 54px;
margin: 28px auto 25px;
transition: 0.2s all;
}

a#logo span
{
display: none;
}


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

#header.stuck .headerNavigation
{
margin: 45px 0px 0px 0px;
}

}

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

#header a#logo
{
margin: 20px 0px 33px 10px;
}

#header.stuck .headerNavigation
{
margin: 18px 0px 0px 10px;
}

#subNavDefault ul li
{
padding:10px 0px!important;
}

}

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

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

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

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


}

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

  p#tagLine
{
  float: right;
}

#header.stuck p#tagLine
{
display: none;
}
}

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


#header .siteSearchContainer
{
position: relative;
float: right;
width: auto;
margin: 25px 0px 15px 30px;
padding: 0;
  top: 0;
  right: 0;
background: none !important;
}

#header .siteSearchContainer span.searchLabel
{
display: none;
}

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

#header .siteSearchContainer input.siteSearchInput
{
  min-width: 200px;
border: 1px solid #ededed;
font-size: 15px;
width: 100%;
border-radius: 0px;
padding: 8px 10px 8px 10px;
margin: 0px 0px 0px 0px;
background: transparent;
color: #555659;
text-transform: none;
transition : 0.8s all;
position: relative;
z-index: 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

#header .siteSearchContainer input.siteSearchSubmit
{
position: absolute;
top: 7px;
right: 10px;
border-radius: 0;
width: 23px;
height: 21px;
cursor: pointer;
border: none;
color: #b2b2b2;
background: none;
transition: 0.3s all;
}

#header .siteSearchContainer input.siteSearchSubmit:hover
{
color: #0081b9;
}

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

}

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

#header.stuck .siteSearchContainer
{
display: none;
}

}

/*-------------------------------------*/
.menu-collapser{
height:48px;
padding:0 8px;
font-size:16px;
line-height:48px;
background:none;
}

.collapse-button{
position:absolute;
right:8px;
top:50%;
width:40px;
padding:7px 10px;
font-size:14px;
text-align:center;
border-radius:2px;
}

.collapse-button:hover,
.collapse-button:focus{}
.collapse-button .icon-bar{
height:2px;
width:18px;
margin:2px 0;
border-radius:1px}

.headerNavigation
{
margin:62px 0px 0px 0px;
}

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

.headerNavigation
{
position:absolute;
top:40px;
right:0px;
margin:0px 1% 0px 1%;
width:98%;
}

.headerNavigation ul li a
{
font-size:16px!important;
}

.headerNavigation > ul li.login-anchor a,
.headerNavigation > ul li.renew-upgrade-anchor a
{
width:100%;
font-size:16px!important;
font-weight:900!important;
padding: 4px 10px 6px!important;
margin:0px!important;
color:#ec4851!important;
background:#FFF!important;
}

.headerNavigation > ul li.login-anchor a
{
  color:#5bbfc4!important;
}

.headerNavigation > ul li.apply-button-anchor a
{
width:100%;
font-size:16px!important;
font-weight:900!important;
padding: 4px 10px 6px!important;
margin:0px!important;
color:#aed137!important;
background:#FFF!important;
}


}



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

.headerNavigation > ul li ul{
margin:0;
  padding:0;
}
.headerNavigation > ul li ul li{}
.headerNavigation > ul li>ul{}
.headerNavigation > ul li>ul>li ul{}
.headerNavigation > ul li a{
padding:4px 10px 6px;
font-size:14px;
font-weight:900;
text-decoration: none;
text-transform:lowercase;
  transition: 0.3s all;
}



.headerNavigation > ul li.has-submenu > a{
padding:4px 10px 6px;
font-size:14px;
font-weight:900;
text-decoration: none;
text-transform:lowercase;
}

.headerNavigation > ul li a:hover{}

.headerNavigation > ul li .sub-toggle{right:0;top:0;width:30px;text-align:center;display: block;}

.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-size: 12px;
}

.headerNavigation > ul>li{}
.headerNavigation > ul>li:first-child{}
.headerNavigation > ul>li.has-submenu+li{}


.headerNavigation > ul li a:hover
{
color:#ec4851;
}

.headerNavigation > ul li a.menuSelected,
.headerNavigation > ul li a.childSelected
{
color:#ec4851;
}

.headerNavigation > ul li ul
{
width:200px!important;
padding:5px 0px 10px;
background:#FFF!important;
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.1);
}

.headerNavigation > ul li ul li
{
padding:5px 0px;
background:#FFF!important;
width:100%!important;
}

.headerNavigation > ul li ul li a
{
font-weight : normal;
padding:0px 18px 0px;
}

.headerNavigation ul li ul.virtualModuleMenu
{
display:none!important;
}

.headerNavigation > ul li.renew-upgrade-anchor a
{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#FFF;
padding:4px 18px 6px 17px;
background:#ec4851;
font-weight:400;
margin-left:10px;
}

.headerNavigation > ul li.renew-upgrade-anchor a:hover
{
background:#000;
}

.headerNavigation > ul li.login-anchor a
{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#FFF;
padding:4px 18px 6px 17px;
background:#5bbfc4;
font-weight:400;
margin-left:10px;
}

.headerNavigation > ul li.login-anchor a:hover, .headerNavigation > ul li.apply-button-anchor a:hover
{
background:#000;
}

.headerNavigation li.our-staff-anchor{
margin:0px!important;
padding:0px;
}

.headerNavigation li.our-staff-anchor a{
font-weight:400!important;
margin-left:8px!important;
padding:0px;
}

.renew-upgrade-anchor {
    position: absolute !important;
    top: -34px;
    right: 0;
}

.login-anchor {
    position: absolute !important;
    top: -34px;
    right: 142px;
}

.headerNavigation > ul li.apply-button-anchor a
{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#FFF;
padding:4px 18px 6px 17px;
background:#aed137;
font-weight:400;
margin-left:10px;
}

.apply-button-anchor {
    position: absolute !important;
    top: -34px;
    right: 222px;
}

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

  .headerNavigation > ul li ul {
    width: 100% !important;
}

.renew-upgrade-anchor {
    position: relative !important;
    top: 0;
    right: 0;
}

.apply-button-anchor {
    position: relative !important;
    top: 0;
    right: 0;
}

.login-anchor {
    position: relative !important;
    top: 0;
    right: 0;

}


}

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

#sectionNav
{
display:none;
}

#sectionNav a.title
{
  display: inline-block;
 text-decoration: none;
  padding:10px 20px 10px 10px;
}

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

}

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

}

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

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

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


}

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

.headerNavigation > ul li .sub-toggle{right:0;top:0;width:30px;text-align:center;display:block;}

}


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

.sy-controls,
.sy-pager
{
display: none !important;
}

.moduleComponentContainerhomeBanners
{
float: left;
position: relative;
width: 100% !important;
height: 122px !important;
}

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

.moduleComponenthomeBanners .centerContainer
{
height: 122px !important;
}

.moduleComponenthomeBanners .centerContainerInner
{
height: 122px !important;
}

.moduleComponenthomeBanners .bannerHtmlContent
{
position: relative;
display: inline-block;
top: 50%;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
}

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

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

.moduleComponenthomeBanners a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.moduleComponenthomeBanners p
{

}

.moduleComponenthomeBanners h1
{
display: inline-block;
background:#fff;
color: #0081b9;
padding: 16px 0px 20px;
text-transform: uppercase;
font-size: 44px;
margin: 8px 0px;
}

.moduleComponent37 h1
{
background:#fff;
padding: 16px 24px 20px;
font-size: 44px;
margin: 8px 0px;
}

.moduleComponent37 p
{
font-size: 20px;
}

.moduleComponent38 .middle
{
top: 21%;
}
.moduleComponent38 h1
{
font-size: 34px;
margin: 0px 0px 0px;
}

.moduleComponent38 .middle p
{
color: #50514f;
font-size: 20px;
margin:3px 0px;
}

@media screen and (min-width:500px) {
.moduleComponentContainerhomeBanners{ height: 200px !important; }
.moduleComponenthomeBanners { height: 200px !important; }
.moduleComponenthomeBanners .centerContainer { height: 200px !important; }
.moduleComponenthomeBanners .centerContainerInner { height: 200px !important; }
}
@media screen and (min-width:600px) {
.moduleComponentContainerhomeBanners{ height: 270px !important; }
.moduleComponenthomeBanners { height: 270px !important; }
.moduleComponenthomeBanners .centerContainer { height: 270px !important; }
.moduleComponenthomeBanners .centerContainerInner { height: 270px !important; }
}
@media screen and (min-width:840px) {

.moduleComponentContainerhomeBanners{ height: 360px !important; }
.moduleComponenthomeBanners { height:360px !important; }
.moduleComponenthomeBanners .centerContainer { height: 360px !important; }
.moduleComponenthomeBanners .centerContainerInner { height: 360px !important; }

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

.moduleComponentContainerhomeBanners{ height: 512px !important; }
.moduleComponenthomeBanners { height: 512px !important; }
.moduleComponenthomeBanners .centerContainer { height: 512px !important; }
.moduleComponenthomeBanners .centerContainerInner { height: 512px !important; }

}

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


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

.sy-controls,
.sy-pager
{
display: none !important;
}

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

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

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

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

.moduleComponentheaderBanners:before
{
 content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}



.moduleComponentheaderBanners .bannerHtmlContent
{
width: auto;
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: #FFF;
font-size: 30px;
font-weight: bold;
}

.moduleComponentheaderBanners p,
.moduleComponentheaderBanners a
{
color: #FFF;
font-size:20px;
}

.moduleComponentheaderBanners a{

}

.moduleComponentheaderBanners p
{

}

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

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

}

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

#homeContent,
#defaultContent
{
background: #fff;
padding: 0px 0px;
}

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

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

}

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




#pageEditorContent
{
width:80%!important;
padding:35px 10%;
}

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

.products #pageEditorContent
{
padding: 0px 0px 35px;
}

.product-details #pageEditorContent
{
padding: 0px 0px 0px;
}
#pageEditorContent p
{

}


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

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

}

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

#ourBenefits
{

}

.moduleComponentContainerourBenefits
{
margin:0;
width: 100%;
}

.moduleComponentContainerourBenefits .moduleComponentourBenefits a
{
text-decoration: none;
}

.moduleComponentourBenefits
{
margin: 80px 0px;
width: 90%;
height: 290px;
padding: 30px 5% 0;
border-radius: 0px 10px 10px 10px;
}

.moduleComponentourBenefits h2.bannerTitle
{
position: absolute;

bottom:0;
left: 0;
font-weight: 900;
font-size: 24px;
text-transform: uppercase;
color: #fff;
padding: 0px 10px 0px 30px;
height: 65px;
z-index:150;
display: none;
}

.moduleComponentourBenefits .gradientBottom.cover
{
opacity:0;
}

.moduleComponentourBenefits .bannerHtmlContent
{
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
width: 90%;
height: 310px;
padding: 20px 5%;
border-radius: 0px 10px 10px 10px;
transition: 0.5s all ;
}

body#home .moduleComponentourBenefits .bannerHtmlContent p
{
font-size: 16px;
}

.moduleComponentourBenefits.moduleComponent33 .bannerHtmlContent
{
background: #f25f5c;
}

.moduleComponentourBenefits.moduleComponent34 .bannerHtmlContent
{
background: #70c1b3;
}

.moduleComponentourBenefits.moduleComponent35 .bannerHtmlContent
{
background: #0081b9;
}

.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent
{
background: #ffe066;
}

.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent h1,
.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent h2,
.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent h3,
.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent h4,
.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent p,
.moduleComponentourBenefits.moduleComponent36 .bannerHtmlContent a,
.moduleComponentourBenefits.moduleComponent36:hover h2 a
{
color: #333 !important;
}

.moduleComponentourBenefits:hover .bannerHtmlContent
{
opacity: 1;
}

.moduleComponentourBenefits .bannerHtmlContent p
{
font-size: 15px;
}

.moduleComponentourBenefits a.cover
{
border-radius: 0px 10px 10px 10px;

}

.moduleComponentourBenefits:hover a.cover
{
border-radius: 0px 10px 10px 10px;
background: none;
}






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


}

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


.moduleComponentourBenefits h2.bannerTitle
{
display: block;
}


.moduleComponentourBenefits
{
margin-left: 65px;
}

.moduleComponentourBenefits .bannerHtmlContent h2.bannerTitle
{
display: block;
}


.moduleComponentContainerourBenefits
{
width:100% !important;
margin:0 0% !important;
text-align: center;
}

.moduleComponentourBenefits
{
display: inline-block;
float: none;
padding: 30px 30px 0;
width: 190px;
height: 320px;
margin-left: 50px;
}


.moduleComponentourBenefits .gradientBottom.cover
{
opacity:1;
}

}

@media screen and (min-width:1040px) {
.headerNavigation > ul li .sub-toggle{right:0;top:0;width:30px;text-align:center;display: none;}

.moduleComponentourBenefits h2.bannerTitle
{
display: block;
}

.moduleComponentourBenefits .bannerHtmlContent h2.bannerTitle
{
display: none;
}


.moduleComponentourBenefits:hover .bannerHtmlContent h2.bannerTitle
{
display: none;
}

.moduleComponentContainerourBenefits
{
text-align: left;
}

.moduleComponentContainerourBenefits
{
width:80%;
float: none;
margin:0 10%;
position: relative;
display : block;
}

.moduleComponentourBenefits
{
padding: 30px 30px 0;
width: 190px;
height: 320px;
margin-left: 3px;
}

.moduleComponentourBenefits .bannerHtmlContent
{
width: 190px;
opacity: 0;
padding: 20px 30px;
}

.moduleComponentourBenefits h2.bannerTitle
{
display: block;
}

}


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

#brands
{
padding: 40px 0px;
}

ul.moduleComponentourBrands
{
margin:0;
padding:0;
text-align: center;
}

ul.moduleComponentourBrands li
{
display: inline-block;
float: none;
height: 60px;
margin:0px 14px;
padding:0;
overflow: hidden;
}

.moduleComponentourBrands .bannerImageContainer
{

height: 60px;
opacity:0.8;
transition: 0.5s all;
}

.moduleComponentourBrands .bannerImageContainer:hover
{
opacity: 1;
}

.moduleComponentourBrands img
{
position: relative;
display: inline-block;
top: 50%;
width: auto;
height: 60px !important;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.moduleComponentourBrands h2.bannerTitle
{


}

.moduleComponentourBrands .bannerHtmlContent
{

}


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

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

}

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

#testimonials
{

}

.moduleComponentourWork
{

}

.moduleComponentourWork  .componentItem
{
float: left;
position: relative;
width: 100%;
margin: 60px 0px;
background: #fff;
}

.moduleComponentourWork  .title
{

}

.moduleComponentourWork  .title a
{

}

.moduleComponentourWork .textMultipleImageContainer .moduleItemImage
{
display: none;
}

.moduleComponentourWork .textMultipleImageContainer .moduleItemImage img.component
{
float: right;
margin:0;
padding:0;
}

.moduleComponentourWork .componentItem .content
{
float: left;
position: relative;
width: 92%;
padding: 4%;
font-size: 15px;
}

.moduleComponentourWork .componentItem .content h2,
.moduleComponentourWork .componentItem .content a
{
color: #50514f;
}

.moduleComponentourWork .componentItem .readMore
{

}

.moduleComponentourWork .componentItem .readMore a
{
text-transform:uppercase;
text-decoration: none;
color: #0081b9;
}

.moduleComponentourWork .componentItem .textMultipleImageContainer,
.moduleComponentourWork .componentItem .textMultipleImageContainer img
{
float: left;
width:100% !important;
}

.moduleComponentourWork .singleImage
{
display: none;
}

.moduleComponentourWork .singleImage img
{
width: 100%;
height: auto;
}

.moduleComponentourWork .moduleItemImage img
{
float: left;

}

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

.moduleComponentourWork .singleImage
{
position: absolute;
bottom:0;
right : 0;
width: 120px;
height: auto;
background: #fff;
padding: 15px;
display: block;
}

.moduleComponentourWork .textMultipleImageContainer .moduleItemImage
{
display: block;
}

.moduleComponentourWork .componentItem .content
{
float: left;
position: relative;
width: 92%;
padding: 4%;
font-size: 15px;
}

}
@media screen and (min-width:1040px) {
.moduleComponentourWork .componentItem .textMultipleImageContainer,
.moduleComponentourWork .componentItem .textMultipleImageContainer img
{
float: right;
width:auto !important;
}

.moduleComponentourWork .componentItem .content
{
float: left;
position: relative;
width: 27%;
padding: 4%;
font-size: 15px;
}

}

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

#footer
{
 margin-top: 0;
}

#footer .centerContainerInner
{
background:#555354!important;
}

#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 ul.socialMediaIcons li a.facebookIcon
{
display: inline-block;
width: 26px;
height: 26px;
margin: 0px 0px 0px 0px;
}

#footer ul.socialMediaIcons li a.youtubeIcon
{u
display: inline-block;
width: 64px;
height: 26px;
}

#footer ul.socialMediaIcons li a.linkedInIcon
{
display: inline-block;
width: 26px;
height: 26px;
margin: 0px 0px 0px 0px;
}

#footer a.linkedInIcon span,
#footer a.youtubeIcon span,
#footer a.facebookIcon span
{
display: none;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer p,
#footer a,
#footer ul,
#footer li
{
font-size: 15px;
margin:0;
padding:0;
color: #fff;
text-decoration: none;
}

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


#footer h1,
#footer h2,
#footer h3,
#footer h4
{
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
margin: 45px 0px 12px 0px;
}

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

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

}

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

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

#footer
{
padding:0px 10px;
box-sizing:border-box;
}

}

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

.moduleComponentContainerfooterContactInformation
{

}

.moduleComponentfooterContactInformation
{

}

.moduleComponentfooterContactInformation h2.bannerTitle
{

}

.moduleComponentfooterContactInformation .bannerHtmlContent
{

}

.moduleComponentfooterContactInformation .bannerHtmlContent p
{

}

.moduleComponentfooterContactInformation .bannerHtmlContent a
{

}

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

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

}

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

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

p#copyright
{
border-top: 1px solid #b9b9b9;
margin: 30px 0px 10px;
padding: 9px 0px;
}

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

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

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

}

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

#pageTitle h1.contentPageTitle
{
text-transform: uppercase;
font-size: 28px;
font-weight: 900;
text-align: center;
background:#FFF!important;
}

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

#pageTitle h1.contentPageTitle
{
text-align: center;
}
}
@media screen and (min-width:840px) {

#pageTitle h1.contentPageTitle
{
text-align: left;
}

}

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


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

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

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

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

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

/* --- Plans and showhomes sizing ---- */

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

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

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

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

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

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


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

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

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

#workGallery .html5gallery-container-0
{
}

#workGallery .html5gallery:before
{
display: inline-block;
content: " ";
padding-top:100%;
}

#workGallery:after
{
content : " ";
display: block;
position : relative;
padding-top: 90%;
}

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

#workGallery .html5gallery:before
{
display: inline-block;
content: " ";
padding-top:134%;
}


#workGallery:after
{
padding-top: 65%;
}

}

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

#workGallery .html5gallery:before
{
display: inline-block;
content: " ";
padding-top:138%;
}


#workGallery:after
{
padding-top: 63%;
}

}

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

#workGallery .html5gallery:before
{
display: inline-block;
content: " ";
padding-top:132%;

}



#workGallery:after
{
padding-top: 60%;
}

}

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

#workGallery .html5gallery:before
{
display: inline-block;
content: " ";
padding-top:128%;
}


#workGallery:after
{
padding-top: 56.5%;
}





}

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





/*--------*/
#youtubeFeedContainer {
float: left;
position: relative;
width: 100%;
margin: 35px 0 0 0;

}
#youtubeFeedContainer h2{
color: #4c4c4c;
margin: 0 0 10px;
padding: 0;
}
#youtubeFeedContainerInner{
float: left;
position: relative;
width: 100%;
height: auto;
padding: 0px 0%;
background: #fff;
}
#youtubeFeedContainer #youmax{
background: none;
text-transform: uppercase;
font-size: 100%;
margin: 0 auto;
max-width: 500px;
overflow-x: hidden;
text-align: center;
width: 100%;
}
#youmax-header{
display: none;
}
#youmax-tabs {
background: none;
border: none;
font-size: 100%;
padding: 0 0 0;
text-align: left;
}
.youmax-tab {
    background-color: rgb(230, 230, 230);
    color: #50514f;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0% 20px 2px;
    padding: 10px 2.9%;
width:27%;
font-weight: bold;
text-align: center;
background: #eaeaea;
    text-shadow: none;
}
.youmax-tab-hover {
    background-color: #50514f;
    color: #fff;
    text-shadow: 0 0;
}
div#youmax-load-more-div {
border: 1px solid #ccc;
cursor: pointer;
font-size: 18px;
margin: 15px 30px;
padding: 10px;
}
#youmax-encloser {

background: none;
border: none;
font-size: 100%;
padding: 0 0 0;
}
iframe#youmax-video {
    margin-bottom: 15px !important;
}
#youmax-video-list-div {
background: none;
box-sizing: border-box;
display: inline-block;
padding: 0;
text-align: left;
width: 100%;
}
.youmax-video-tnail{
height: 120px;
}
.youmax-video-tnail-box {
    background-color: white;
    box-shadow: none;
    cursor: pointer;
    float: left;
    margin: 0 0px 0px 0;
    overflow: hidden;
    width: 100% !important;
height: 200px;
background: #f1f1f1;
text-transform: none;
}

.youmax-video-tnail-box br
{
display: none;
}
.youmax-video-tnail-box:nth-child(3n) {
    margin: 1%;
}
.youmax-duration{
}
span.youmax-video-list-title{
color: #333;
margin: 6px 0;
font-size: 90%;
display: block;
}
span.youmax-video-list-views{
color: #333;
margin: 0px 0 0 0;
font-size: 80%;
display: block;
}
div#youmax-load-more-div {
    border: none;
background: #0081b9;
    cursor: pointer;
    font-size: 18px;
    margin: 15px 0;
    padding: 10px;
color : #fff;
font-weight: 900;
transition: 0.3s all;
}


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

.youmax-video-tnail-box {
    width: 48% !important;
margin: 1% !important;
clear: none !important;
}

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



}

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

#customSolutionContent
{

padding: 60px 0px;
}

#customSolutionContent .centerContainerInner
{

}


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


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




/* Document Library Styles */

.documentLibraryItem .title,
.documentLibraryItem .size,
.documentLibraryItem .icon,
.documentLibraryItem.heading,
.documentLibraryItem.heading .title,
.documentLibraryItem.heading .size,
.documentLibraryItem.heading .icon,
.documentLibraryItem .description
{
font-size: 15px;
}


}


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


.moduleComponentContaineraboutUsContent {}
.moduleComponentaboutUsContent  {}
.moduleComponentaboutUsContent .centerContainer {}

.moduleComponentaboutUsContent .centerContainerInner {}
.moduleComponentaboutUsContent .bannerImageContainer  {
float: left;
}
.moduleComponentaboutUsContent .bannerImageContainer img {}
.moduleComponentaboutUsContent .bannerHtmlContent {}

.moduleComponentaboutUsContent.moduleComponent48 .bannerHtmlContent,
.moduleComponentaboutUsContent.moduleComponent49 .bannerHtmlContent {
padding-left: 0 !important;
padding-right: 0 !important;
}
.moduleComponentaboutUsContent.moduleComponent49 {}
.moduleComponentaboutUsContent.moduleComponent50 {}

.moduleComponentaboutUsContent.moduleComponent48 .bannerImageContainer  {

display: none;
}


.moduleComponentaboutUsContent.moduleComponent50,
.moduleComponentaboutUsContent.moduleComponent51,
.moduleComponentaboutUsContent.moduleComponent52,
.moduleComponentaboutUsContent.moduleComponent53,
.moduleComponentaboutUsContent.moduleComponent54,
.moduleComponentaboutUsContent.moduleComponent55 {
background: #f3f3f3;
padding: 20px 0px;
}

.moduleComponentaboutUsContent.moduleComponent51,
.moduleComponentaboutUsContent.moduleComponent53,
.moduleComponentaboutUsContent.moduleComponent55 {
background: #fff;
}

.moduleComponentaboutUsContent.moduleComponent50 .bannerHtmlContent,
.moduleComponentaboutUsContent.moduleComponent51 .bannerHtmlContent,
.moduleComponentaboutUsContent.moduleComponent52 .bannerHtmlContent,
.moduleComponentaboutUsContent.moduleComponent53 .bannerHtmlContent,
.moduleComponentaboutUsContent.moduleComponent54 .bannerHtmlContent,
.moduleComponentaboutUsContent.moduleComponent55 .bannerHtmlContent {
width: 70%;
}

.moduleComponentaboutUsContent.moduleComponent56 {}
.moduleComponentaboutUsContent.moduleComponent57 {}

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

.parallaxParent {
height: 800px;
width: 100%;
overflow: hidden;
background: #eaeaea;
margin:-35px 0 40px 0 ;
}

.parallaxParent .backgroundImage {
height:875px;
width: 100% !important;
position: relative;
top: -460px;
background-position: center;
background-size: cover !important;
}

#bannerContent
{
position: absolute;
top: 55px;
left: 0;
right: 0;
}

#bannerContent p
{
font-size: 22px;
text-align: center;
}


#bannerContent .bannerHtmlContent
{
background: rgba(255,255,255,0.8);
}




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

.parallaxParent {
height: 400px;
width: 100%;
overflow: hidden;
background: #eaeaea;
margin:-35px 0 40px 0 ;
}

.parallaxParent .backgroundImage {
height: 475px;
width: 100% !important;
position: relative;
top: -260px;
background-position: center;
background-size: cover !important;
}


}


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


}

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

.about-us #pageEditorContent .moduleComponentaboutUsContent .bannerHtmlContent p img.fullWidth
{
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}

/*-------------------------------------------*/
.listingBlog .listingItem:nth-child(odd),
.listingBlog .listingItem:nth-child(even) {
background:#fff !important;
}
.blog #navBar a,
.blog #navBar .navCategoryBlogLinks a,
.blog #navBar .navDateLinks a{
text-decoration: none;
font-size:14px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 850px) {
.listingBlog .listingItem {
padding: 20px;
}
.listingBlog .listingItem:nth-child(odd) {
padding: 20px 0px 20px 20px;
}
.listingBlog .listingItem:nth-child(even) {
background:#f3f3f3 !important;
}


.listingBlog .listingItem:nth-child(odd) .moduleItemImage {
margin: 0px 0px 0px 35px;
}
.listingBlog .listingItem:nth-child(even) .moduleItemImage {
margin: 0px 35px 0px 0px;
}
.listingBlog .listingItem p{
font-size:14px;
}

}
/*-------------------------------------------*/
/*-------------------------------------------*/
.moduleItemBlog{
margin: 0px 0px 50px 0px;
}
.moduleItemBlog.moduleItem .moduleItemImage {
    float: right;
    margin: 0 0 30px 3%;
    width: 30%;
}
.moduleItemBlog p{  }
.moduleItemBlog #moduleItemBack {
margin:0px 0px 30px 0px;
}
.moduleItemBlog #moduleItemBack a{
color: #666666;

text-decoration: none;
 text-transform: uppercase;
}
.moduleItemBlog #imageContainer{
border:1px solid #e5e5e5;

}
.moduleItem.moduleItemBlog #imageContainer .moduleItemImage{
width:100%;
margin:0px 0px 15px 15px;
}
.moduleItemBlog #contentContainer h2{
font-size: 30px;
margin: 0px 0px 8px 0px;
}


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

#navBar
{
margin:20px 0px 0px 0px;
}
#navBar ul,
#navBar ul li,
#navBar h3 {
margin:0;
padding:0;
list-style: none;
}
#navBar h3 {
margin: 15px 0px 0px 0px;
}
#navBar .navCategoryLinks {
display: inline-block;
float: left;
}
#navBar .navCategoryLinks a {
display: inline-block;
float: left;
padding: 10px 30px;
margin: 0px 8px 8px 0px;
border: 2px solid #d9d9d9;
color: #999999;
text-align: center;
text-decoration: none;
text-transform: uppercase;

font-size:16px;
transition: 0.3s all;
border-radius: 3px;
}
#navBar .navCategoryLinks a.selected,
#navBar .navCategoryLinks a:hover{
border: 2px solid #204998;
color: #204998;
}

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



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

#contactMap
{




















float: left;
position: relative;
width: 426px;
height: 372px;
margin: 0px 0px -60px ;

background-size: 100% auto;
}

}


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

#contactMap
{
float: left;
position: relative;
width: 626px;
height: 372px;
margin: 30px 0px;

}

}

#defaultContent #pageEditorContent .moduleListingWrapper
{
background : none !important;
}

.moduleListingWrapperContact
{

}

.moduleListingWrapperContact #pageSource
{

}

.moduleListingWrapperContact #pageSource p
{

}

.percentage30.floatRight
{

}

.percentage30.floatRight p.lightGrey
{

}

.percentage30.floatRight p.categoryTitle
{
display: block;
float: left;
position: relative;
width: 100%;
margin: 0px 0px;
padding: 6px 18px;
font-weight: bold;
color: #0081b9;
background: #fff;
box-sizing: border-box;
cursor: pointer;
transition: 0.7s all;
border-bottom: 1px solid #ededed;
}

.percentage30.floatRight p.categoryTitle:hover,
.percentage30.floatRight p.categoryTitle.selected
{
color: #fff;
background:#0081b9;
}

.moduleListingWrapperContact .categoryListing
{
float: left;
position: relative;
width: 100%;
opacity: 0;
height: 0px;
padding: 0 20px;
transition: 0.7s all;
}

.moduleListingWrapperContact .categoryListing.selected
{
padding: 0 20px;
overflow: visible !important;
opacity: 1 !important;
height: auto !important;
box-sizing: border-box;
background:#fff;
}

.listingContact
{

}

.listingContact div[id*='listingItem']
{
padding: 10px 0px;
}

.listingContact div[id*='listingItem']
{

}

.listingContact div[id*='listingItem'] .title
{

font-size: 16px;
}

.listingContact .title strong
{

}

.listingContact .moduleItemContent
{

}

.listingContact div[id*='listingItem'] .moduleItemContent p
{
font-size: 14px;
}

.listingContact div[id*='listingItem'] .moduleItemContent strong
{

}

.listingContact div[id*='moduleItemsListingItem'] .moduleItemContent .extraFields
{
border-bottom: 1px solid #dcdcdc;
margin: 30px 0px 0 0;
padding: 0px 0px 20px 0px;
}

.listingContact div[id*='listingItem'] .moduleItemContent .extraFields p
{
margin: 3px 0px;
}

.listingContact div[id*='listingItem'] .moduleItemContent .extraFields span
{
display: inline-block;
width: 30%;
color: #0081b9;
}

.listingContact div[id*='listingItem'] .moduleItemContent .extraFields a
{

}

.listingContact div[id*='listingItem'] .moduleItemContent .extraField
{

}

.listingContact div[id*='listingItem'] .moduleItemContent #extraField6
{

}

.listingContact div[id*='listingItem'] .moduleItemContent #extraField7
{

}

.listingContact div[id*='listingItem'] .moduleItemContent #extraField8
{

}

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

.moduleListingWrapperOurWork
{

}

.listingOurWork
{

}

.listingOurWork .moduleItemImage
{
float: left;
position: relative;
width: 100%;
margin: 3.5% 0% 3.5% 0% ;
}

.listingOurWork .moduleItemImage a
{

}

.listingOurWork .moduleItemImage a img
{

}

.listingOurWork h3.title
{
margin-top: 30px ;
font-weight: bold;
color: #0081b9;
}

.listingOurWork .moduleItemContent
{
width: 94%;
}

.listingOurWork .readMore
{

}

.listingOurWork .readMore a
{
text-transform:uppercase;
text-decoration: none;
}


@media screen and (min-width:500px) {
.listingOurWork .moduleItemImage
{
float: left;
position: relative;
width: 35%;
margin: 3.5% 3.5% 3.5% 0% ;
}
}

@media screen and (min-width:840px) {
.listingOurWork .moduleItemImage
{
float: left;
position: relative;
width: 22%;
margin: 3.5% 3.5% 3.5% 0% ;
}
}
/*-------------------------------------------*/

.moduleItemOurWork {
margin: 0px 0px 50px 0px;
}

.moduleItemOurWork #moduleItemContent
{
min-height: 400px;
}

.moduleItemOurWork #linkedItemsContainer
{
margin: 30px 0px 0px 0px;
padding: 30px 0px 0px 0px;

border-top: 1px solid #eaeaea;
}

.moduleItemOurWork.moduleItem .moduleItemImage {
    float: right;
    margin: 0 0 30px 3%;
    width: 30%;
}
.moduleItemOurWork p{  }
.moduleItemOurWork #moduleItemBack {
margin:0px 0px 30px 0px;
}
.moduleItemOurWork #moduleItemBack a{
color: #666666;
text-decoration: none;
 text-transform: uppercase;
}
.moduleItemOurWork #imageContainer{
border:1px solid #e5e5e5;
}
.moduleItem.moduleItemOurWork #imageContainer .moduleItemImage{
width:100%;
margin:0px 0px 15px 15px;
}
.moduleItemOurWork #contentContainer h2{
font-size: 30px;
margin: 0px 0px 8px 0px;
}

.moduleItem.moduleItemOurWork #linkedItemsContainer a
{

}

.moduleItem.moduleItemOurWork #linkedItemsContainer img
{
margin: 10px;
vertical-align: middle;
}

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


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

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


}

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



/* Back to top button */
#back-top {
	position: fixed;
	bottom:30px;
right: 25px;
	margin-left: auto;
z-index: 1000;
}
#back-top a {
	width: 108px;
font-size: 13px ;
	display: block;
	text-align: center;
font-family: 'Open Sans', sans-serif;

	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #333;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0px 0px 7px 30px;
	background: #0081b9 url(https://www.dapaanz.org.nz/images/style/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* background color transition */
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#back-top a:hover span {
	background-color: #005275;
}
/*-------------------------------------------*/

.productListingItem
{
height: 325px;
}

.productListingItem a
{

}

.productListingItem img
{
position: absolute;
left: 50%;
margin-left: -95px;
max-width: 200px !important;
bottom: 20%;
}

.productListingItem p.productName
{
position: absolute;

bottom: 0;
left: 10px;
right: 10px;
font-size: 18px;
font-weight: bold;
padding: 10px;
}


.productListingItem p.productName a
{
text-decoration: none;
}

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


#productPath
{
color: #8f8f8e !important;
text-decoration: none;
padding: 18px 0px;
margin: 0px 0px 20px 0px;
font-size: 14px;
text-transform: uppercase;
box-shadow: inset 0px -2px 4px -2px rgba(0,0,0,0.2);
}

@media screen and (min-width:740px) {
.product-details #productPath
{
margin: 0px 0px 55px 0px;
}
}

#productPath a
{
color: #8f8f8e;
text-decoration: none;
}

#productPath span {}


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

.moduleItemsListingReconditionedMachines div img

{
position: relative;
}

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

.moduleItemsListingReconditionedMachines div img
{
float: left;
width: 50% !important;
height: auto !important;
}

}

.moduleItemsListingReconditionedMachines div img:before
{
content: "before";
position: absolute;
z-index: 1000;
top: -15px;
left: 0;
padding : 5px 10px 14px ;
background : #fff;
color: #0081b9;
}

.moduleItemsListingReconditionedMachines div img:nth-of-type(2):before
{
content: "after";
left: auto;
right: 0;
}

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

#customSolutionContent
{
margin: 45px 0px 0px 0px;
}

.descriptionContainer
{
margin: 25px 0px 0px 0px !important;
}


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

#categoryNavigation
{
border-top: 3px solid #0081b9;
padding: 20px 0px 0px 0px;
}






ul#navProducts,
ul#navProducts li,
ul#navProducts li ul ,
ul#navProducts li ul li
{
margin: 0;

padding: 0;
list-style: none;

}


ul#navProducts li a
{
display: inline-block;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 5px;
}



ul#navProducts li ul
{

}

ul#navProducts li ul li a
{

}

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


#productDetailDescription ul
{
padding-left: 0;
margin-left: 0;
}

#productDetailDescription h3,
#productDetailDescription h2
{

font-size: 16px;
text-transform: uppercase;
color: #0081b9;
font-weight: bold;
}

#productDetailDescription li,
#productDetailDescription p
{
font-size: 14px;
}

#imageContainer
{
margin-right: 0px;
}

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

h2.productDetailName{
color: #0081b9;
font-weight: bold;
font-size: 30px;
margin: 0px 0px 15px ;
margin-top: 45px !important;
}

a.registerProductButton
{
display: block;
color: #fff;
margin: 0px 0px 1px 0px;
padding: 50px 18px 20px 18px;
font-style: italic;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
background: #50514f;
transition: 0.3s all;
}

a.registerProductButton:hover
{
background: #0081b9;
}

#enquiryForm a
{
display: block;
padding: 10px 20px;
color: #fff;
text-transform: uppercase;
text-decoration:  none;
transition: 0.3s all;
background: #0081b9;
font-style: italic;
}

#enquiryForm a:hover
{
color: #fff;
background: #50514f;
}

#productDetailDescription
{
padding: 55px 0px 0px 0px;
}

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

#imageContainer
{
margin-right: 30px;
}

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

#right
{


height:381px;
}

#categoryNavigation
{
height: 490px;
}

#faqItems #categoryNavigation
{
display:none;
}

}


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

#right
{
height:230px;
}

}

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



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

#imageContainer .html5gallery-container-0
{
}

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

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

}

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

#right
{

}
#right .absoluteBottom
{
margin: 0;
list-style: none;
}

#right .absoluteBottom ul
{
padding-left: 22px;
}

#right .absoluteBottom li,
#right .absoluteBottom p
{
font-size: 13px;
margin: 0;
padding: 0;
list-style: none;
}

#right .absoluteBottom li:before
{
content:" ";
display: inline-block;
width: 14px;
height: 19px;
margin: 0px 8px -6px -25px;
}
#right .absoluteBottom a
{
color: #0081b9;
}

#right .absoluteBottom h3,
#right .absoluteBottom h2
{
margin: 0px 0px 6px;
font-size: 18px;
text-transform: uppercase;
color: #50514f;
font-weight: bold;
font-style: italic;
font-weight: normal;
}

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

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

#blank #emailForm td input{
}

#blank #emailForm td label{
}

/*-------------------------------------------*/
a.color2.fsub,
a.color1.fsub
{
background:#ec4851!important;
color:#FFF;
font-weight:400;
font-size:16px;
text-transform:lowercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:10px 20px;
}

a.color2.fsub



{
margin:0px 0px 0px 10px;
background:#5bbfc4!important;
}

a.color2.fsub:hover,
a.color1.fsub:hover
{
color:#FFF!important;
background:#000!important;
}


#footer
{
margin-top:0px;
background:#555354!important;
}

#footer p,
#footer a
{
margin:2px 0px!important;
line-height:1.5!important;
font-size:14px!important;
}

#footer strong a,
#footer p strong
{
line-height:1.5!important;
font-size:15px!important;
}

.componentOne,
.componentTwo,
.componentThree,
.componentFour
{
margin-top:30px!important;
margin-bottom:20px!important;
text-align: left;
}

.componentThree
{
width:15%!important;
padding-left:10px!important;
}

.componentFour
{
text-align: right;
}

#footer a.color1.fsub
{
padding: 10px 22px;
margin:10px 0px 14px!important;
}

#footer a.color2.fsub
{
padding: 10px 10px;
margin:14px 0px 0px!important;
}

#footer .componentFour p,
#footer .componentFour a,

#footer .componentFour strong a,
#footer .componentFour p strong
{
line-height:1.5!important;
font-size:16px!important;
}

#footer .componentFour p a:hover img
{
opacity: 0.5;
}

.componentFour {
    padding: 0 0 0 90px !important;
}

p#copyright
{
border-top:none;
text-transform:lowercase;
}

p#back-top
{

display:none!important;
}

/*******************************/
#subNavDefault
{
border-bottom:2px solid #e5e5e5;
background: #fff;
  transition: 0.3s all;
}

#subNavDefault.stuck
{
    position: fixed;
    top:65px;
    left:0;
    right:0;
  z-index:100;
background: #f0f0f0;
	box-shadow: 0px 2px 3px 1px rgba(100,100,100,0);
}

#subNavDefault.stuck .loginComponent,
#subNavDefault.stuck ul
{
padding:10px 0px;
}

#subNavDefault.stuck ul li
{
padding:0px 30px;
}

.loginComponent,
#subNavDefault ul
{
margin:0px;
padding:20px 0px;
text-align:center;
}


#subNavDefault ul li
{
display:inline-block;
margin:0px;
padding:0px;
list-style:none;
padding:20px 30px;
}


#subNavDefault ul li a
{
font-size: 16px;
font-weight: 900;
padding: 14px 18px!important;
text-decoration: none;
text-transform: lowercase;
color:#000;
}

#subNavDefault ul li a.menuSelected,
#subNavDefault ul li a:hover
{
  transition: 0.3s all;
color:#ec4851;
}


.loginComponent a
{
display:inline-block;
font-size: 16px;
font-weight: 900;
margin: 14px 18px!important;
padding: 14px 18px!important;

text-decoration: none;
text-transform: lowercase;
color:#000;
}

.loginComponent a:hover
{
text-decoration:none;
color:#ec4851;
}


#subNavDefault ul.virtualModuleMenu
{
display:none;
}

.moduleListingWrapperOurPeople #navBar
{
display:none;
}

#default .centerContainer
{
width:100%;
max-width:1024px;
}


#default .centerContainerInner

{
margin:0px;
}

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

#default.executives #pageEditorContent
{
padding:0;
}

.moduleListingWrapperOurPeople[class*="moduleListingWrapper"] .moduleItemsListing
{
width:100%;
margin:0px 0px 0px;
padding:0px;
}

.moduleListingWrapper
{
background:transparent!important;
}

#default.our-staff #defaultContent,
#default.executives #defaultContent
{
min-height:2408px;
background: #fff url(https://www.dapaanz.org.nz/images/style/staff_bg.jpg) top center repeat-y;
}

#default.our-staff #defaultContent
{
min-height:1808px;
}

#default  #defaultContent
{
background: #fff url(https://www.dapaanz.org.nz/images/style/staff_bg.jpg) top center repeat-y;
}

#default.who-we-are  #defaultContent,
#default.what-we-do  #defaultContent,
#default.constitution  #defaultContent,
#default.faqs  #defaultContent
{
background: #fff;
}

#defaultContent .centerContainerInner
{
background : rgba(255,255,255,0.9);
}

#defaultContent .centerContainerInner #pageEditorContent .centerContainerInner,
#defaultContent .centerContainerInner #pageEditorContent .centerContainerInner .centerContainerInner,
#defaultContent .centerContainerInner #pageEditorContent .centerContainerInner .centerContainerInner .centerContainerInner
{
background : none;
}


.moduleListingWrapperOurPeople[class*="moduleListingWrapper"] .listingItem
{
float:left;
padding:0px;
width:32.6%;
background:#f3f3f3;
border:none;
}




.moduleListingWrapperOurPeople .listingItem#listingItem70,
.moduleListingWrapperOurPeople .listingItem#listingItem67,
.moduleListingWrapperOurPeople .listingItem#listingItem12{
margin:0% 1% 0% 0%;
}

.moduleListingWrapperOurPeople .listingItem#listingItem70,
.moduleListingWrapperOurPeople .listingItem#listingItem69,
.moduleListingWrapperOurPeople .listingItem#listingItem67,
.moduleListingWrapperOurPeople .listingItem#listingItem13,
.moduleListingWrapperOurPeople .listingItem#listingItem12
{width:49.5%!important;min-height: 375px;border:none;}

.moduleListingWrapperOurPeople .listingItem#listingItem70 .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem69 .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem67 .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem13 .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem12 .moduleItemImage
{
width:198px;
margin:0px 0px 0px;
}

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

.moduleListingWrapperOurPeople[class*="moduleListingWrapper"] .listingItem
{
float:left;
padding:0px;
width:49%;
background:#f3f3f3;
border:none;
margin:0% 1% 1% 0%;
}

.moduleListingWrapperOurPeople .listingItem#listingItem12
{
margin:0% 1% 0% 0%;
}



}


@media screen and (max-width:840px) {
.moduleListingWrapperOurPeople .listingItem#listingItem70,
.moduleListingWrapperOurPeople .listingItem#listingItem69,
.moduleListingWrapperOurPeople .listingItem#listingItem67,
.moduleListingWrapperOurPeople .listingItem#listingItem13,
.moduleListingWrapperOurPeople .listingItem#listingItem12
{
float:left;
position:relative;
width:100%;
min-height:340px;
border:none;
}

}


.moduleListingWrapperOurPeople .listingItem
{
margin-bottom:1%;
min-height:349px;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemContent
{
background: url(https://www.dapaanz.org.nz/images/style/hoverRedArrow.jpg) top center no-repeat;
padding:10% 15% 0%;
margin-top:10%;
text-align:center;
width:70%;
}


.moduleListingWrapperOurPeople .listingItem#listingItem39
{
width:100%;
display:block!important;
background:transparent!important;
min-height:50px;
padding:25px 0px 15px;
}


.moduleListingWrapperOurPeople .listingItem#listingItem39 .moduleItemContent
{

background:none;
margin:0px;
width:100%;
padding:0px;
}

.moduleListingWrapperOurPeople .listingItem#listingItem70 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem69 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem67 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem12 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem13 .moduleItemContent
{
margin:0px;
width:100%;
padding:0px;
text-align:left;
background:none;
}

.moduleListingWrapperOurPeople .listingItem#listingItem39 h2.title
{
display:none;
}


.moduleListingWrapperOurPeople .listingItem:nth-of-type(12),
.moduleListingWrapperOurPeople .listingItem:nth-of-type(11),
.moduleListingWrapperOurPeople .listingItem:nth-of-type(9),
.moduleListingWrapperOurPeople .listingItem:nth-of-type(8),
.moduleListingWrapperOurPeople .listingItem:nth-of-type(6),
.moduleListingWrapperOurPeople .listingItem:nth-of-type(5)
{
margin-right:1%;
}


.moduleListingWrapperOurPeople .listingItem .moduleItemContent
{
display:none;
}

.moduleListingWrapperOurPeople .listingItem:hover .moduleItemContent
{
display:block;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemContent p
{
font-size:14px;
}

.moduleListingWrapperOurPeople .listingItem#listingItem70:hover h2.title,
.moduleListingWrapperOurPeople .listingItem#listingItem70:hover .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem69:hover h2.title,
.moduleListingWrapperOurPeople .listingItem#listingItem69:hover .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem67:hover h2.title,
.moduleListingWrapperOurPeople .listingItem#listingItem67:hover .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem12:hover h2.title,
.moduleListingWrapperOurPeople .listingItem#listingItem12:hover .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem13:hover h2.title,
.moduleListingWrapperOurPeople .listingItem#listingItem13:hover .moduleItemImage,
.moduleListingWrapperOurPeople .listingItem#listingItem70 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem69 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem67 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem12 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem13 .moduleItemContent,
.moduleListingWrapperOurPeople .listingItem#listingItem39 .moduleItemContent
{
display:block!important;
}

.moduleListingWrapperOurPeople .listingItem:hover h2.title,
.moduleListingWrapperOurPeople .listingItem:hover .moduleItemImage
{
display:none;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemImage
{
margin:15% 20% 8%!important;
padding:0px;
width:198px;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemImage img
{
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.moduleListingWrapperOurPeople .listingItem h2.title
{
color:#ec4851;
font-size:18px;
text-align:center;
}

@media screen and (max-width:1040px) {
.moduleListingWrapperOurPeople .listingItem h2.title
{
float:left;
position:relative;
width:100%;
}

}

.moduleListingWrapperOurPeople #listingItem70.listingItem,
.moduleListingWrapperOurPeople #listingItem69.listingItem,
.moduleListingWrapperOurPeople #listingItem67.listingItem,
.moduleListingWrapperOurPeople #listingItem13.listingItem,
.moduleListingWrapperOurPeople #listingItem12.listingItem
{
float:left;
position:relative;
}

.moduleListingWrapperOurPeople #listingItem70.listingItem .moduleItemImage,
.moduleListingWrapperOurPeople #listingItem69.listingItem .moduleItemImage,
.moduleListingWrapperOurPeople #listingItem67.listingItem .moduleItemImage,
.moduleListingWrapperOurPeople #listingItem13.listingItem .moduleItemImage,
.moduleListingWrapperOurPeople #listingItem12.listingItem .moduleItemImage
{
float:left;
position:relative;
margin:5% 0% 0% 5%!important;
width:50%;
}

.moduleListingWrapperOurPeople #listingItem70.listingItem h2.title,
.moduleListingWrapperOurPeople #listingItem69.listingItem h2.title,
.moduleListingWrapperOurPeople #listingItem67.listingItem h2.title,
.moduleListingWrapperOurPeople #listingItem13.listingItem h2.title,
.moduleListingWrapperOurPeople #listingItem12.listingItem h2.title
{
text-align:center;
position:absolute;
top:240px;
margin:0px 0px 0px 58px;
width:25%;
}

.moduleListingWrapperOurPeople #listingItem70.listingItem .moduleItemContent,
.moduleListingWrapperOurPeople #listingItem69.listingItem .moduleItemContent,
.moduleListingWrapperOurPeople #listingItem67.listingItem .moduleItemContent,
.moduleListingWrapperOurPeople #listingItem13.listingItem .moduleItemContent,
.moduleListingWrapperOurPeople #listingItem12.listingItem .moduleItemContent
{
float:left;
position:relative;
margin:30px 0px 0px 0px;
width:40%;
}

.moduleListingWrapperOurPeople .listingItem .extraField span
{
display:none;
}

.moduleListingWrapperOurPeople #listingItem70.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem69.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem67.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem13.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem12.listingItem .extraField
{
text-align:center;
position:absolute;
top:220px;
left:-253px;
width:96%;
}

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

.moduleListingWrapperOurPeople #listingItem70.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem69.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem67.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem13.listingItem .extraField,
.moduleListingWrapperOurPeople #listingItem12.listingItem .extraField
{
display:none;
}

.moduleListingWrapperOurPeople #listingItem70.listingItem,
.moduleListingWrapperOurPeople #listingItem69.listingItem,
.moduleListingWrapperOurPeople #listingItem67.listingItem,
.moduleListingWrapperOurPeople #listingItem13.listingItem,
.moduleListingWrapperOurPeople #listingItem12.listingItem
{
min-height:380px;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemImage
{
 margin:30px 13% 0px!important;
}

}

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

.moduleListingWrapperOurPeople .listingItem
{
overflow:hidden;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemImage
{
margin:40px auto 0px!important;
padding:0px!important;
width:100%!important;
box-sizing:border-box;
}

.moduleListingWrapperOurPeople .listingItem .moduleItemImage img
{
display:block;
margin:0px auto!important;
text-align:center!important;
padding:0px!important;
}
.moduleListingWrapperOurPeople #listingItem13.listingItem,
.moduleListingWrapperOurPeople #listingItem12.listingItem
{
float:left!important;
position:relative!important;
margin:0% 0% 0% 0%!important;
width:49%!important;
}

.moduleListingWrapperOurPeople #listingItem12.listingItem
{

margin:0% 1% 0% 0.5%!important;

}

.moduleListingWrapperOurPeople #listingItem13.listingItem .moduleItemContent,
.moduleListingWrapperOurPeople #listingItem12.listingItem .moduleItemContent
{
float:left!important;
position:relative!important;
margin:0% 0% 0% 0%!important;
width:100%!important;
text-align:center!important;
min-height:160px;
}

  .moduleListingWrapperOurPeople #listingItem13.listingItem h2.title,
.moduleListingWrapperOurPeople #listingItem12.listingItem h2.title
{
top:0px;
left:25px;
float:none!important;
position:relative!important;
margin:0% 0% 0% 0%!important;
width:100%!important;
text-align:center!important;
}

}

#default.about-us #pageEditorContent
{
width:100%;
padding:0% 0%;
}

#default.about-us #pageEditorContent table td
{
padding:20px 0px 20px 0px;
}

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


h2.bannerTitle
{
display:none;
}


#faqItems a.button
{
background:none!important;
color: #000;
display: inline-block;
font-size: 16px;
font-weight: 700;
margin: 0px 0 0 2px;
padding: 5px 0px;
text-decoration: none !important;
text-transform: none;
transition: all 0.5s ease 0s;
}

#faqItems a.button:hover
{
color: #ec4851!important;
}

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



.moduleListingWrapperNews #navBar
{
display:none;
}

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

.moduleComponentwhoWeAreContent:nth-child(even),
.moduleComponentwhatWeDoContent:nth-child(even)
{
float:left;
width:100%;
background:#f3f3f3;
margin:30px 0px;
padding:30px 0px;
}


.moduleComponentwhoWeAreContent .bannerHtmlContent,
.moduleComponentwhatWeDoContent .bannerHtmlContent
{
width:80%;
margin:0px 0px;
padding:30px 10%;
}

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



.moduleDetailWrapperNews .centerContainer,
.moduleListingWrapper .centerContainer
{
width:100%!important;
}

.moduleDetailWrapperNews .centerContainerInner,
.moduleListingWrapper .centerContainerInner
{
width:100%!important;
}

.standardModule[class*="moduleListingWrapperNews"] .moduleItemsListing
{
width:100%!important;
}

/**********************************/
.moduleListingWrapperEvents .title
{
color: #000;
font-family: "Lato";
font-size: 24px;
font-weight: 900;
line-height: 1;
margin: 20px 0 30px;
text-transform: none;
margin:0px 0px;
}

.moduleListingWrapperEvents .date
{
font-size:13px;
opacity: 0.5;
margin:10px 0px;
font-weight:400;
}

.moduleDetailWrapperNews h2.title,
.moduleListingWrapperNews h2.title
{
margin:0px 0px;
}

.moduleDetailWrapperNews p.date,
.moduleListingWrapperNews p.date
{
font-size:13px;
opacity: 0.5;
margin:10px 0px;
font-weight:400;
}

#default.our-staff #pageEditorContent
{
width:100%!important;
padding:0px;
}

.moduleListingWrapperEvents.standardModule
{
 width:100%!important;
 padding:0px 0px 20px;
border-bottom:none;
}

.moduleListingWrapperEvents .moduleItemImage
{
float:right!important;

  margin:0px;
}

.readMore a
{
display:block;
font-size:16px;
margin:10px 0px;
}

a
{
color: #ec4851;
text-decoration:none;
}

a:hover
{
text-decoration: underline;
}


.login #pageHeading
{
background: #ec4851;

}

.login #pageHeading .centerContainer .centerContainerInner h1
{
background: #ec4851;
  color:#FFF;
border-bottom:3px solid #FFF;
}


#pageHeading
{
float:left!important;
position:relative!important;
background: #fff;
}


#pageHeading .centerContainer
{
text-align:center!important;
}


#pageHeading .centerContainer .centerContainerInner h1
{
display:inline-block;
width:auto!important;
border-bottom:3px solid #ec4851;
padding:54px 0px 8px;
margin:0px 0px 48px 0px!important;
}

#emailForm
{
  margin: 30px 0px 0px 0px;
padding:20px 30px;
background:#f3f3f3;
}

#emailForm input.fsub
{margin: 14px 0 0 !important;
background: #5bbfc4!important;
text-transform:none;
  font-weight: normal;
  text-transform: lowercase;
border-radius: 4px;
transition: 0.5s all;
}

#emailForm input.fsub:hover
{
background: #000 !important;
  color:#fff !important;
}

#default.who-we-are #defaultContent,
#default.constitution #defaultContent
{
  padding-bottom: 450px;
  background: #fff 400px bottom no-repeat url(https://www.dapaanz.org.nz/images/style/about_accent.jpg);
}


#default.what-we-do #defaultContent,
#default.faq-s #defaultContent,
#default.faqs #defaultContent
{
  padding-bottom: 450px;
  background: #fff -600px bottom no-repeat url(https://www.dapaanz.org.nz/images/style/about_accent.jpg);
}

.sub-navigation-wrapper
{
 float: left;
  position:  relative;
  width: 100%;
}

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

  .moduleItem .moduleItemImage
  {
  float: right;
  width: auto;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  margin: 0 0 30px 3%;
  }

}


.moduleDetailWrapperEvents .extraFields span
{
font-weight: bold;
}

.heading
{
margin: 20px 0 30px;
font-family: 'Lato';
font-size: 22px!important;
line-height: 1;
text-transform: none;
font-weight: 700;
color: #000!important;
}

.field615Container .heading, .field616Container .heading, .field617Container .heading, .field618Container .heading, .field619Container .heading, .field620Container .heading {
    margin: 0;
}

.field615Container .heading > p, .field616Container .heading > p, .field617Container .heading > p, .field618Container .heading > p, .field619Container .heading > p, .field620Container .heading > p {
    margin: 10px 0 0;
}

.field604Container .labelHorizontal, .field611Container .labelHorizontal, .field612Container .labelHorizontal, .field613Container .labelHorizontal, .field614Container .labelHorizontal,.field610Container .labelHorizontal {
    display: none !important;
}

.field604Container .valueHorizontal, .field611Container .valueHorizontal, .field612Container .valueHorizontal, .field613Container .valueHorizontal, .field614Container .valueHorizontal,.field610Container .valueHorizontal {
    margin: 10px 0 0;
}

#registrationForm .buttonPanel input
{
background: #ec4851!important;
  border: 1px solid #ec4851;
border-radius: 4px;
color: #fff;
float: right;
font-size: 16px !important;
font-weight: 400;
line-height: 1.5 !important;






margin: 10px 15px 14px 0!important;
padding: 5px 22px;
text-transform: lowercase;
cursor:pointer;
}

#registrationForm .buttonPanel input:nth-child(2n+1)
{
background: #5bbfc4!important;
border: 1px solid #5bbfc4;
cursor:pointer;
}

#registrationForm .buttonPanel input:hover
{
background: #000!important;
border: 1px solid #000;
color:#FFF!important;
}


#registrationForm div#registrationInfo.ffields
{
 width:100%;
}


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

#loginForm
{
width:100%;
}

#loginForm table
{
width:100%;
}


#loginForm input.fsub,
#loginForm a.fsub
{
line-height:1;
float:right;
background: #5bbfc4!important;
border: 1px solid #5bbfc4;
border-radius: 4px;
color: #fff;
float: right;
font-size: 16px !important;
font-weight: 400;
line-height: 1.5 !important;
margin: 0px 0px 14px 0!important;
padding: 5px 22px;
text-transform: lowercase;
cursor:pointer;
}

#loginForm input.fsub:hover,
#loginForm a.fsub:hover
{
background: #000!important;
border: 1px solid #000;
color:#FFF!important;
}

#loginContainer
{
position:absolute;
top:20px;
right:0px;
color:#FFF;
font-weight:700;
}

#loginContainer a
{
display:block;
color:#FFF;
margin:10px 0px 0px;
background: #5bbfc4 !important;
border: 1px solid #5bbfc4 ;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 16px !important;
font-weight: 400;
line-height: 1.5 !important;
padding: 5px 22px;
text-transform: lowercase;
}

#loginContainer a:hover
{
background:#000!important;
border: 1px solid #000 ;
text-decoration:none;
}


.password-reminder #emailForm
{
background:#FFF;
  color:#000!important
}

.password-reminder #emailForm td
{
color:#000!important
}

.password-reminder #emailForm .buttonPanel input
{
margin-right:15px!important
}

.moduleListingWrapperEvents .moduleItemsListingItem
{
  border-bottom:1px solid #ccc;
  padding:20px 0px;
}

.moduleItemsListingEvents .errorMsg
{
display:none;
}

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

.moduleComponenthomeContent:nth-of-type(3) h1,
.moduleComponenthomeContent:nth-of-type(3) h2,
.moduleComponenthomeContent:nth-of-type(3) h4,
.moduleComponenthomeContent:nth-of-type(3) a
{

}

#moduleComponent2 a
{
color:#000;
}


#moduleComponent2 a.fsub
{
color:#FFF;
}


.moduleComponenthomeContent:nth-of-type(3) h3
{
width: 20px;
height: 20px;
color: #ec4851!important;
margin: 0px auto;
border: 2px solid #ec4851;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}

#moduleComponent2 h3 a
{
color: #ec4851!important;
}

.moduleComponenttestimonials
{
display:none;
}

#moduleComponent3.moduleComponenthomeContent .percentageThird
{width:100%!important;padding:60px 0px 10px;margin:20px 0px 20px;background: url(https://www.dapaanz.org.nz/images/style/logoIcon.jpg) top center no-repeat;font-weight:800;color:#000;text-decoration:none;border-bottom:none;}

#moduleComponent3.moduleComponenthomeContent .percentageThird a
{
display:block;
width:100%!important;

padding:0px 0px 10px;
margin:0px 0px 0px;
font-weight:800;
color:#000;
text-decoration:none;
text-align:center;
}

span.sub-toggle
{
display:block;
}

#defaultContent table td
{
display:block;
}

#faqItems #pageNavigation
{
display:none;
}

.centerContainerInner
{width: 96%;margin-left: 2%;}

.componentThree
{
padding:0px!important;
width:100%!important;
}

#footer .componentOne,
#footer .componenttwo,
#footer .componentThree
{
margin:0px!important;
margin-top:20px!important;
margin-bottom:0px!important;
}


#pageEditorContent .moduleListingWrapperOurPeople #listingItem13.listingItem,
#pageEditorContent .moduleListingWrapperOurPeople #listingItem12.listingItem
{
width:100%!important;
overflow:hidden!important;
}

#pageEditorContent .moduleListingWrapperOurPeople #listingItem13.listingItem h2.title,
#pageEditorContent .moduleListingWrapperOurPeople #listingItem12.listingItem h2.title
{

left:0px;
}


#pageEditorContent .moduleListingWrapperOurPeople #listingItem13.listingItem .moduleItemImage,
#pageEditorContent .moduleListingWrapperOurPeople #listingItem12.listingItem .moduleItemImage
{
width:100%!important;
overflow:hidden!important;
padding:0px!important;
margin:20px 0px 20px!important;
}

#pageEditorContent .moduleListingWrapperOurPeople .listingItem
{
width:100%!important;
overflow:hidden!important;
padding:0px!important;
margin:0px 0px 20px!important;
}

}
.sub-toggle {
	position: relative;
	background: #d9d6c5;
}
.sub-toggle:after {
	top: 30%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(217, 214, 197, 0);
	border-top-color: #d9d6c5;
	border-width: 10px;
	margin-left: -10px;
}
.headerNavigation > ul li .sub-toggle{
background: none repeat scroll 0 0 rgba(0,0,0,0);
}

ul ul .sub-toggle{
    border:dotted;
    display:none !important;
}
.events-anchor.has-submenu .sub-toggle{
    display:none !important;
}

.news-anchor.has-submenu .sub-toggle{
    display:none !important;
}
@media screen and (max-width: 600px)
{
.componentOne
{
    text-align:center;
    display:none!important;
}
.componentTwo
{
    text-align:center;
    display:none!important;
}
.componentThree
{
    text-align:center;
}
.componentFour
{
    text-align:center;
    width:100% !important;
    padding: 0 !important;
}
#moduleComponent3.moduleComponenthomeContent .percentageThird a {
    background:none;
}
}


#rothsburyIframe
{
width: 100% !important;
height: 680px !important;
border-radius: 5px;
}

.field630Container.formRow {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

h1.insuranceTitle
{
position : absolute;
}

@media screen and (min-width:300px) {
#rothsburyIframe
{
height: 1050px !important;
}
}

@media screen and (min-width:400px) {
  #rothsburyIframe
{
height: 950px !important;
}
}


@media screen and (min-width:500px) {
  #rothsburyIframe
{
height: 900px !important;
}
}

@media screen and (min-width:600px) {
  #rothsburyIframe
{
height: 900px !important;
}
}

@media screen and (min-width:700px) {
  #rothsburyIframe
{
height: 900px !important;
}
}

@media screen and (min-width:800px) {
  #rothsburyIframe
{
height: 900px !important;
}
}
@media screen and (min-width:900px) {
  #rothsburyIframe
{
height: 850px !important;
}
}
@media screen and (min-width:1050px) {
  #rothsburyIframe
{
height: 650px !important;
}
}

#twitterFeed
{
  width:98%;

}

.timeline-Footer {
    display: none !important;
}

#twitter-widget-0
{
  height:300px !important;
}

@media screen and (max-width:730px)
{
  #twitterFeed
  {
    width:100%;
    top:0
  }
}


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


.registrationBtn
{
  float:left;
  position:relative;
  width:100%;
  padding:0px 40px;
  margin:30px 0%;
  box-sizing:border-box;
  border-radius:10px;
  background:#ec4851;
  text-align:center;
  transition:0.5s all;
  min-height:120px;
}

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

.registrationBtn
{
  width:49%;
  padding:0px 40px;
  margin:30px 0%;
  min-height:100px;
}


}

.registrationBtn:hover
{
background:#000;
transition:0.5s all;
}

.registrationBtn:nth-of-type(1)
{
margin:30px 1% 0px 0px;
}

.registrationBtn:nth-of-type(2)
{
margin:30px 0% 0px 1%;
}

.registrationBtn a
{
color:#FFF;
font-size:16px;
position:absolute;
top:10px;
bottom:10px;
left:10px;
right:10px;
}

.registrationBtn a strong
{
color:#FFF;
font-size:18px;
line-height:1.8;
}

.registrationBtn a:hover
{
color:#FFF;
text-decoration:none;
}

.moduleComponentContainercalloutButton {
-webkit-box-shadow: inset 0px 0px 25px -16px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 25px -16px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 25px -16px rgba(0,0,0,0.75);
position: relative;
float: right;
width: 300px;
margin-top: -42%;
z-index: 99;
background: #5bbfc4;
border-radius: 50%;
height: 300px;
border: 5px solid white;
}

.moduleComponentContainercalloutButton .moduleComponentcalloutButton {
  width: 81%;
  margin: 0 auto;
  text-align: center;
  color: white;
  padding: 47px 10px 10px 10px;
}

.moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerLinkMask {
background: #ec4851;
color: white;
font-weight: bold;
padding: 6px 24px;
border-radius: 4px;
-webkit-box-shadow: 3px 5px 12px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 5px 12px -5px rgba(0,0,0,0.75);
box-shadow: 3px 5px 12px -5px rgba(0,0,0,0.75);
position: absolute;
bottom: 48px;
width: 40%;
left: 68px;
text-decoration:none;
}

.moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerLinkMask:hover {
background-color: #000;
}

.moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerHtmlContent p {
font-size: 30px !important;
height: 165px;
overflow: hidden;
}
.moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerHtmlContent .label {
display:none;
}

@media screen and (max-width: 1700px) {
  .moduleComponentContainercalloutButton {
    margin-top: -38%;
  }
}
@media screen and (max-width: 1500px) {
  .moduleComponentContainercalloutButton {
    margin-top: -34%;
  }
}
@media screen and (max-width: 1400px) {
  .moduleComponentContainercalloutButton {
    margin-top: -33%;
  }
}
@media screen and (max-width: 1315px) {
  .moduleComponentContainercalloutButton {
    width: 250px;
    height: 250px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerHtmlContent p {
    font-size: 21px !important;
    height: 107px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerLinkMask {
    bottom: 30px;
    left: 72px;
    padding: 6px 7px;
  }
}
@media screen and (max-width: 1300px) {
  .moduleComponentContainercalloutButton {
    margin-top: -29%;
  }
}
@media screen and (max-width: 1100px) {
  .moduleComponentContainercalloutButton {
    margin-top: -27%;
  }
}
@media screen and (max-width: 1055px) {
  .moduleComponentContainercalloutButton {
    width: 220px;
    height: 220px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerHtmlContent p {
    font-size: 17px !important;
    height: 96px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerLinkMask {
    bottom: 19px;
    left: 60px;
  }
}
@media screen and (max-width: 1000px) {
  .moduleComponentContainercalloutButton {
    margin-top: -25%;
  }
}
@media screen and (max-width: 900px) {
  .moduleComponentContainercalloutButton {
    margin-top: -34%;
  }
}
@media screen and (max-width: 800px) {
  .moduleComponentContainercalloutButton {
    margin-top: -31%;
  }
}
@media screen and (max-width: 700px) {
  .moduleComponentContainercalloutButton {
    margin-top: -33%;
  }
}
@media screen and (max-width: 600px) {
  .moduleComponentContainercalloutButton {
    margin-top: -39%;
  }
}
@media screen and (max-width: 500px) {
  .moduleComponentContainercalloutButton {
    margin-top: -25%;
    width: 151px;
    height: 151px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton {
    padding: 16px 10px 10px 10px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerLinkMask {
    left: 27px;
    padding: 1px 7px;
    width: 54%;
  }
}
@media screen and (max-width: 450px) {
  .moduleComponentContainercalloutButton {
    width: 100%;
    margin-top: 0;
    border-radius: 0;
    height: auto;
    float: left;
    border: 0;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerLinkMask {
    float: none;
    margin: 0 auto;
    left: auto;
    position: relative;
    width: 90%;
    padding: 7px 23px;
  }
  .moduleComponentContainercalloutButton .moduleComponentcalloutButton .bannerHtmlContent p {
    font-size: 24px !important;
    height: auto;
    margin-bottom: 44px;
  }
}