/*
	Theme Name: Proactive
	Description: Proactive by Bonfire
	Version: 1.0
	Author: Bonfire
	Author URI: http://www.bonfire.com.au
*/



/* /////////////////////////////////////////////////////////////////////////////////////// GENERAL STYLES */

html {
	box-sizing: border-box;
	height: 100%;

}
*, *:before, *:after {
	box-sizing: inherit;
	z-index: 1;
}
body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	background: white;
	color:#565656;
	overflow-x: hidden;
	height:100%;
	font-weight:normal;
}

h1 {
	font-weight: bold;
	font-size: 52px;
}
h2 {
	font-weight: 300;
	font-size: 38px;
	color: #f09221;

}
h3 {
	font-weight: 300;
	font-size: 28px;
}
h4 {
	font-weight: 300;
	font-size: 20px;
	color: #f09221;
}
h5 {
	font-weight: bold;
	font-size: 18px;
}
h6{
	font-size: 15px;
	font-weight: 300;
}
strong {
	font-weight: bold;
}
a {
	color: #f09221;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #de7e0a;
}

.post a:link{
	text-decoration: underline;
	font-weight: bold;
}

a img{
    border: 0px;
}


.post em {
	color: #999;
}

.post ul li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    left: 20px;
    background: #f09221;
    margin: 7px 0;
}

.post ul li {
    padding: 7px 0;
		color: #ffbf71;
		list-style-type: none;
}


img {
	max-width: 100%;
	height: auto;
}
.site {
	position: relative;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.group:after {
	display: table;
	clear: both;
}
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}
.phone, .header__phone a, .footer__phone a {
	cursor: default;
}
.animate {
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	opacity:0;
}
.doit {
	opacity:1;
}
/*/////////////////////////////////////////////////////////////  Off Canvas menu style */

.off-canvas {
    width: 350px;
    height: 100%;
    position: fixed;
    right: -350px;
    top: 0;
    background: #F09221;
    z-index: 9999;
		-webkit-transition: right .5s ease-in-out;
		-moz-transition: right .5s ease-in-out;
		-ms-transition: right .5s ease-in-out;
		-o-transition: right .5s ease-in-out;
		transition: right .5s ease-in-out;
		padding: 5px;
		overflow: scroll;
		border-left: 2px #fff solid;
}

.mob-clicked .off-canvas{
	right:0;

}

.mob-overlay {
		visibility: hidden;
		opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0, .4);
    z-index: 9998;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out;
}

.mob-clicked .mob-overlay{
	visibility: visible;
	opacity: 1;
}
.off-canvas ul{
	list-style: none;
}


.off-canvas .current-menu-item{
	border: none;
	margin-bottom: 0;
}

.off-canvas ul ul{
	padding: 0px 0 0 10px;
}

.off-canvas ul {
	padding: 10px;
}

.off-canvas li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 20px;
    display: inline-block;
    background: #f99e30;
    width: 100%;
    margin: 2px 0;
}

.off-canvas li a:hover{
	background: #ff991d;
}

.off-canvas .menu-main-menu-container{
	padding: 0 10px;
}

.top-icons {
	display:none;
    top: 0;
    right: 0;
		position: fixed;
    height: 110px;
    background: #F09221;
    z-index: 1000;
}
i.icons{
	display: block;
	color: #fff;
	font-size: 34px;
	text-align: center;
	padding: 6px 12px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	height: 50%;
	cursor: pointer;

}
i.icons:hover{
	color:#ffe1bd;
	background: #f4980b;
}

.top-icons p{
	font-size: 12px;
	text-align: center;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.fa-phone{
	color: #F09221;
	font-size: 34px;
	text-align: center;
	padding: 6px 12px;
}

i.icons.fa.fa-phone {
    padding: 12px 0 0 0;
}

.fa-times {
    font-size: 30px!important;
    position: relative;
		float: right;
    width: 0;
    color: #fff;
    margin:10px 30px 20px;
}

.fa-times:after {
    content: 'close';
    position: absolute;
    left: -40px;
    top: 9px;
    font-size: 14px;
}

.fa-times:hover{
	color: #ffe1bd;
}

.fa-bars:after {
    content: 'MENU';
    position: absolute;
    bottom: 56px;
    font-size: 12px;
    left: 10px;
}
.logo-ol {
    background-image: url('images/logo-ol.svg');
    width: 90%;
    height: 90%;
    position: absolute;
    background-repeat: no-repeat;
    opacity: .08;

}

@media (max-width:1024px){
	.top-icons{
		display:block;
	}
}

@media(max-width:650px){
	.off-canvas li a {
	    font-size: 14px;
	}
}

@media (max-width:400px){
	.off-canvas{
		width: 90%;
		right:-90%;
	}
}




/* /////////////////////////////////////////////////////////////////////////////////////// HEADER */

.header {
	top: 0;
	width: 100%;
	z-index: 999;
	height:220px;
	position: absolute;
	background: rgba(255,255,255, .45);
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	padding:25px 0;
}

.page-template-default .header{
	background: rgba(255,255,255, .7);
}
.header__logo {
	position: absolute;
	width:375px;
  margin: 0 0 0 50px;
}

.header__logo img {
	display: block;
	margin: 0 auto;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header__phone, .sticky-phone {
  display: flex;
}
.header__phone {
	position:absolute;
	top:45px;
	right: 46px;
}

.header__phone p, .sticky-phone p {
  color:#565656;
	font-weight:300;
	font-size: 22px;
	display: inline-block;
	margin: 5px 0 0 0;
}

.header__phone span, .sticky-phone span{
	font-weight:normal;
}
.header__phone a, .sticky-phone a {
	font-weight: normal;
	color: #565656;
	display: inline-block;
	font-size: 28px;
	font-weight:bold;
	padding: 0 0 0 10px;
}

.home .headline {
    padding: 60px 0 60px 50px;
		margin: 0 380px 0 -180px;
}


.page-template-default .headline{
	padding: 0;
	font-size: 38px;
	margin: 0 0 30px;
}



.headline h2, .headline h3 {
    color: #565656;
    font-weight: bold;
    font-size: 39px;
		display: inline;

}

.headline h3{
	font-weight: 300;
	color: #565656;
	padding: 0 0 0 10px;

}

.subheading{
	font-weight: lighter;
	font-size: 30px;
	color: #565656;
	font-weight: 300;
	margin: -30px 0 40px;

}

.page-template-default .subheading{
	margin: 0;;
}

@media(max-width:1600px){
	.home .headline {
	    padding: 60px 0 60px 20px;
	    margin: 0 380px 0 0px;
	}
}

@media(max-width:1400px){
	.headline h1, .headline h3 {
    font-size: 26px;

}

}
@media(max-width:1150px){
	.headline h3,.headline h1{
		padding: 0;
		display: block;
		margin: 0;
		font-size: 34px;
	}
}

@media(max-width:1024px){

	.headline h3,.headline h1{
		display: inline;
		margin: 0;
		font-size: 36px;
	}

	.home .headline{
		width: 96%;
		margin: 0 0 0 2%;
		text-align: left;
		padding: 50px 0;
	}
	.header{
		display:none;
	}
}



@media(max-width:880px){
	.headline h3,.headline h1{
		font-size: 32px;
		display:block;
	}
}

@media(max-width:768px){

.headline h2,.headline h3{
	font-size: 30px;
}
}

@media(max-width:530px){
.page-template-default .headline{
		font-size: 28px;
		margin: 0;
	}
	.subheading{
		font-size: 25px
	}
}









/* /////////////////////////////////////////////////////////////////////////////////////// HEADER SOCIAL ICONS */

.header .social {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	margin: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.social__link {
	text-indent: 100%;
	overflow: hidden;
	display: block;
	opacity: 0.6;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 20px;
	height: 20px;
	margin: 5px;
}
.social__link:hover {
	opacity: 1;
}
.social__link.facebook {
	background: url(images/facebook.png) no-repeat center center;
}
.social__link.twitter {
	background: url(images/twitter.png) no-repeat center center;
}
.social__link.googleplus {
	background: url(images/googleplus.png) no-repeat center center;
}







/* /////////////////////////////////////////////////////////////////////////////////////// HEADER SCROLLED */

.sticky-header{
	opacity:0;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height:110px;
	background: rgba(255, 255, 255, 0.9);
	z-index: 10000;
	box-shadow: -10px 0px 38px #333;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	top:-110px;
}

.scrolled .sticky-header{
	opacity:1;
	visibility: visible;
	top:0;
}



.sticky-phone{
	position: absolute;
	right:46px;
	top:0;
	padding: 8px;
}

.sticky-logo {
    margin: 10px 0 0 60px;
		float: left;
}

.sticky-logo img{
	width:230px;

}

@media(max-width:1024px){
	.sticky-header{
		visibility: visible;
		opacity: 1;
		top:0;
	}
	.sticky-phone, .sticky-nav{
		display: none;
	}
}

@media(max-width:350px){

	.sticky-logo {
    margin: 20px 0 0 13%;
}
.sticky-logo img {
    width: 70%;
}
}


/* /////////////////////////////////////////////////////////////////////////////////////// NAVIGATION */


.header-nav {
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	right: 0;
	float:right;
	top:55px;
}

.header-nav:after {
	content: "";
	display: table;
	clear: both;
}

.header-nav li {
	position: relative;
	float: left;
	text-align: left;
	list-style: none;
	padding: 15px 18px;
	background: #565656;
}

.header-nav a {
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	text-decoration: none;
}

.header-nav ul li:first-child:after{
	display:none;
}

.header-nav ul ul li:after{
	content: ''
}

.header-nav li:last-child a:hover {
	background: #ff8514;
	color:#fff;

}

.header-nav li li:last-child a:hover{
	background: rgba(85, 85, 85, .0);
	color:#FFAF00;
}

.header-nav li a {
	display: block;
	color:#fff;
	font-weight: bold;
}

.header-nav li:first-child a{
	padding: 0 0 0 18px;
}

.header-nav li:last-child a {
	background: #F09221;
	padding: 15px 45px 15px 18px;
	margin-left:18px;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header-nav li:last-child{
	padding: 0;
}


.header-nav li li:first-child a{
	padding: 15px 18px;
}

.header-nav li li:last-child a {
	padding: 15px 18px;
	margin-left: 0;
}

.header-nav li a:hover{
	color:#FFAF00;
}

.header-nav .current_page_item a {
	color:#FFAF00;
}
.header-nav .current_page_item li a {
	color:#fff;
}





/* Second level
-------------------------------*/

.header-nav ul ul li {
    padding: 0;
    left: -40px;
    top: 15px;
		background: rgba(85, 85, 85, 1);
}



 .header-nav ul ul li:last-child a{
	background: rgba(85, 85, 85, .0);
	padding: 15px 18px;
}
.header-nav ul ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	height: 0;
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
.header-nav ul ul li a {
	padding: 15px 18px;
	min-width: 250px;
	color: #fff;
	font-size: 1em;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.header-nav ul ul a:hover {

	color: #FFAF00;
}
/* Third level
-------------------------------*/
.header-nav ul ul ul {
	right: 265px;
	top: 0;
}
.header-nav ul ul ul a {
	width: 164px;
}
.header-nav ul ul ul li:first-child a {
}
.header-nav ul ul ul li {
	right: 250px;
	visibility: hidden;
	opacity: 0
}
.header-nav ul ul:hover ul li {
	visibility: visible;
	opacity: 1;
}
/* Fourth level
-------------------------------*/
.header-nav ul ul ul ul {
	right: 265px;
	top: 0px;
}
.header-nav ul ul ul ul a {
	width: 164px;
}
.header-nav ul ul ul ul li:first-child a {
}
/* Show second level on first level hover
-------------------------------*/
.header-nav ul li:hover ul, .header-nav ul a:hover ul {
	opacity: 1;
	visibility: visible;
}
/* Hide third level on second level hover
-------------------------------*/
.header-nav ul:hover ul ul {
	opacity: 0;
	visibility: hidden;
}
/* Show third level on second level hover
-------------------------------*/
.header-nav ul:hover ul:hover ul {
	opacity: 1;
	visibility: visible;
}
/* Hide fourth level on second level hover
-------------------------------*/
.header-nav ul :hover ul :hover ul ul {
	opacity: 0;
	visibility: hidden;
}
/* Show fourth level on second level hover
-------------------------------*/
.header-nav ul :hover ul :hover ul :hover ul {
	opacity: 1;
	visibility: visible;
}


/* Sticky Nav */

.header-nav.sticky-nav{
	top:40px;
}





/* /////////////////////////////////////////////////////////////////////////////////////// SLIDER */

.slide {
	top: 0;
	width: 100%;
	height: 56%;
	z-index: 9;
}
.slide__item {
	background-size:cover;
	position: absolute;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	bottom: 0;
	top: 0;
	width: 100%;
	z-index: -1;
  height: 85%;
}
.slide__title {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	z-index: 999;
	padding:0 0 70px 0;
	opacity:1;
	margin: 280px 0 60px;
	text-align: center;
}
.slide__headline {
	font-size: 48px;
	font-weight: 300;
	letter-spacing: .1em;
	line-height: 1.5;
	text-transform: uppercase;
	text-shadow: 0px 0px 20px #565656;
	position: relative;
	z-index: 999;
}
.slide__intro {
	font-size: 18px;
	letter-spacing: .1em;
	font-weight: 300;
	line-height: 1.3;
	margin: 10px 0 0;
	position: relative;
	z-index: 999;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.slide-logo {
	background: url(images/banner-logo.png) no-repeat center;
	z-index: 0;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 323px;
}
.slide-grad {
	background: url(images/grad_banner.png) repeat-x bottom center;
	z-index: 0;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 500px;
}
	.slide__pager {
		display: block;
		position: absolute;
		bottom: 20px;
		left: 20px;
		z-index: 9;
		margin: 5px;
	}
	.slide__pager a {
		background: #2a3152;
		display: block;
		width: 20px;
		height: 20px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin: 5px;
	}

	.slide__pager .active {
		background: #fff;
	}
	.slide__pager a:hover {
		background: #fff;
	}

/* /////////////////////////////////////////////////////////////////////////////////////// FEATURED CTA'S */

.form-underlay{
	width:380px;
	height:90%;
	position: absolute;
	right: 0;
	background: rgba(255,255,255, .45);
	top: 220px;
}

.page-template-default .form-underlay{
	display: none;
}

.featured {
	margin:0 0 0 100px;
	z-index:99;
	position:relative;
	width:1200px;
}

.featured::after{
	content:'';
	display: table;
	clear: both;
}



.featured__item {
    width: 33%;
    display: inline-block;
    padding: 40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
		float:left;

}

.featured__head {
    margin: 0 0 30px;
}

.featured__title {
    color: white;
    font-size: 24px;
    font-weight: bold;
		display: inline;
		padding: 0 0 0 50px;
		position: relative;
}

.featured__title img{
	position: absolute;
	left: 0;
}


.featured-text{
	font-size:14px;
	color: #333;
	font-weight: 300;
	margin: 10px 0;
}

.featured__item:hover{
	background: #dedede;
}




/* Button Styles */


.but-text {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
	background-color: white;
	padding: 10px 60px 10px 40px;
	color: #565656;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 30px 0 20px 0;
}

.but-text:after {
    content: '';
    border-left: 5px solid #F09221;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 50%;
    margin: -4px 0 0 20px !important;
    padding: 0 0 0 20px;
}

.but-text:hover:after {
    content: '';
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 50%;
    margin: -4px 0 0 20px !important;
    padding: 0 0 0 20px;

}


.but-text:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#F09221;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.but-text:hover, .but-text:focus, .but-text:active {
  color: white;
}
.but-text:hover:before, .but-text:focus:before, .but-text:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media(max-width:1300px){
	.featured__item{
		padding: 60px 20px;
		height: 360px;

	}

}

@media(max-width:850px){

.featured__item{
	height: auto;
}
}







/* /////////////////////////////////////////////////////////////////////////////////////// GRAVITY FORMS */

.home .mob-form{
	display:none;
}


.home .ctaform {
    position: absolute;
    right: 0;
    z-index: 4;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: white;
    width: 380px;
    display: block;
    z-index: 3;
    padding: 10px 0px 0 30px;
    bottom: -108px;
    border-right: 16px solid #f09221;
}

.gform_fields {
	margin: 0;
	padding: 28px 0 0 0;
	list-style: none;
}

.gform_body {
    margin-right: 30px;
}

.gfield_label {
	display: none;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"], .gform_wrapper input[type="file"], .gform_wrapper textarea, .gform_wrapper select {
	border: 0;
	width: 100%;
	padding: 15px;
	margin: 0 0 10px;
	background:#cdcdcd;
	border:none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color:#333;
}

.home #gform_confirmation_wrapper_1{
	padding: 20px 10px;
}

.gform_wrapper textarea {
	height: 9em;
}
.gfield {
	position: relative;
}
.gfield_description {
	margin: 10px 0;
	font-size: 14px;
}



.gform_title{
  font-size: 18px;
	text-transform:uppercase;
	font-weight: 700;
	padding: 30px 0 0 0;
	margin: 0;
}

.sidebar .gform_title, .sidebar .gform_description{
	color:#565656;
}

.gform_description{
	font-weight: normal;
	font-size: 14px;
	font-weight: 300;
}

.gform_button {
	background: #f09221;
	border: 0;
  padding:10px 55px 10px 35px;
	color: #fff;
	margin: 45px 0 0 0;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
	left: 0;
	font-size: 24px;
	font-weight: bold;

}

.home .gform_button:hover{
	padding:10px 55px 10px 55px;
}

.page-template-default .gform_button{
	padding: 10px 2000px 10px 35px;
	margin: 30px -1970px 0px 0px;

}

.page-template-default .gform_button:hover{
	padding: 10px 2000px 10px 55px;
}

.gform_footer {
	position: relative;
}
.gform_footer:hover:after {
	margin-left: 5px;
}




::-webkit-input-placeholder {
	color: #fff;
	text-transform: uppercase;
}
::-moz-placeholder {
	color: #fff;
	text-transform: uppercase;
}
:-ms-input-placeholder {
	color: #fff;
	text-transform: uppercase;
}
.validation_message, .validation_error {
    color: #e72b2b;
    position: relative;
    font-size: 13px;
    margin: -8px 0 10px;
}

.validation_error{
	margin: 0 0 -20px;
}
@media(max-width:1024px){
	.home .ctaform, .form-underlay{
		display:none;
	}
	.page-template-default .gform_button, .home .gform_button {
    padding: 10px 60px;
    margin: 0px;
}

.gform_body{
	margin: 0;
}

.home .mob-form{
	display:block;
}
}

/* /////////////////////////////////////////////////////////////////////////////////////// MAIN */

.wrap {
	max-width: 1300px;
	margin: 0 auto;
}

.wrap-ab {
    width: 1300px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -650px;
}

.main  {
	z-index: 99;
	overflow: hidden;
}




.homepage-overflow{
		overflow: hidden;
}

.home .main__bottom {
	position:relative;

}
.main__top__content {
	padding:0;
	background:#fff;
	position: relative;
	z-index: 99;
}

.main-featured-wrap{
	background-color: #cdcdcd;
	margin:0 -100% 0 0;
	position: relative;
  z-index: 9;

}

.main__bottom {
    width: 1300px;
    margin: 0 auto;
		position: relative;


}

.page-template-default .main__bottom{
	padding: 80px 0 0;
}

.main__bottom__img {
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 0 -100% 0 0;
    background: url(images/home-02.jpg) right;
    height: 860px;
    position: relative;
}


.main__bottom__content {
	padding: 100px 0;
	z-index: 300;
}


.post {
	z-index: 99;
	position: relative;
	width: 850px;
	float: left;

}

.post p{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.7;
}

.page-template-default .main__bottom .post{
	margin:0 0 80px;
}

.mid-content {
    bottom: 0;
    width: 1300px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+43,ffffff+100&0.7+0,1+43,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


    position: absolute;
}


.home .post h1{
	font-weight: bold;
	font-size: 48px;
}

.home .post h4{
	font-size: 30px;
	margin: 0 0 -30px;
}

.home .post h1, .home .post h4{
	text-align: right;
	float: right;
	width: 100%;
	position: relative;
	color: #F09221;
}


.mc-content {
    padding: 50px;
		position: relative;
		text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.mc-content .post{
	width:auto;
}

.mc-content p{
	padding: 0 50px;
}

a.but-text.page-but {
    background: #565656;
    text-decoration: none;
    color: #fff;
}


@media(max-width:1300px){
		.wrap{
			width:90%;
		}

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

	.home .post{
		width: 100%;
		text-align: left;
	}

	.page-template-default .main__bottom .post{
		width:63%;

	}


	.main__bottom{
		width:100%;
		margin: 0;
	}
	.main-featured-wrap{
		margin: 0;
		width:100%;
		float: left;
		background-color: none;
	}


.mc-content{
	padding: 0px;
}


.featured__head{
	margin: 0;
}

.featured__title, .featured__image{
	display: block;
    width: 100%;
}

.featured__title{
	margin: 0;

}

.main__bottom__img{
	margin: 0;
	padding: 0;
}
.mid-content{
	width: 100%;
	padding: 300px 50px 160px;
	position: relative;
	float: left;
}

	}

	@media(max-width:1024px){
		.home .post h1, .home .post h4 {
	    text-align: left;
			float: none;

		}
		.mid-content{
			bottom:0;
		}

		.page-template-default .main__bottom .post{
			width:100%;
		}

		.home .post h4{
			margin:0;
		}
		.featured__title{
			font-size: 20px;
		}
	}
	@media(max-width:850px){
		.featured__item {
    width: 86%;
    margin: 0 0 50px 7%;
    background: #BDBDBD;
    padding: 40px;

}
.featured__image {
    display: inline;
    width: auto;
}
.featured__head {
    margin: 0 0 20px;
}

.main-featured-wrap{
	padding: 50px 0 0 0;
}

.featured__title{
	font-size: 25px;
}


	}

	@media(max-width:768px){
		.page-template-default .main__bottom{
			padding: 30px 0 0 0;
		}
		.main__bottom__img{
			background: #fff;
		}

		.mid-content{
			padding: 60px 5%;
		}

		.home .post h1{
			font-size: 30px;
		}
		.home .post h4{
			font-size: 24px;
		}

		.mc-content p{
			padding: 0;
		}

	}



	/* ////////////////////////////////////////////////////////////////////////////////////// SIDEBAR */

.sidebar{
	width:350px;
	float:right;

}


@media(max-width:1300px){
	.sidebar{
		width:33%;
	}
}



@media(max-width:1024px){
	.sb-border{
		display:none;

		}


		.sidebar{
			width:100%;
			float:none;
		}

		.sidebar .gform_wrapper{
				width:350px;
				margin: 0 auto;
		}

	}

	@media(max-width:550px){
		.sidebar .gform_wrapper{
			width:90%;
		}
	}



/* /////////////////////////////////////////////////////////////////////////////////////// HOMEPAGE */

.home .main__top {
	padding: 0;
	position: relative;
}
.home .site {
	overflow: visible;
	position: relative;
	z-index:99;
  top: 55%;
	background:white;
}
.home .spacer {
	height: 100%;
	z-index: -9;
  background-color: white;
}
.home {
	height: 100%;
}

/* /////////////////////////////////////////////////////////////////////////////////////// INNER PAGE */

.page-template-default .main {
	overflow:hidden;
	position:relative
}
.grad-inner {
	background: url(images/grad_inner.png) repeat-x top;
	z-index: 0;
	position: absolute;
	top:450px;
	width: 100%;

	height: 450px;
}
.inner-content {
	background:white;
	z-index:9;
	margin:600px 0 100px 0;
}

.page-template-default .main__bottom {
	margin:0 auto;
}


.inner-content .main__bottom__content {
	padding: 80px 0 0;
}

.inner__banner {
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	bottom: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	height: 83%;
	display: block;
	position: relative;

}

.page-template-default .inner__banner{
	height: 620px;
}
.page-template-contact-us .inner__banner{
	height: 620px;
}
.page-template-contact-us .main__bottom {
    padding: 80px 0 0;
}
.page-template-contact-us .gform_button {
    padding: 10px 2000px 10px 35px;
    margin: 30px -1970px 0px 0px;
}
.mob-banner {
    margin: 110px 0 0;
    width: 100%;
}


.error404 .main__bottom{
	margin: 230px auto 0 ;
}

.


@media(max-width:1024px){
	.inner__banner {
    background-size: 1250px;
     background-position: inherit;
		 height: 660px;

}
.error404 .main__bottom h1{
	font-size: 35px;
}
}




/* /////////////////////////////////////////////////////////////////////////////////////// GALLERY */

.page-template-gallery .beforeandafter h3, .page-template-gallery .beforeandafter p {
	display: none;
}
.gallery-item {
	width:255px;
	height:220px;
	background:#292a71;
	display:inline-block;
	margin:3px;
	position:relative;
	float:left;
}
.gallery-item img {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	opacity:1;
	width:100%;
	height:auto;
	border:0;
}
.gallery-item:hover img {
	opacity:.5;
}
.wp-caption-text {
	display: none;
}

/* /////////////////////////////////////////////////////////////////////////////////////// FOOTER */

.footer {
	position: relative;
	z-index: 0;
	background: #fff;
	width:100%;
	overflow:hidden;
	margin:0;
	color:#fff;
	border-left: solid 16px #F09221;
	margin: 200px 0 0;
	float: left;
}

.page-template-default .footer{
	margin: 200px 0 0;
}

.footer__map {
	width: 100%;
	height: 436px;
	position: absolute;
	z-index: 20;
}

.preth__map, .man__map{
	position: relative;
}

.footer__deets {
	background: rgba(255,255,255,1);
	width: 4000px;
	margin: 0 -3600px 0 0;
	position: absolute;
	right: 0;
	top:0;
	height: 250px;
	overflow: hidden;
}

.footer__deets__two {
	background: rgba(255,255,255,1);
	width: 4000px;
	height: 100%;
	margin: 0 -3600px 0 0;
	position: absolute;
	right: 0;
	top:0;
	height:250px;
}

.footer .wrap {
	position: relative;
  height: 500px;
	z-index: 0;

}

.footer-text{
	width: 400px;
	position: relative;
	text-align: right;
	background:#565656;
}

 .footer-text-two {
	width: 400px;
	position: relative;
	text-align: right;
	background:#565656;
}

.location {
	padding: 15px 20px 30px 0;
	margin: 48px 0 0 0;
}

.location-two {
	padding: 13px 20px 30px 0;
}

.location-name, .location-phone, .location-name-two, .location-phone-two{
	display: inline;
	color:#f09221;
}
.location-phone, .location-phone-two {
	font-weight: bold;
	font-size: 26px;
	margin: 0;
}
.location-name, .location-name-two{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.location-ad, .location-ad-two{
  line-height: 0;
	margin: 5px 0 0 0;
	font-weight: 300;
}
.location__enquiry, .location__enquiry-two {
	margin: 0 0 25px 0;
}
/* Perth Map */

#perth-map {
    margin-bottom: 20px;
}

.perth__map .location__map .marker {
	background: url(images/perth-map.png) no-repeat center center;
	width: 163px;
	height: 78px;
	margin: -78px 0 0 -31px;
}
.perth__map .location__map, .man__map .location__map {
	height: 250px;
	margin: 0 -900px 0 -1350px;
	position: relative;
}
.perth__map .location__map{
	border-bottom: 15px solid #565656;
}

/* Mandurah Map */

.man__map .location__map {
	border-top: 15px solid #565656;
}

.man__map .location__map .marker {
	background: url(images/man-map.png) no-repeat center center;
	width: 239px;
	height: 78px;
	margin: -78px 0 0 -31px;
}


.footer__logo {
	text-align:center;
	width: 380px;
	margin-left: 75px;
}
.footer__info {
	font-size: 12px;
	text-transform: uppercase;
	background: #f09221;
	width: 100%;
	color: #ffffff;
	padding: 20px 20px 40px 20px ;
	position: relative;
}
.footer__low {
	width: 1300px;
	margin: 0 auto;
	position: relative;
}
.footer__info .copyright {
	float: left;
}
.footer__info .credits {
	color: #fac27e;
	float: right;
}
.footer__info .credits a {
	font-weight: 700;
	color: #fac27e;
	font-family: 'Montserrat', arial, sans-serif !important;
}
.footer__info .credits a:hover {
	color: #fff;
}

.enquiry{
	margin: 40px 0 0 220px;

}

.enquiry a, .enquiry p {
	display: inline;
	font-size: 14px;
	font-weight: 300;
}
.enquiry p{
	color:#565656;
}
.enquiry a{
	color:#f09221;

}
@media(max-width:1450px){
	.footer__logo img {
    width: 100%;
}

.footer__logo{
	    width: 300px;
}

.enquiry {
    margin: 20px 0 0 20px;
}

.location{
	margin: 68px 0 0 0;
}
.footer__low{
	width: 90%;
	margin: 0 0 0 5%;


}

}

@media(max-width:768px){
	.perth__map, .man__map, .enquiry{
		display:none;
	}

	.footer__deets{
		margin: 0;
		width:100%;
    position: relative;
	}

	.footer__logo img {
    width: 50%;
}

.footer__logo  {
    width: 100%;
		margin-left:0;
}

.footer .wrap, .footer-text, .footer-text-two{
	width:100%;
	height: auto;;

}

.footer{
	border-left: none ;
}
.location, .location-two{
	text-align: center;
	padding: 20px 20px 30px;
	margin: 0;;
}
.location-ad, .location-ad-two{
	line-height: 1;
}

.footer__info .copyright, .footer__info .credits{
	float: none;
	display:block;
}

.footer__low, .credits{
	text-align: center;
}

.footer__info{
	padding: 30px 20px;
}
}