@import url("http://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600");

* {
	position: relative;
}

.breaker {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

html, body {
	height:100%;
	width:100%;
	font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased !important;
}

.row {
	margin:0;
	padding:0;
}

h1 {
	font-size:50px;
}

img.navbar-brand {
	margin-top: 0px;
	padding: 2px;
}


.icon-bar {
	background-color:#FFFFFF;
}

.header .btn-lg {
	font-size:28px;
	border-top-color:#EEEEEE;
	border-right-color:#EEEEEE;
	border-bottom-color:#EEEEEE;
	border-left-color:#EEEEEE;
	background-color:transparent;
	color:#FFFFFF;
	padding:15px;
}

.header .btn-lg:hover {
	background-color:#F85D8C;
	color:#FFFFFF;
}

.navbar a {
	color:#FFFFFF;
}

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

.navbar-bold.affix {
	background-color: #ef91c3;
}

.navbar-bold {
	background-color: #ef91c3;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.navbar-bold li a:hover {
	background-color:#F85D8C;
}

.navbar-bold li.active {
	background-color:#F83A66;
}

.vert {
	vertical-align:middle;
	width:100%;
	padding-top:4%;
}

@media (min-width: 1200px) { 
	.header h1 {
		font-size:120px;
		-webkit-text-stroke-width:1px;
		-webkit-text-stroke-color:rgba(248,58,102,0.90);
		color:#FFFFFF;
		margin-left:-5px;
		margin-bottom:5px;
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.header .lead {
		color:#EEEEEE;
		font-size:34px;
	}
	.header .btn-lg {
		font-size:30px;
		border-top-color:#EEEEEE;
		border-right-color:#EEEEEE;
		border-bottom-color:#EEEEEE;
		border-left-color:#EEEEEE;
		background-color:transparent;
		color:#FFFFFF;
		padding:15px;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.header h1 {
		font-size:90px;
		-webkit-text-stroke-width:1px;
		-webkit-text-stroke-color:rgba(248,58,102,0.90);
		color:#FFFFFF;
		margin-left:-5px;
		margin-bottom:5px;
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.header .lead {
		color:#EEEEEE;
		font-size:26px;
	}
	.header .btn-lg {
		font-size:24px;
		border-top-color:#EEEEEE;
		border-right-color:#EEEEEE;
		border-bottom-color:#EEEEEE;
		border-left-color:#EEEEEE;
		background-color:transparent;
		color:#FFFFFF;
		padding:15px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
.header h1 {
	font-size:70px;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:rgba(248,58,102,0.90);
	color:#FFFFFF;
	margin-left:-5px;
	margin-bottom:5px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.header .lead {
	color:#EEEEEE;
	font-size:20px;
}
.header .btn-lg {
	font-size:22px;
	border-top-color:#EEEEEE;
	border-right-color:#EEEEEE;
	border-bottom-color:#EEEEEE;
	border-left-color:#EEEEEE;
	background-color:transparent;
	color:#FFFFFF;
	padding:15px;
}

}

@media (max-width: 767px) {
.header h1 {
	font-size:50px;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:rgba(248,58,102,0.70);
	color:#FFFFFF;
	margin-left:-5px;
	margin-bottom:5px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-top: 8%
}
.header .lead {
	color:#EEEEEE;
	font-size:18px;
}
.header .btn-lg {
	font-size:16px;
	border-top-color:#EEEEEE;
	border-right-color:#EEEEEE;
	border-bottom-color:#EEEEEE;
	border-left-color:#EEEEEE;
	background-color:transparent;
	color:#FFFFFF;
	padding:15px;
}

}


.header {
	height:100%;
	background-image:url(/2014/img/bg_suburb.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#CC6699;
	-webkit-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
}

.blurb {
	background-color:#FEFEFE;
	padding:120px 0px 120px 0px;
}

.blurb .panel {
	background-color:transparent;
}

.blurb .panel a {
	text-decoration: none;
}
.bright {
	background-image:url(/2014/img/bg_suburb.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FC93D4;
	-webkit-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	color:#FFFFFF;
}

.slide {
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 65px;
	padding-top: 50px;

}

#slide-3 {
	background-color: #000;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 100%;
}
	
	#slide-3 .col-12 {
		display: inline-block;
		height: 451px;
		margin: 0;
		padding: 0;
		width: 452px;
	}

	#slide-3 a,
	#slide-3 img {
		display: inline-block;
		height: 100%;
		margin: 0 auto;
		width: 100%;
	}
	
@media (max-width: 991px) {
	#slide-3 {
		text-align: center;
		width: 100%;
	}
	
	#slide-3 .row {
		left: 0 !important;
		margin: 0;
		width: 100% !important;
	}
	
	#slide-3 .col-12 {
		height: auto;
		width: 50%
	}

	#slide-3 a,
	#slide-3 img {
		height: auto;
		max-height: 100%;
		max-width: 100%;
		width: auto;
	}
}
	
@media (max-width: 767px) {
	#slide-3 .col-12 {
		width: 100%;
	}
}


.callout {
	color:#FFFFFF;
	padding-top:7%;
	height:100%;
	width:100%;
	background-image:url(/2014/img/bg_suburb.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FC93D4;
	-webkit-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
}

.featurette {
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#545455;
	background-size:initial;
	color:#FFFFFF;
	padding:50px 0px 50px 0px;
}

.featurette-item {
	margin-bottom:15px;
}

.featurette-item > i {
	-webkit-border-top-left-radius:50%;
	border-top-left-radius:50%;
	-o-border-top-left-radius:50%;
	-ms-border-top-left-radius:50%;
	-moz-border-radius-topleft:50%;
	-webkit-border-top-right-radius:50%;
	border-top-right-radius:50%;
	-o-border-top-right-radius:50%;
	-ms-border-top-right-radius:50%;
	-moz-border-radius-topright:50%;
	-webkit-border-bottom-right-radius:50%;
	border-bottom-right-radius:50%;
	-o-border-bottom-right-radius:50%;
	-ms-border-bottom-right-radius:50%;
	-moz-border-radius-bottomright:50%;
	-webkit-border-bottom-left-radius:50%;
	border-bottom-left-radius:50%;
	-o-border-bottom-left-radius:50%;
	-ms-border-bottom-left-radius:50%;
	-moz-border-radius-bottomleft:50%;
	display:inline-block;
	font-size:56px;
	width:140px;
	height:140px;
	line-height:136px;
	vertical-align:middle;
	text-align:center;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	border:3px solid #FFFFFF;
}

.featurette-item > i:hover {
	font-size:68px;
}

.list-inline a {
	text-decoration: none;
}

#lightbox-out {
	background-color: rgba( 0, 0, 0, 0.7 );
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 99999;
}

.with-hover-text span {
	display: none;
}

.zoom {
	background-image: url('/2014/images/zoom.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

#arrows {
	bottom: 10%;
	height: 80px;
	position: fixed;
	right: 10%;
	width: 80px;
	z-index: 1000;
}

#arrows div {
	background-image: url('/2014/images/website-arrows.png');
	cursor: pointer;
	height: 30px;
	position: absolute;
	width: 30px;
}

#arrows div.disabled {
	cursor: default;
}

#arrow-up {
	background-position: 30px 0;
	left: 25px;
	top: 0;
}

#arrow-up.disabled {
	background-position: 0 0;
}

#arrow-down {
	background-position: 30px -30px;
	left: 25px;
	bottom: 0;
}

#arrow-down.disabled {
	background-position: 0 -30px;
}

#arrow-left {
	background-position: 30px -60px;
	left: 0;
	top: 25px;
}

#arrow-left.disabled {
	background-position: 0 -60px;
}

#arrow-right {
	background-position: 30px -90px;
	right: 0;
	top: 25px;
}

#arrow-right.disabled {
	background-position: 0 -90px;
}

.navigation-slide {
	cursor: pointer;
}


footer {
	padding:100px 0px 100px 0px;
}