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

ol
{
list-style: roman;
}

ul li,
{
padding: 0px 0px 0px 10px;
margin: 0px 0px 5px 0px;
list-style: disc outside url("https://www.edenhomes.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: 94%;
margin: 0px 3% 0;
padding: 0;
}

blockquote p {
    display: inline;
    font-size: 16px !important;
    font-style: italic !important;
    line-height: 1.2;
}

blockquote {
    margin: 0;
    padding: 20px 0;
}

blockquote p::before {
    color: #7c714e;
    content: "\"";
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    left: -18px;
    position: absolute;
    top: -27px;
}

blockquote p::after {
    color: #7c714e;
    content: "\"";
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    position: absolute;
    right: -18px;
}
.newsletterLink a { background: rgba(0,0,0,0.8) !important; }

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

	.newsletterLink a { background: none !important; }

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

}

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

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

}

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

#header
{
height: auto;
z-index:1000;
box-shadow: none;
}

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



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

	#header
	{
	height: auto;
	}

	#header.stuck,
	#sectionNav.stuck
	{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 1000;
	box-shadow: 0px 0px 3px 1px rgba(100,100,100,0.3);
	}

	#sectionNav.stuck
	{
	position: fixed;
	top:45px;
	left:0;
	right:0; z-index: 500;
	box-shadow: none;
	}

}

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

a#logo
{
position:absolute;
top:25px;
left:25px;
width: 127px;
height: 104px;
z-index:9999;
opacity: 1.0;
}




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

	#header.stuck a#logo
	{
	width:100px;
	height: auto;
	margin: 7px 0px -9px 0px;
	}

}

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

.menu-collapser{
float:right;
position:relative;
height:56px;
padding:0px 0px;
font-size:18px;
line-height:56px;
width:50%;
background: rgba(124, 113, 78, 0.8);
border:1px solid #FFF;
text-align:center;
text-transform:uppercase;
font-weight:700;
font-family: 'Lato', sans-serif;
}

.headerNavigation > ul.collapsed
{
background:rgba(0,0,0,0.0);
}

.headerNavigation > ul.collapsed li
{
background:rgba(0,0,0,0.8)!important;
}

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

.menu-collapser{
float:left;
width:220px;
}



}

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

.headerNavigation > ul.collapsed
{
background:rgba(0,0,0,0.0);
}

.headerNavigation > ul.collapsed li
{
background:rgba(0,0,0,0.0)!important;
}

}


.collapse-button{
position:absolute;
right:0px;
top:25px!important;
width:100%!important;
padding:0px 0px;
font-size:14px;
text-align:center;
border-radius:0px;
height:48px!important;
background:transparent;
}

.collapse-button:hover{
background:transparent!important;
}

.collapse-button .icon-bar
{
display:none;
}

.headerNavigation
{
position:absolute;
top:5%;
right:4%;
width:92%;
margin: 0px 0px 0px 0px;
z-index:9999;
opacity: 1;
}

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

.headerNavigation
{
top:5%;
right:0%;
width:260px;
}

}

.headerNavigation > ul.collapsed li .sub-toggle{
height:34px;
display:none;
}

.headerNavigation > ul li.has-submenu,
.headerNavigation > ul li{
float:left;
border: none;
}


.headerNavigation > ul li.has-submenu,
.headerNavigation > ul li ul{
margin:0!important;
padding:0!important;
width: 100%;

}

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

.headerNavigation > ul li ul li a{
font-size: 14px;
color:#FFF;

}

.headerNavigation > ul li a,
.headerNavigation > ul li.has-submenu > a
{
padding:10px 15px;
font-size:18px;
font-weight:500;
color : #FFF;
text-transform:uppercase;
text-decoration: none;
text-shadow: 1px 1px 10px #000;
}

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

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

}

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

.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: 200px;

	}

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

}

.headerNavigation > ul.collapsed li
{
background: transparent;
}

.headerNavigation > ul.collapsed li:hover a,
.headerNavigation > ul.collapsed li:hover
{
background: transparent;
}

.headerNavigation > ul.collapsed li a
{
border:0px;
}

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

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

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

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

.sy-controls,
.sy-pager
{
}

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

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

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

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

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

.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;
color: #0081b9;
padding: 16px 0px 20px;
text-transform: uppercase;
font-size: 44px;
margin: 8px 0px;
}

.sevenThings {
    bottom: -350px;
    left: 30px;
    position: absolute;
    text-align: left;
}


.sevenIntro {
    margin: 0;
}

.sevenPara {
    font-size: 18px !important;
    margin: 0 0 30px;
}

.sevenIntro > a {
    color: #ff3300;
    text-decoration: none;
    border-bottom: 2px solid #ff3300;
}

.sevenPara > a {
	color: #fff;
	text-decoration: none;
}

/* -------------
.sevenThings {
    background: rgba(124, 113, 78, 0.6) none repeat scroll 0 0;
    border: 1px solid #fff;
    margin: 50px auto;
    padding: 20px 20px 20px 0;
    width: 30%;
}

.sevenThings > a, .sevenThings > a:hover {
    text-decoration: none;
}

.sevenIcon > img {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-radius: 50%;
    max-height: 30px;
    padding: 20px;
    width: 30px;
}

.sevenIcon {
    float: left;
    margin: -8px 20px;
}

.sevenContent {
    font-size: 18px !important;
    margin: 0px;
    text-align: left;
}

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


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@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: 572px !important;
	}

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

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

	.moduleComponenthomeBanners .centerContainerInner


	{
	height: 572px !important;
	}

	.moduleComponenthomeBanners .bannerHtmlContent
	{
	top: 50%;
	width: 45%;

	}


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

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

	.moduleComponenthomeBanners .bannerHtmlContent
	{
	  right: 7%;
	}

}

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




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


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

.moduleComponentheaderBanners .centerContainer
{
height: 100vh !important;
}

.moduleComponentheaderBanners .centerContainerInner
{
height: 100vh !important;
}

.moduleComponentheaderBanners.moduleComponent .bannerHtmlContent
{
width: 100%;
position: absolute;
display: inline-block;
top: 50%;
right:50%;
padding: 0% 0%!important;
text-align: center;
-webkit-transform: translate(50%,-50%);
transform: translate(50%,-50%);
}


.moduleComponentheaderBanners#moduleComponent147 .bannerHtmlContent p,
.moduleComponentheaderBanners#moduleComponent148 .bannerHtmlContent p,
.moduleComponentheaderBanners#moduleComponent149 .bannerHtmlContent p,
.moduleComponentheaderBanners#moduleComponent6 .bannerHtmlContent p{
margin:50px 0px 0px;
text-shadow: 0px 0px 0px #000;
}

.moduleComponentheaderBanners#moduleComponent147 .bannerHtmlContent a,
.moduleComponentheaderBanners#moduleComponent148 .bannerHtmlContent a,
.moduleComponentheaderBanners#moduleComponent149 .bannerHtmlContent a,
.moduleComponentheaderBanners#moduleComponent6 .bannerHtmlContent a{
	background:#e68457;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:15px 50px;
	text-shadow:0;
	border:2px solid #FFF;
	font-weight:500;
	transition:all 0.5s;
}

.moduleComponentheaderBanners#moduleComponent147 .bannerHtmlContent a:hover,
.moduleComponentheaderBanners#moduleComponent148 .bannerHtmlContent a:hover,
.moduleComponentheaderBanners#moduleComponent149 .bannerHtmlContent a:hover,
.moduleComponentheaderBanners#moduleComponent6 .bannerHtmlContent a:hover{
opacity:0.7;
}

.moduleComponentheaderBanners h1,
.moduleComponentheaderBanners h2,
.moduleComponentheaderBanners h3,
.moduleComponentheaderBanners h4
{
color: #FFF;
font-size: 28px;
font-weight: 400;
margin-top:50px;
text-shadow: 1px 1px 10px #000;
}

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

	.moduleComponentheaderBanners h1 {
		font-size: 52px;
		margin-top:0px;
	}

	.moduleComponentheaderBanners h2,
	.moduleComponentheaderBanners h3,
	.moduleComponentheaderBanners h4 {
		font-size: 52px;
		margin-top:0px;
	}

}


.moduleComponentheaderBanners p
{
font-size: 22px;
color: #fff;
text-shadow: 1px 1px 10px #000;
}

/****************bounce Arrow*********************/

.bounce
{
position: absolute;
bottom: 30px;
left: 45% ;
width: 60px;
height: 60px ;
text-align:center;
animation: bounce 2s infinite;
-webkit-animation: bounce 3s infinite;
-moz-animation: bounce 3s infinite;
-o-animation: bounce 3s infinite;
cursor:pointer;
opacity: 1.0;
display:block;
}

.bounce p
{
font-size:13px;
padding:0px;
margin:0px 0px 5px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

.bounce
{
left: 47% ;
bottom: 30px;
}

}


@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

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

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

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

#pageEditorContent
{
padding: 35px 0px;
}

.gallery .fullWidthContainer {
    margin-top: 0;
    padding-top: 5px !important;
}


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

#pageEditorContent h2
{
float: left;
position: relative;
width: 100%;
background:#7c714e;
color:#FFF;
font-size:22px;
box-sizing:border-box;
padding:8px 20px 8px;
margin-bottom:20px;
}


.the-7-things-you-need-to-know #pageEditorContent h2.header2
{
float: left;
position: relative;
width: 100%;
color:#fff;
font-size:22px;
box-sizing:border-box;
padding:8px 20px 6px;
margin-bottom:50px;
background:#c14e00!important;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
}

.the-7-things-you-need-to-know #pageEditorContent h3.subHeader1
{
float: left;
position: relative;
width: 100%;
background:#FFF;
color:#c14e00;
font-size:20px;
box-sizing:border-box;
padding:0px 0px 0px;
margin-bottom:20px;
font-family: 'Lato', sans-serif !important;
text-transform: uppercase!important;
font-weight:400;
}



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

#footer
{
border-top:1px solid #d0d0d0;
padding-top: 0px;
background:#FFF;
}

#footer ul li,
#footer ul
{
list-style: none;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer p,
#footer a,
#footer ul,
#footer li
{
font-size: 14px;
margin:0;
padding:0;
color: #231f20;
text-decoration: none;
font-weight:500;
}

#footer #panelOne
{
text-align:center;
border-top:1px solid #d0d0d0;
}

#footer #panelOne a
{
margin:0px 14px;
}

#footer #panelTwo
{
padding:10px 0px 5px;
}

#footer #panelTwo img
{
margin:0px 0px 12px;
}


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

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

#footer .firstBlock {
    display: inline-block;
    width: 65%;
}

#footer .thirdBlock {
    float: right;
    margin: 20px 0;
    text-align: right;
    width: 30%;
}


.thirdBlock > p {
    float: left;
    margin: 0 30px 0 0 !important;
    text-align: center;
}


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

p#copyright
{
border-top: 1px solid #b9b9b9;
margin: 0px 0px 0px;
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: #4b4849;
text-align: left;
font-size: 12px !important;
text-transform:none;
font-weight:300;
}

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

	#footer p#copyright span.floatRight
	{
	float: right !important;
	}

}

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

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

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

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

}

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

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

}

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

#listingBlog
{
width:100%;
margin-top: 45px;
margin-bottom: 45px;
}

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

	#listingBlog
	{
	width:60%;
	margin-top: 45px;
	margin-bottom: 45px;
	}

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

	#listingBlog .listingItem.standardModule .moduleItemContent
	{
	width:100%;
	}

}

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

	#listingBlog
	{
	width:65%;
	margin-top: 45px;
	margin-bottom: 45px;
	}


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

}

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

	#listingBlog
	{
	width:76%;
	margin-top: 45px;
	margin-bottom: 45px;
	}

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

}


#listingBlog .listingItem:nth-child(odd),
#listingBlog .listingItem:nth-child(even) {
background:#fff !important;
}

.blog #navBar
{
box-sizing: padding-box;
padding:25px;
margin-top: 60px;
background: #f6f6f6;
}

.blog #navBar a,
.blog #navBar .navCategoryBlogLinks a,
.blog #navBar .navDateLinks a{
text-decoration: none;
font-size:14px;
}

.moduleDetailWrapperBlog
{
float: left;
position: relative;
width: 100%;
margin: 45px 0px ;
padding: 0px 0px 20px 0px;
}

.moduleDetailWrapperBlog #navBar
{
display: none;
}

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

	#listingBlog .listingItem
	{

	}

	#listingBlog .listingItem:nth-child(odd)
	{

	}

	#listingBlog .listingItem:nth-child(even) {
	background:#fff !important;
	}

	#listingBlog .listingItem:nth-child(odd) .moduleItemImage
	{
	margin: 0px 0px 0px 35px;
	}

	#listingBlog .listingItem:nth-child(even) .moduleItemImage
	{
	margin: 0px 35px 0px 0px;
	}

	#listingBlog .listingItem p
	{
	font-size:14px;
	}

	#listingBlog .listingItem h2.title{
	text-transform: none;
	color : #000;
	margin-bottom:0;
	}

}

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

#moduleItemBlog{
margin: 0px 0px 50px 0px;
box-sizing: content-box;
}


#moduleItemBlog #moduleItemContent{
box-sizing: content-box;
}

#moduleItemBlog.moduleItem .moduleItemImage {
float: right;
margin: 0 0 30px 3%;
width: 30%;
}

#moduleItemBlog p
{

}

#moduleItemBlog #moduleItemBack
{
margin:0px 0px 30px 0px;
}

#moduleItemBlog #moduleItemBack a{
color: #666666;
text-decoration: none;
text-transform: uppercase;
}

#moduleItemBlog #imageContainer
{
border:1px solid #e5e5e5;
}

#moduleItem.moduleItemBlog #imageContainer .moduleItemImage
{
width:100%;
margin:0px 0px 15px 15px;
}

#moduleItemBlog #contentContainer h2
{
font-size: 30px;
margin: 0px 0px 8px 0px;
}


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

#navBar
{
margin:20px 0px 0px 0px;
}

#navBar ul,
#navBar ul li,
#navBar h3 {
margin:0;
padding:0;
list-style: none;
}

#navBar h3
{
margin: 15px 0px 0px 0px;
}

#navBar .navCategoryLinks
{
display: inline-block;
float: left;
}

#navBar .navCategoryLinks a
{
display: inline-block;
float: left;
padding: 10px 30px;
margin: 0px 8px 8px 0px;
border: 2px solid #d9d9d9;
color: #999999;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size:16px;
transition: 0.3s all;
border-radius: 3px;
}

#navBar .navCategoryLinks a.selected,
#navBar .navCategoryLinks a:hover
{
border: 2px solid #204998;
color: #204998;
}

/* ---- 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:1640px) {
	.sevenIcon {
	    margin: 4px 20px;
	}
}

@media screen and (max-width:1050px) {
	.sevenIcon {
	    margin: -7px 20px;
	}

	.sevenThings {
	    width: 50%;
	}


}

@media screen and (max-width:1080px) {
	#footer #panelOne a {
	    display: inline-block;
	    margin: 10px 20px 5px;
	}

	#footer .firstBlock {
	    display: inline-block;
	    padding: 0 20px;
	    width: 45%;
	}

	#footer .thirdBlock {
	    display: inline-block;
	    float: right;
	    margin: 20px 0;
	    text-align: right;
	    width: 35%;
	}

}


@media screen and (max-width:1024px) {
	#footer #panelOne a {
	    display: inline-block;
	    margin: 10px 20px 5px;
	}

	#footer .firstBlock {
	    display: inline-block;
	    padding: 0 20px;
	    width: 45%;
	}

	#footer .thirdBlock {
	    display: inline-block;
	    float: right;
	    margin: 20px 0;
	    text-align: right;
	    width: 35%;
	}

	.sevenThings {
	    width: 60%;
	    margin: 0 auto;
	}

}


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

	#footer .firstBlock {
	    display: inline-block;
	    width: 35%;
	}


	#footer .thirdBlock {
	    display: inline-block;
	    float: right;
	    margin: 20px 0;
	    text-align: right;
	    width: 45%;
	}

	.thirdBlock > p {
	    float: left;
	    margin: 0 10px 0 0 !important;
	    text-align: center;
	}

}

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

	#footer .firstBlock {

	}


	#footer .thirdBlock {
		width: 51%;
	}

	.thirdBlock > p {

	}
}

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

	#footer .firstBlock {
	    display: block;
	    text-align: center;
	    width: 100%;
	}


	#footer .thirdBlock {
	    display: block;
	    float: none;
	    margin: 20px 0;
	    text-align: right;
	    width: 100%;
	}

	.thirdBlock > p {
	    float: none;
	    margin: 0 30px 0 0 !important;
	    text-align: center;
	}
}


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

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

	.sevenThings {
	    margin: 30px auto;
	    padding: 20px;
	}

	.sevenIcon {
	    float: none;
	    margin: 5px auto;
	}

	.sevenContent {
	    margin: 0;
	    text-align: center;
	}

}



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

.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.edenhomes.co.nz/js/jquery.liquidslider/images/loading.gif) #f2f2f2 no-repeat center 50%;
}

.ls-select-box {
  background: url(https://www.edenhomes.co.nz/js/jquery.liquidslider/images/menu.png) no-repeat right #ddd;
}
[class$="-arrow"] {
  background-image: url(https://www.edenhomes.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: padding-box;
width:70%;
float: right;
position: relative;
background : #f6f6f6;
}


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



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


.collapse-button {
border-radius: 0px;
font-size: 14px;
padding: 0px 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
width: 0px;
height:48px;

}


/*-------------Landging Banners ------------------*/

.moduleComponentContainerlandingBanners
{
float: left;
position: relative;
width: 100% !important;
height: 100vh !important;
}

.moduleComponentlandingBanners,
.moduleComponentContainerlandingBanners
{
width: 100% !important;
height: 100vh !important;
background-position: center;
background-size: cover;
}

.moduleComponentlandingBanners .centerContainer
{
height: 100vh !important;
}

.moduleComponentlandingBanners .centerContainerInner
{
height: 100vh !important;
}

.moduleComponentlandingBanners .bannerHtmlContent
{

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

.moduleComponentlandingBanners .bannerHtmlContent p
{
  text-align: center;
}


.moduleComponentlandingBanners .bannerHtmlContent
{
position: absolute;
width: 100%;
text-align: center;
}

.moduleComponentlandingBanners h1,
.moduleComponentlandingBanners h2,
.moduleComponentlandingBanners h3,
.moduleComponentlandingBanners h4
{
color: #fff;
font-size: 30px;
margin:0px 0px 30px;
text-shadow: 1px 1px 10px #000;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:800px) {
.moduleComponentlandingBanners h1,
.moduleComponentlandingBanners h2,
.moduleComponentlandingBanners h3,
.moduleComponentlandingBanners h4
{
font-size: 52px;
}

}


/* ------------- OLD STYLE WHITE
.moduleComponentlandingBanners a
{
color:#FFF;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
font-size:20px;
border:1px solid #FFF;
padding:8px 60px;
background: rgba(0,0,0,0.3);
}
*/

.moduleComponentlandingBanners a {
    background: rgba(124, 113, 78, 0.9) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    padding: 8px 60px;
    text-decoration: none;
}

.moduleComponentlandingBanners p
{
font-size: 22px!important;
color: #fff;
text-shadow: 1px 1px 10px #000;
}

	.moduleComponentlandingBanners .bannerHtmlContent
	{
	top: 60%;
	width: 100%;
	}


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

	.moduleComponentContainerlandingBanners
	{
	float: left;
	position: relative;
	width: 100% !important;
height: 100vh !important;
	}

	.moduleComponentlandingBanners,
	.moduleComponentContainerlandingBanners
	{
	width: 100% !important;
	height: 100vh !important;
	background-position: center;
	background-size: cover;
	}

	.moduleComponentlandingBanners .centerContainer
	{
height: 100vh !important;
	}

	.moduleComponentlandingBanners .centerContainerInner
	{
	height: 100vh !important;
	}

	.moduleComponentlandingBanners .bannerHtmlContent
	{
	top: 50%;
	width: 100%;
	}


.moduleComponentlandingBanners .bannerHtmlContent p
	{
	font-size: 22px;
  color: #fff;
text-shadow: 1px 1px 10px #000;
	}



}

.landing-page .sy-box ul.sy-pager
{
display:none!important;
}

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


#moduleComponent59 .bannerImageContainer
{
margin-bottom:50px;
}

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

.moduleComponentDefault .moduleComponent
{
float: left;
position: relative;
width: 100%;
margin-bottom:30px;
}

.moduleComponentDefault .moduleComponent h2.title
{
float: left;
position: relative;
width: 100%;
background:#7c714e;
color:#FFF;
font-size:22px;
box-sizing:border-box;
padding:8px 20px 6px;
}

.moduleComponentDefault .moduleComponent .bannerImageContainer
{
float: left;
position: relative;
margin: 0px 0px 20px 0px;
width:100%;
}


.moduleComponentContainerlifeOutside .moduleComponent a
{
float: left;
position: relative;
border:1px solid #231f20;
padding:12px 25px;
text-decoration:none;
color:#231f20;
font-weight:700;
font-size:20px;
text-transform:uppercase;
}



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

.moduleComponentDefault .moduleComponent .bannerImageContainer
{

width:auto;
margin: 0px 70px 20px 0px;
}

}

.moduleComponentDefault .moduleComponent .bannerHtmlContent
{
padding:0px 20px;
box-sizing:border-box;
}






.moduleComponentDefault .moduleComponent#moduleComponent71 .bannerHtmlContent h2
{
float: left;
position: relative;
width: 103.8%;
background:#7c714e;
color:#FFF;
font-size:20px;
box-sizing:border-box;
padding:8px 20px 6px;
margin:30px 0px 20px -20px;
}
.moduleComponentDefault .moduleComponent#moduleComponent72 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent73 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent49 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent70 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent71 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent69 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent68 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent67 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent43 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent66 h2.title,
.moduleComponentDefault .moduleComponent#moduleComponent56 h2.title
{
display:none;
}

.moduleComponentDefault .moduleComponent#moduleComponent72 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent73 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent49 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent70 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent69 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent68 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent67 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent43 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent66 .bannerHtmlContent,
.moduleComponentDefault .moduleComponent#moduleComponent56 .bannerHtmlContent
{
text-align:center;
color:#7c714e;
}

.moduleComponentDefault .moduleComponent#moduleComponent72 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent73 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent49 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent70 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent69 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent68 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent67 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent43 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent66 .bannerHtmlContent p,
.moduleComponentDefault .moduleComponent#moduleComponent56 .bannerHtmlContent p
{
text-align:center;
color:#7c714e;
margin-bottom:5px;
}

.moduleComponentDefault .moduleComponent#moduleComponent71 .bannerHtmlContent p
{
margin-left:25px;
}

/*****************************************************************************************************************/
/********Our Award Wining Homes*************/

.moduleListingWrapperOurAwardWinningHomes #navBar
{
display:none;
}

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

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .listingItem {
float: left;
position: relative;
width:100%;
margin:20px 0px 40px;
border-bottom: 0.5px solid #d9d9d9;
padding-bottom: 40px;
}

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .extraField
{
float: left;
position: relative;
width:100%;
margin:0px 7% 0px 0px;
}

.moduleListingWrapperOurAwardWinningHomes #listingItem108 .extraField
{
display:none;
}


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

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .extraField
{
width:29%;
margin:0px 7% 0px 0px;
}

}

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .extraField p
{
margin:0px 0px 0px 0px;
}

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .moduleItemContent
{
float: left;
position: relative;
width:100%;
margin-top:4%;
}



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


.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .moduleItemContent
{
width:60%;
margin-top:6%;
}

.moduleListingWrapperOurAwardWinningHomes #listingItem108 .moduleItemContent
{
width:100%;
margin-top:0;
}

}


.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .moduleItemContent h2.title
{
text-transform:none;
font-size:20px;
color:#aaaaaa;
padding: 8px 20px 8px;
}

.moduleListingWrapperOurAwardWinningHomes #listingItem108 h2.title
{
display:none;
}

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .moduleItemContent .readMore
{
display:block;
margin:40px 0px 15px;
}

.moduleListingWrapperOurAwardWinningHomes #listingItem108 .readMore
{
display:none;
}

.moduleListingWrapperOurAwardWinningHomes .moduleItemsListing .moduleItemContent .readMore a
{
border:none;
padding:12px 25px;
text-decoration:none;
color:#fff;
font-weight:700;
font-size:17px;
text-transform:uppercase;
background: #7c714e;
}


/********Our Award Wining Homes Details*************/

.moduleDetailWrapperOurAwardWinningHomes #moduleItemContent,
.moduleDetailWrapperOurAwardWinningHomes #navBar
{
display:none;
}


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

/********Our Homeowners Listing*************/

.moduleListingWrapperOurHomeowners #navBar
{
display:none;
}

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

.moduleListingWrapperOurHomeowners .moduleItemsListing .listingItem {
	float: left;
	position: relative;
	width:100%;
	margin:20px 0px 40px;
	border-bottom: 0.5px solid #d9d9d9;
	padding-bottom: 40px;
}

.moduleListingWrapperOurHomeowners .moduleItemsListing .extraField
{
float: left;
position: relative;
width:100%;
margin:0px 7% 0px 0px;
}



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

.moduleListingWrapperOurHomeowners .moduleItemsListing .extraField
{
width:29%;
margin:0px 7% 0px 0px;
}

}

.moduleListingWrapperOurHomeowners .moduleItemsListing .extraField p
{
margin:0px 0px 0px 0px;
}

.moduleListingWrapperOurHomeowners .moduleItemsListing .moduleItemContent
{
float: left;
position: relative;
width:100%;
margin-top:4%;
}

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


.moduleListingWrapperOurHomeowners .moduleItemsListing .moduleItemContent
{
width:60%;
margin-top:0;
}

}

.moduleListingWrapperOurHomeowners .moduleItemsListing .moduleItemContent h2.title
{
text-transform:none;
font-size:20px;
color:#aaaaaa;
padding: 8px 20px 8px;
}

.moduleListingWrapperOurHomeowners .moduleItemsListing .moduleItemContent .readMore
{
display:block;
margin:40px 0px 15px;
}

.moduleListingWrapperOurHomeowners .moduleItemsListing .moduleItemContent .readMore a, #moduleItemBack a, .moduleComponentContainerlifeOutside .moduleComponent a
{
border:none;
padding:12px 25px;
text-decoration:none;
color:#fff;
font-weight:700;
font-size:17px;
text-transform:uppercase;
background: #7c714e;
left: 34.5%;
}

.moduleComponentContainerlifeOutside .moduleComponent a
{
left: 0%;
}


/********Our Homeowners Details*************/

.moduleDetailWrapper .linkedItem div.readMore
{
display:none;

}



.moduleDetailWrapperOurHomeowners #moduleItemContent,
.moduleDetailWrapperOurHomeowners #navBar
{
display:none;
}

#linkedItemsContainer
{
float: left;
position: relative;
width: 100% !important;
}


#linkedItemsContainer .linkedItem
{
float: left;
position: relative;
width: 100% !important;
height: 100vh !important;
background-position: center;
background-size: cover;
}

#linkedItemsContainer .linkedItem .backgroundImage
{
float: left;
position: relative;
width: 100% !important;
height: 100vh !important;
background-position: center;
background-size: cover;
}

#linkedItemsContainer .linkedItem .moduleItemContent
{
position: absolute;
display: inline-block;
top: 50%;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#linkedItemsContainer .linkedItem h1,
#linkedItemsContainer .linkedItem h2,
#linkedItemsContainer .linkedItem h3,
#linkedItemsContainer .linkedItem h4
{
color: #fff;
font-size: 52px;
margin:0px 0px 30px;
text-shadow: 1px 1px 10px #000;
}

#linkedItemsContainer .linkedItem .moduleItemImage
{
position: absolute;
top:0px;
left:0px;
margin:0px;
width:100%;
height: 100vh !important;
}

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

.contact-us #defaultContent #pageSource {
    float: left;
    position: relative;
    width: 100%;
}

.contact-us #pageEditorContent {
    border: 1px solid #cfcfcf;
    margin: 30px auto;
    padding: 30px;
box-sizing:border-box;
}

.contact-us #defaultContent #emailForm
{
position: relative;
float:left;
width:100%;
padding:0px;
background:#FFF;
}

.contact-us #defaultContent #emailForm .fsub
{
background:#7c714e!important;
color: #fff;
font-family: 'Lato', sans-serif;
border:none;
margin-right:10px;
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
float: none;
}

.contact-us #defaultContent #emailForm .fsub:hover
{
border:none;
color: #000 !important;
}

/* #pageEditorContent > div {
    text-align: center;
} */

.contactBlocks {
    background: #7c714e;
    display: inline-block;
    margin: 10px 0px;
    padding: 10px 20px;
    width: 100%;
  box-sizing:border-box;
}


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

.contactBlocks {
    margin: 10px 0px;
    padding: 10px 20px;
    width: 100%;
}

}


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

.contactBlocks {
    margin: 30px 0px;
    padding: 10px 20px;
    width: 32.3%;
}


}


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

.contactBlocks {
margin: 30px 0px;
padding: 10px 20px;
width: 32.3%;
}

}

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

.contactBlocks {
margin: 30px 10px;
padding: 10px 20px;
width: 31%;
}

}


.contactBlocks > p {
    color: #fff;
    margin: 0;
}

.contactBlocks a {
    color: #fff;
}

#emailForm div.formRow
{
width:100%!important;
}

.contact-us #pageSource table td
{
display:block;
}

.formHeaderText > p {
    font-size: 20px;
    color: #7c714e;
}

#emailForm .field60Container .heading {
    float: none !important;
    text-align: center !important;
}

.contact-us select.fsel,
select.fseldate
{

}

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

#emailForm div.formRow
{
width:48%!important;
margin-bottom: 10px;
}

.contact-us #emailForm div.formRow.field60Container {
	margin: 30px 0 15px;
    position: relative;
    width: 98% !important;
}

.contact-us select.fsel, select.fseldate {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 22px;
}

.contact-us #pageSource table td
{
display:inline-block;
width:48%;
}


}

#emailForm div.formRow.field54Container
{
width:100%!important;
}

#emailForm div.formRow textarea.fmtxt
{
width:94%!important;
}

#emailForm span
{
display:inline-block!important;
width:auto!important;
position: relative!important;
float:left!important;
}

#emailForm span.valueHorizontal,
#emailForm span.labelHorizontal
{
position: relative!important;
float:left!important;
width:100%!important;
color:#231f20;
margin-bottom: 10px;
}

#emailForm div span.required
{
display:inline-block!important;
margin:-10px 0px 0px;
color:#000;
}

#emailForm div.formRow input.fmtxt,
#emailForm div.formRow textarea.fmtxt
{
border:1px solid #cecdcb;
font-family: 'Lato', sans-serif;
}

#emailForm div.formRow input.fmtxt:focus,
#emailForm div.formRow textarea.fmtxt:focus,
#emailForm div.formRow input.fmtxt:hover,
#emailForm div.formRow textarea.fmtxt:hover
{
border:1px solid #7c714e;
}

#pageEditorContent ul#siteMap li:before
{
color:#000;
}

#pageEditorContent ul#siteMap li a
{
color:#231f20;
}

#pageEditorContent ul#siteMap li a:hover
{


text-decoration:underline;
color:#231f20;
}

#pageEditorContent ul#siteMap
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}

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

	#pageEditorContent ul#siteMap{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 20px;
	margin: 0;
	box-sizing:border-box;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	column-gap: 60px;
	margin: 30px 0 0 0;
	-webkit-column-rule: 1px solid #efefef;
	-moz-column-rule: 1px solid #efefef;
	column-rule: 1px solid #efefef;
	}

}


.enlargeImg > p {
    color: #7c714e;
    font-size: 20px;
    font-style: italic;
    font-weight: lighter;
    margin-top: 0;
    text-align: center;
}


.grid.grid--images
{
float:left;
position:relative;
width:100%;
}

.grid-item
{
width: 100%;
box-sizing:border-box;
border:8px solid #FFF;
overflow:hidden!important;
height:auto;
}

.grid-item a
{
line-height:0!important;
margin:0px!important;
padding:0px!important;
}

.grid-item img
{
display:block;
width:100%;
height:auto;
}

/***********************homeowners************************/

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

.grid-item
{
width: 50%;

box-sizing:border-box;
}

}


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

.grid-item
{
width: 25%;
box-sizing:border-box;
}

.grid-item a
{
overflow:hidden;
line-height:0;
}

}


#moduleItemBack
{
float: left;
position: relative;
width:100%;
text-align:center;
border:none;
}


/* ------------ Back to top button ----------------*/

#back-top {
display:none;
}
#back-top a {
	width: 120px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #a6a6a6;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 48px;
	height: 45px;
	display: block;
	margin: 0px 0px 7px 30px;
	background: transparent url(https://www.edenhomes.co.nz/images/style/up_arrow.png) no-repeat center 0px;
	/* rounded corners */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/* background color transition */
	-webkit-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
	padding: 35px 0 0;
}


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

	#back-top {
		position: fixed;
		bottom: 20px;
	right: 20px;
	z-index: 9999;
	display:block;
	}

	.moduleListingWrapperOurHomeowners .moduleItemsListing .moduleItemContent .readMore a, #moduleItemBack a, .moduleComponentContainerlifeOutside .moduleComponent a
	{
	left: 0;
	}

}

.moduleDetailWrapperGallery #moduleItemContent,
.moduleDetailWrapperGallery h1.contentPageTitle
{
display:none;
}

.contact-us select.fsel
{
background:#f3f3f3;
border:1px solid #cecdcb;
}

.contact-us select.fsel option
{
background-color:#f3f3f3;
}

#pageEditorContent a.color2.fsub.milano,
.moduleDetailWrapperShowhomeGallery #moduleItemContent a.color2.fsub
{
padding:12px 25px!important;
text-decoration:none!important;
color:#fff!important;
font-weight:700!important;
font-size:17px!important;
text-transform:uppercase!important;
background: #7c714e!important;
}


/**************New Showhomes laning page***************/

.moduleComponentheaderBanners#moduleComponentShowhomesLanding a#logo
{
position:absolute;
top:17px;
left:17px;
width: 127px;
height: 104px;
z-index:9999;
opacity: 1.0;
background:#73674d;
}


.moduleComponentheaderBanners#moduleComponentShowhomesLanding .bannerHtmlContent{
width: 98%;
position: absolute;
display: inline-block;
top: 45%;
right:0%;
left:1%;
text-align: center;
-webkit-transform: translate(0%,-0%);
transform: translate(0%,-0%);
padding:0!important;
box-sizing:border-box;
}


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

	.moduleComponentheaderBanners#moduleComponentShowhomesLanding .bannerHtmlContent{
	width: 80%;
	top: 45%;
	right:10%;
	left:10%;
	-webkit-transform: translate(0%,-0%);
	transform: translate(0%,-0%);
	}

}

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

	.moduleComponentheaderBanners#moduleComponentShowhomesLanding .bannerHtmlContent{
	width: 98%;
	top: 2%;
	right:1%;
	left:1%;
	-webkit-transform: translate(0%,-0%);
	transform: translate(0%,-0%);
	}

}




.moduleComponentheaderBanners#moduleComponentShowhomesLanding .bannerHtmlContent img{

-webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 15px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 15px 0px rgba(50, 50, 50, 0.5);
}


.showhomesLanding #defaultContent{
padding:50px 3%;
box-sizing:border-box;
width:100%;
}


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

	.showhomesLanding #defaultContent{
	padding:50px 0px;
	width:100%;
	}

}

.showhomesLanding .moduleComponentContainerheaderBanners #moduleComponent118 .bounce.loaded{
display:none!important;
}

.showhomesLanding .contentWrap{
float:left;
position:relative;
padding:20px 3%;
width:100%;
box-sizing:border-box;
}

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

	.showhomesLanding .contentWrap{

	padding:20px 0%;
	width:100%;
	}

}


.rightShowhomeContent .moduleComponent .bannerTitle,
.rightShowhomeContent .moduleComponent .bannerTitle,
#bottomImages .moduleComponent .bannerTitle,
#leftImages .moduleComponent .bannerTitle,
.rightShowhomeContent .moduleComponent .bannerTitle,
.leftShowhomeContent .moduleComponent .bannerTitle{
display:none;
}

.leftShowhomeContent{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0px 20px 0px;
}

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

	.leftShowhomeContent{
	width:100%;
	padding:20px 3% 20px 3%;
	}

}

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

	.leftShowhomeContent{
	width:30%;
	padding:20px 20px 20px 20px;
	}

}

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

	.leftShowhomeContent{
	width:30%;
	padding:20px 20px 20px 0px;
	}

}




.leftShowhomeContent #moduleComponent119{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
}

.leftShowhomeContent #moduleComponent119 .bannerHtmlContent h3{
font-size:38px;
color:#73674d;
line-height:1.6;
}

.rightShowhomeContent{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:0px 2% 0px 2%;
}

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

	.rightShowhomeContent{
	width:100%;
	padding:20px 3% 20px 3%;
	}

}

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

	.rightShowhomeContent{
	width:70%;
	padding:0px 0px 0px 40px;
	}

}

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

	.rightShowhomeContent{
	width:70%;
	padding:0px 0px 0px 40px;
	}

}


.rightShowhomeContent #moduleComponent120{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:0px 0px 0px 0px;
}

.rightShowhomeContent #moduleComponent120 p{
font-size:18px;
}

#leftImages{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 3% 0px 3%;
}


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

	#leftImages{
	width:33.3%;
	padding:20px 10px 0px 0px;
	}

}

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

	#leftImages{
	width:33.3%;
	padding:20px 10px 0px 0px;
	}

}

#leftImages .moduleComponent img{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:0px 0px 10px 0px;
}

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

	#leftImages .moduleComponent img{
	width:50%;
	padding:0px 10px 10px 10px;
	}

}

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

	#leftImages .moduleComponent img{
	width:100%;
	padding:0px 0px 10px 0px;
	}

}

#leftImages .moduleComponent .bannerImageContainer{
float:left;
position:relative;
width:100%;
overflow:hidden;
}


#leftImages .moduleComponent .bannerImageContainer a:after{
content:"Showhome Closed";
width:100px;
position:absolute;
left:-60px;
top:10px;
background:#73674d;
color:#FFF;
text-align:center;
padding:15px 60px;
transform: rotate(-45deg);
}

#bottomImages{
float:left;
position:relative;
width:100%;

}

#bottomImages .moduleComponent{
float:left;
position:relative;
width:100%;
}

#bottomImages .moduleComponent img{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:10px 3% 10px 3%;
}


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

	#bottomImages .moduleComponent img{
	width:100%;
	padding:0px 10px 0px 0px;
	}

}

#bottomImages .moduleComponent .bannerMultipleImageContainer{
float:left;
position:relative;
width:100%;
}

#bottomImages .moduleComponent .bannerImageContainer{
float:left;
position:relative;
width:33.33%;
overflow:hidden;
}



#bottomImages .moduleComponent .bannerImageContainer a:after{
content:"Showhome Closed";
width:100px;
position:absolute;
left:-60px;
top:10px;
background:#73674d;
color:#FFF;
text-align:center;
padding:15px 60px;
transform: rotate(-45deg);
}

#videoLink{
float:left;
position:relative;
width:100%;
margin-top:20px;
box-sizing:border-box;
padding:0px 3%;
overflow:hidden;
}

#videoLink:after{
content:"Showhome Closed";
width:100px;
position:absolute;
left:-60px;
top:10px;
background:#73674d;
color:#FFF;
text-align:center;
padding:15px 60px;
transform: rotate(-45deg);
}

#videoLink img{
width:100%!important;
}


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

	#videoLink{
	width:100%;
	margin-top:20px;
	padding:0px 4%;
	}

}

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

	#videoLink{
	width:66%;
	margin-top:20px;
	padding:0px 0%;
	}

}

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

	#leftImages .moduleComponent img{
	width:100%;
	padding:0px 0px 10px 0px;
	}

}

#googleMapLink{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:10px 3%;
}

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

	#googleMapLink{
	width:33.33%;
	padding:40px 10px 40px 0px;
	}

}

#googleMapLink img{
border:1px solid #ccc;
width:100%;
}

#showhomeHours{
float:left;
position:relative;
width:100%;
margin-top:0px;
box-sizing:border-box;
text-align:center;
padding:40px 3%;
}


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

	#showhomeHours{
	width:66%;
	margin-top:5%;
	padding:0px 60px 0px;
	}

}


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

	#showhomeHours{
	width:66%;
	margin-top:4%;
	padding:40px 60px 0px;
	}

}

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

	#showhomeHours{
	width:66%;
	margin-top:6%;
	padding:40px 60px 0px;
	}

}


#showhomeHours #showhomeHoursInner{
box-sizing:border-box;
border-top:2px solid #e68457;
border-bottom:2px solid #e68457;
padding:40px 0px;
}

#showhomeHours #showhomeHoursInner p{
font-size:22px;
margin:10px 0px;
color:#000;
}

.showhomesLanding .centerContainer,
.showhomesLanding .centerContainerInner{

	width:100%!important;
	box-sizing:border-box!important;
	margin:0px auto;

}

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

	.showhomesLanding .centerContainer,
	.showhomesLanding .centerContainerInner{

		width:1200px!important;

	}

}


	.showhomesLanding #logo{
		display:block;
	}

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

	.showhomesLanding #logo{
        display:none;
	}


}

.showhomesLanding .bannerHeading{
display:none;
}

.showhomesLanding .mobileBannerHeading{
display:block;
}


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

	.showhomesLanding .bannerHeading{
	display:block;
	}

	.showhomesLanding .mobileBannerHeading{
	display:none;
	}

}

/***************Villa Page***********************/

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

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

.sectionBanner .bannerContent{
display: flex;
justify-content: center;
align-items: center;
border:1px solid #FFF;
}

.sectionBanner .bannerContent h2{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Playfair Display', serif;
color:#FFF;
font-size:26px;
font-weight:400;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
margin:0px;
padding:0px;
}

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

	.sectionBanner .bannerContent h2{
	font-size:40px;
	font-weight:400;
	}

}

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

	.sectionBanner .bannerContent h2{
	font-size:58px;
	font-weight:400;
	}


}

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

	.sectionBanner .bannerContent h2{
	font-size:72px;
	font-weight:400;
	}

}

.verita-villas-landing .contentWrap p{
	font-size:18px;
	color:#73674d;
}

.sectionBanner .sectionContactLink{
position:absolute;
bottom:20px;
right:20px;
background: rgba(124, 113, 78, 0.8);
width:auto;
border:1px solid #FFF;
text-align:center;
text-transform:uppercase;
color:#FFF;
cursor:pointer;
padding:15px 50px;
box-sizing:border-box;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}

.sectionBanner .sectionContactLink{
font-size:18px;
color:#FFF;
font-weight:400;
font-family: 'Lato', sans-serif;
text-decoration:none!important;
}

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

.verita-villas-landing .contentWrap img{
width:100%;
}


.verita-villas-landing .contentWrap .bannerTitle{
display:none;
}


.veritaVillasAboutSection .leftShowhomeContent p{
font-family: 'Playfair Display', serif;
font-size:36px;
color:#73674d;
}

.veritaVillasAboutSection .rightShowhomeContent{
margin-top:0px;
}

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

.veritaVillasAboutSection .rightShowhomeContent{
margin-top:100px;
}

}


.veritaVillasAboutSection .rightShowhomeContent p{
font-size:18px;
color:#73674d;
}

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

#veritaVillasAboutImages .bannerImageContainer:nth-of-type(1){
float:left;
position:relative;
width:100%;
margin-bottom:20px;
}

#veritaVillasAboutImages .bannerImageContainer:nth-of-type(2){
float:left;
position:relative;
width:100%;
margin-bottom:20px;
}

#veritaVillasAboutImages .bannerImageContainer:nth-of-type(3){
float:right;
position:relative;
width:100%;
margin-bottom:20px;
}



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

	#veritaVillasAboutImages .bannerImageContainer:nth-of-type(2){
	float:left;
	width:71.5%;
	margin-bottom:20px;
	}

	#veritaVillasAboutImages .bannerImageContainer:nth-of-type(3){
	float:right;
	width:26.5%;
	margin-bottom:20px;
	}

}


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

#veritaVillageContentWrap #veritaVillageMap{
float:left;
position:relative;
width:100%;
margin:20px 0px;
}


#veritaVillageContentWrap #veritaVillageContent{
float:right;
position:relative;
width:100%;
margin:0px 0px 20px;
}


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

	#veritaVillageContentWrap #veritaVillageMap{
	float:left;
	width:63%;
	margin:20px 0px;
	}


	#veritaVillageContentWrap #veritaVillageContent{
	float:right;
	width:35%;
	margin:130px 0px 20px;
	}

}

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

	#veritaVillageContentWrap #veritaVillageMap{
	float:left;
	width:71.5%;
	margin:20px 0px;
	}


	#veritaVillageContentWrap #veritaVillageContent{
	float:right;
	width:26.5%;
	margin:130px 0px 20px;
	}

}

#veritaVillageContentWrap #veritaVillageMap h2{
font-family: 'Playfair Display', serif;
font-size:52px;
color:#73674d;
text-align:center;
}

#veritaVillageContentWrap #veritaVillageContent h3{
font-size:24px;
color:#73674d;
}

#veritaVillageContentWrap #veritaVillageContent hr{
border:1px solid #e68457;
margin:20px 0px;
}

#veritaVillageContentWrap #veritaVillageContent ul{
list-style:none;
margin:0px;
padding:0px;
}

#veritaVillageContentWrap #veritaVillageContent ul li{
font-size:20px;
margin:20px 0px;
color:#73674d;
padding-left:20px;
}


#veritaVillageContentWrap #veritaVillageContent ul li:before{
content:"-";
display:inline-block;
margin:0px 10px 0px -16px;
}


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

#veritaVillageContentWrap #veritaVillageMapLink h2{
font-family: 'Playfair Display', serif;
font-size:28px;
color:#73674d;
text-transform:none;
text-align:center;
margin-bottom:50px;
line-height:1.4;
}

#veritaVillageContentWrap #veritaVillageMapLink a{
font-family: 'Playfair Display', serif;
font-size:28px;
color:#73674d;
text-align:center;
text-decoration:none;
background:#e68457;
padding:10px 100px;
color:#FFF;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}

.sectionBanner.ourVillasBanner{
margin-top:50px;
}

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

.veritaVillasOurVillasSection #fullContent {
float:left;
position:relative;
width:100%;
margin:20px 0px;
}

.veritaVillasOurVillasSection #fullContent h3{
font-size:24px;
color:#73674d;
}

.veritaVillasOurVillasSection #fullContent hr{
border:1px solid #e68457;
margin:20px 0px;
}

.veritaVillasOurVillasSection #fullContent ul{
list-style:none;
margin:0px;
padding:0px;
}

.veritaVillasOurVillasSection #fullContent ul li{
font-size:20px;
margin:10px 0px;
color:#73674d;
padding-left:20px;
}


.veritaVillasOurVillasSection #fullContent ul li:before{
content:"-";
display:inline-block;
margin:0px 10px 0px -16px;
}


.veritaVillasOurVillasSection #veritaVillasOurVillasImages{
float:left;
position:relative;
width:100%;
}

.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(1){
float:right;
position:relative;
width:100%;
margin-bottom:20px;
}

.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(2){
float:left;
position:relative;
width:100%;
margin-bottom:19px;
}

.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(3){
float:left;
position:relative;
width:100%;
margin-bottom:20px;
}



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

	.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(1){
	float:right;
	width:66.4%;
	margin-bottom:20px;
	}

	.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(2){
	float:left;
	width:31%;
	margin-bottom:19px;
	}

	.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(3){
	float:left;
	width:31%;
	margin-bottom:20px;
	}

}

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

	.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(1){
	float:right;
	width:65%;
	margin-bottom:20px;
	}

	.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(2){
	float:left;
	width:31%;
	margin-bottom:19px;
	}

	.veritaVillasOurVillasSection #veritaVillasOurVillasImages .bannerImageContainer:nth-of-type(3){
	float:left;
	width:31%;
	margin-bottom:20px;
	}

}

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

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

}

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

	#veritaVillasOurVillasTabs{
	padding:0px 0%;
	}

}

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

	#veritaVillasOurVillasTabs{
	padding:0px 0%;
	}

}

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

	#veritaVillasOurVillasTabs{
	padding:0px 0%;
	}

}

.centerContainerLarge {
max-width:1600px;
margin: 0 auto;
}

.centerContainerInnerLarge {
width: 100%;
margin: 0px 0% 0;
padding: 0 3%;
box-sizing:border-box;
}

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

	.centerContainerLarge {
	max-width:1600px;
	margin: 0 auto;
	}

	.centerContainerInnerLarge {
	width: 100%;
	margin: 0px 0% 0;
	padding: 0;
	}

}

#veritaVillasOurVillasTabs .tabButtons{
float:left;
position:relative;
width:100%;
margin:0px 0px;
box-sizing:border-box;
}

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

	#veritaVillasOurVillasTabs .tabButtons{
	width:20%;
	margin:0px 0px;
	}

}


#veritaVillasOurVillasTabs .tabButtons a{
display:inline-block;
width:100%;
font-size:28px;
color:#FFF;
text-tranform:uppercase;
background:#73674d;
border:1px solid #73674d;
margin:0px 0px 10px 0px;
padding:15px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.4);
cursor:pointer;
text-transform:uppercase;
letter-spacing:3px;
text-align:center;
box-sizing:border-box;
text-decoration:none;
}

#veritaVillasOurVillasTabs .tabButtons a.active{
color:#73674d;
border:1px solid #73674d;
background:#FFF;
}

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

	#veritaVillasOurVillasTabs .tabButtons a{
	width:49%;
	font-size:28px;
	margin:0px 0px 10px 0px;
	padding:15px;

	}

}


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

	#veritaVillasOurVillasTabs .tabButtons a{
	display:block;
	width:85%;
	font-size:28px;
	margin:0px 0px 42px 0px;
	padding:15px;

	}

}


#veritaVillasOurVillasTabs .ourVillasTabsWrap{
float:left;
position:relative;
width:100%;
margin:30px 0px;
box-sizing:border-box;
}


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

	#veritaVillasOurVillasTabs .ourVillasTabsWrap{
	width:80%;
	margin:0px 0px;
	}

}


#veritaVillasOurVillasTabs .ourVillasTabsWrap .ourVillasPlanHeadings{
border-left:4px solid #e68457;
border-right:4px solid #e68457;
float:left;
position:relative;
width:98%;
font-size:32px;
box-sizing:border-box;
margin:0px 0px 20px;
padding:5px 0px;
  background: url(https://www.edenhomes.co.nz/images/style/villaHeadingBg.jpg) repeat-x center center;
}

#veritaVillasOurVillasTabs .ourVillasTabsWrap .ourVillasPlanHeadings .leftSpan{
background:#FFF;
padding:0px 20px;
}

#veritaVillasOurVillasTabs .ourVillasTabsWrap .ourVillasPlanHeadings .rightSpan{
float:right;
background:#FFF;
padding:0px 20px;
}

#veritaVillasOurVillasTabs .tabcontent {
display: none;
border-top: none;
  animation: fadeEffect 1.5s; /* Fading effect takes 1 second */
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

#villaOne.tabcontent{
display: block;
}

#veritaVillasOurVillasTabs .tabcontent .bannerMultipleImageContainer{
float:left;
position:relative;
width:100%;
margin:0px 0px;
box-sizing:border-box;
}


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

	#veritaVillasOurVillasTabs .tabcontent .bannerMultipleImageContainer{
	width:76%;
	margin:0px 0px;
	}

}

#veritaVillasOurVillasTabs .tabcontent .bannerImageContainer{
float:left;
position:relative;
width:100%;
margin:0px 0px;
box-sizing:border-box;
}


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

	#veritaVillasOurVillasTabs .tabcontent .bannerImageContainer{
	width:50%;
	margin:0px 0px;
	}

}

#veritaVillasOurVillasTabs .tabcontent .bannerImageContainer img{
float:left;
position:relative;
width:100%;
margin:10px 0px;
border:8px solid #c8bab8;
box-sizing:border-box;
}

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

	#veritaVillasOurVillasTabs .tabcontent .bannerImageContainer img{
	width:96%;
	margin:0px 0px;
	}

}

#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent{
float:left;
position:relative;
width:98%;
margin:10px 0px;
background:#7b7472;
box-sizing:border-box;
padding:20px 25px;
min-height:100px;
background: transparent url(https://www.edenhomes.co.nz/images/style/pattern.jpg) no-repeat center 0px;
background-size:cover;
}

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

	#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent{
	width:22%;
	margin:0px 0px;
	padding:20px 25px;
	min-height:765px;
	}

}

#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent h3{
color:#FFF;
font-size:26px;
font-family: 'Playfair Display', serif;
font-style:italic;
margin:0px 0px 30px;
}

#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent hr{
border:1px solid #FFF;
margin:20px 0px;
}

#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent ul{
list-style:none;
margin:0px;
padding:0px;
}

#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent ul li{
font-size:18px;
margin:10px 0px;
color:#FFF;
padding-left:20px;
}


#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent ul li:before{
content:"-";
display:inline-block;
margin:0px 10px 0px -16px;
}

#veritaVillasOurVillasTabs .tabcontent .bannerHtmlContent p{
font-size:18px;
color:#FFF;
font-weight:400;
}

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

.veritaVillasLifeOutside #fullContent h3{
font-size:24px;
color:#73674d;
}

.veritaVillasLifeOutside #fullContent hr{
border:1px solid #e68457;
margin:20px 0px;
}

.veritaVillasLifeOutside #veritaVillasOurVillasImages{
float:left;
position:relative;
width:100%;
}

.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(1){
float:left;
position:relative;
width:100%;
margin-bottom:20px;
}

.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(2){
float:right;
position:relative;
width:100%;
margin-bottom:19px;
}

.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(3){
float:right;
position:relative;
width:100%;
margin-bottom:20px;
}



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

	.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(1){
	width:66.6%;
	margin-bottom:20px;
	}

	.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(2){
	width:31%;
	margin-bottom:19px;
	}

	.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(3){
	width:31%;
	margin-bottom:20px;
	}

}

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

	.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(1){
	width:65.2%;
	margin-bottom:20px;
	}

	.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(2){
	width:31%;
	margin-bottom:19px;
	}

	.veritaVillasLifeOutside #veritaVillasAboutImages .bannerImageContainer:nth-of-type(3){
	width:31%;
	margin-bottom:20px;
	}

}

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

.veritaVillasHood #fullContent h3{
font-size:26px;
color:#73674d;
}

.veritaVillasHood #fullContent hr{
border:1px solid #e68457;
margin:20px 0px;
}

.veritaVillasHood #veritaVillasHoodImages{
float:left;
position:relative;
width:100%;
}

.veritaVillasHood #veritaVillasHoodImages .bannerImageContainer{
float:left;
position:relative;
width:100%;
margin-bottom:20px;
}


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

	.veritaVillasHood #veritaVillasHoodImages .bannerImageContainer{
	width:49%;
	margin-bottom:20px;
	}


}

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

	.veritaVillasHood #veritaVillasHoodImages .bannerImageContainer{
	width:49%;
	margin-bottom:20px;
	}

}

.veritaVillasHood #veritaVillasHoodImages .bannerImageContainer:nth-of-type(1){
float:left;
}

.veritaVillasHood #veritaVillasHoodImages .bannerImageContainer:nth-of-type(2){
float:right;
}

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

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

.contentWrap.locationContent h2{
font-family: 'Playfair Display', serif;
font-size:52px;
color:#73674d;
text-align:center;
}

.contentWrap.locationContent #showhomeHours .visitLink{
display:block;
margin:0px 0px 50px!important;
font-family: 'Playfair Display', serif;
font-size:20px;
color:#73674d;
text-align:center;
text-decoration:none;
background:#e68457;
padding:10px 0px;
color:#FFF;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.4);

}


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

	.contentWrap.locationContent #showhomeHours .visitLink{
	margin:0px 0px 50px!important;
	font-size:28px;
	background:#e68457;
	padding:10px 0px;
	}

}

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

	.contentWrap.locationContent #showhomeHours .visitLink{
	margin:-20px 0px 50px!important;
	font-size:20px;
	background:#e68457;
	padding:10px 0px;
	}

}

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

	.contentWrap.locationContent #showhomeHours .visitLink{
	margin:-50px 50px 50px!important;
	font-size:28px;
	background:#e68457;
	padding:10px 0px;
	}

}


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

.verita-villas-landing .bounce{
display:none;
}

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


.verita-villas-landing .bounce{
display:block;
}

}

.veritaVillasNav{
position:absolute;
bottom:30px;
right:3%;
width:94%;
}

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

	.veritaVillasNav{
	bottom:30px;
	right:30px;
	width:320px;
	}

}



.veritaVillasNav .navBtn{
float:right;
position:relative;
background: rgba(124, 113, 78, 0.8);
width:100%;
border:1px solid #FFF;
text-align:center;
text-transform:uppercase;
color:#FFF;
cursor:pointer;
padding:20px;
box-sizing:border-box;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}

.veritaVillasNav .navBtn p{
font-size:18px;
color:#FFF;
font-weight:700;
font-family: 'Lato', sans-serif;
padding:0px!important;
margin:0px!important;
}

#slideOutMenu{
background: rgba(124, 113, 78, 0.8);
padding:20px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.4);
margin:0px 0px 20px;
border:1px solid #FFF;
}


#slideOutMenu ul{
list-style:none;
margin:0px;
padding:0px;
}

#slideOutMenu ul li{
font-size:18px;
margin:15px 0px;
color:#FFF;
padding-left:20px;
}


#slideOutMenu ul li:before{
content:"-";
display:inline-block;
margin:0px 10px 0px -16px;
}

#slideOutMenu ul li a{
margin:0px;
padding:0px;
text-decoration:none;
color:#FFF;
}

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

#logoLarge{
position:absolute;
bottom:20px;
left:20px;
width:250px;
display:none;
}

#logoLarge img{
width:100%;
border:#73674d 5px solid;
}

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

	#logoLarge{
	display:block;
	}

}

/*************************************/
.headerNavigation #villaLink{
float:left;
position:relative;
height:56px;
padding:0px 0px;
font-size:18px;
line-height:56px;
width:218px;
background: rgba(124, 113, 78, 0.8);
border:1px solid #FFF;
text-align:center;
text-transform:uppercase;
font-weight:700;
font-family: 'Lato', sans-serif;
margin:0px 0px 20px;
text-decoration:none;
color:#FFF;
display:none;
}