/*   
Theme Name: Jade Pools
Theme URI: http://www.inboundwebsolutions.com.au
Description: This is main stylesheet for Jade Pools Website -- WordPress v3.3.1
Author: Jo Hunter
Author URI: http://www.inboundwebsolutions.com.au
Version: 1.0
*/

/**************************
*     COLOUR SCHEME       *
*   Jade Yellow #f5c93c;  *
*   Jade Blue #00a7fe;    *
*   Jade Green #009590;   *
*   Dark Grey #2c2c2c;    *
***************************/


* { margin: 0; padding: 0; }

body { 
	background-color:#43c4dd;
	background-repeat:repeat;	
	font: 14px/1.4 "proxima-nova",sans-serif;
} 
}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


.container { 
	width: 100%; 
	margin: 0px auto;
	background-color:#fff;	
}

.t-container {
	background:transparent;
	width: 90%; 
	margin: 0px auto;
}

.wrap {
	padding:3%;
	margin:0 auto;
	background-color:#fff;
}

.wpb_column {
	margin-bottom:20px;
}

@media only screen and (min-width: 768px) {
.container { 
	width: 90%; 
	margin: 0px auto;
	background-color:#fff;	
}

.wpb_column {
	margin-bottom:0px;
}

.wrap {
	padding:4%;
	margin:0 auto;
	background-color:#fff;
}

.t-container {
	background:transparent;
	width: 90%; 
	margin: 0px auto;
}

}

@media only screen and (min-width: 1000px) {
.container { 
	width: 90%; 
	margin: 0px auto;
	background-color:#fff;	
}

.wrap {
	padding:5%;
	margin:0 auto;
	background-color:#fff;
}

.t-container {
	background:transparent;
	width: 90%; 
	margin: 0px auto;
}
}

@media only screen and (min-width: 1400px) {
.container { 
	width: 85%; 
	margin: 0px auto;
	background-color:#fff;	
}

.wrap {
	padding:5%;
	margin:0 auto;
	background-color:#fff;
}

.t-container {
	background:transparent;
	width: 85%; 
	margin: 0px auto;
}
}





img {
border:none;
}

.container .vc_btn3-container {
    display: block;
    margin-bottom: 0px;
    max-width: 100%;
}

footer h2 {
	color:#fff;
}


.spacer {
height:10px;
width:100%;
}

.ta {
	width:95%;
}

.aligncenter {
	display:block;
	margin:0 auto;
}

.container .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #43c4dd !important;
}

.container .vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {
    color: #fff;
    background-color: #1483c5 !important;
}

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.video-wrapper .vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  font-size: 1.5em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.video-wrapper .video-js {
	background-color:#43c4dd;
}

.video-player {
	margin-top:40px;
	vertical-align:middle;
}

.vc_btn3-container.vc_btn3-center a.vc_btn3-block.vc_btn3-size-lg {
	font-size:18px;
}

a:hover {
cursor:pointer;
}
/**************************
*          TEXT           *
***************************/

h1 {
	color:#1483C5;
	font-size:36px;
	font-weight:600;
	text-align:center;
}	

@media only screen and (min-width: 768px) {
h1 {
	text-align:left;
}	
}

h1, h2, h3 {margin: 0 0 10px 0; }


h2 { 
	color:#1483C5;
	font-size:16px;
	font-weight:normal;
	height:28px;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	
}


#otherways h2 {
	border:none;
	margin:0px;
}
	
h3 { 
	color:#1483C5;
	font-size:20px;
	font-weight:normal;
	margin-bottom:0px;
}

h3 span {
	font-weight:normal;
}

h4{
	color:#43c4dd;
	font-size:18px;
	padding-top:5px;
	font-weight:300;
}

h5{
	color:#43c4dd;
	font-size:14px;
	padding-top:0px;
	font-weight:normal;
	text-align:right;
}

ul.testi h4, ul.testi h5, ul.testi p {
font-style:italic;
}

ul.testi li {
	padding-bottom:50px;
	border-bottom:1px solid #ebebeb;
	margin-bottom:10px;
}


p { 
	margin: 0 0 10px 0;
	color:#333;
	font-size:17px;
}

p.pad {
	padding-left:20px;
	margin-top:-10px;
}

p.c {
	text-align:center;
}

span.bold {
	font-weight:600;
 }
 
 h5 span.date {
	font-size:14px;
	font-weight:normal;
	color:#f5c93c;
	float:right;
	
 }
 
a.read-more {
	color:#fff;
	text-decoration:none;
}

a.read-more:visited {
	color:#fff;
	text-decoration:none;
}

a.read-more:hover {
	text-decoration:underline;
}

a {color:#00a7fe;
text-decoration:none; }
a:hover { } 

blockquote { }
blockquote p { }

h2.green-text {
color:#00a7fe;
border:none;
padding-top:10px;
margin-bottom:0px;
}
ul, ol { 
margin: 0 0 10px 0; }

ul.about li {
	color:#333;
	font-size:17px;
	list-style-type:none;
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:left 3px;
}

ul.testi li p{
	font-size:15px;
}

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

/**************************
*         HEADER          *
***************************/
header {
	background-color:#fff;
	height:220px;
	width:100%;
}

.header-wrap {
	width: 90%; 
	margin: 0px auto;
	height:220px;
}

#logo {
	background-image:url(images/jade-logo.png);
	background-repeat:no-repeat;
	height:133px;
	width:192px;
	text-indent:-9999px;
	margin:10px auto;
	display:block;
}

#phone {
	background-image:url(images/phone.png);
	background-repeat:no-repeat;
	height:45px;
	width:202px;
	text-indent:-9999px;
	margin: 5px auto;
	display:block;
}

#home-slider {
	display:none;
}

@media only screen and (min-width: 400px) {
#logo {
	background-image:url(images/jade-logo.png);
	background-repeat:no-repeat;
	height:133px;
	width:192px;
	float:left;
	text-indent:-9999px;
	padding:8px 0px;
	margin-top:10px;
}

#phone {
	background-image:url(images/phone.png);
	background-repeat:no-repeat;
	height:45px;
	width:202px;
	float:right;
	text-indent:-9999px;
	padding-right:10px;
	margin-top:15px;
}

#home-slider {
	padding:0px;
	width:100%;
	display:block;
}

header {
	background-color:#fff;
	height:160px;
	width:100%;
}

.header-wrap {
	width: 90%; 
	margin: 0px auto;
	height:160px;
}
}

p:empty {
  display: none;
}
/*********************   
		MAIN NAV
**********************/


#nav {
	display:none;
}

#snav {
	display:block;
	background-color:#1483C5;
	width:100%;
}

#snb {
	display:block;
	background-color:#1483C5;
	width:40%;
	height:60px;
	margin:10px auto;
}

#snb a {
	display:block;
	color:#fff;
	text-align:center;
	font-size:20px;
	width:100%;
	padding-top:18px;
}

ul #snav li {
	display: block;
	list-style-type:none;
}

#snav-wrap {
	width: 96%; 
	margin: 0px auto;
}

ul#menu-smallnav {
	list-style-type:none;
	display:inline-block;
	margin:0px auto;
	width:100%;
}

#menu-smallnav li {
	width:100%;
	height:65px;
	border-bottom:1px solid #fff;
}


#menu-smallnav li a{
	text-align:center;
	text-decoration:none;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	display:block;
	height:25px;
	padding:20px 0px;
	
}

#menu-smallnav li a:hover{
	color:#fff;
	background-color:#43c4dd;
}

#menu-smallnav li.current-menu-item  a{
	color:#fff; 
}

#menu-smallnav li.current_page_parent a{
	color:#fff; 
}

#menu-smallnav li.current-menu-item  a{
	color:#fff; 
}

#menu-smallnav li.current-page-ancestor a{
	color:#fff; 
}

#menu-smallnav li.current-post-ancestor a{
	color:#59554d; 
}
#menu-smallnav li.current-menu-parent a{
	color:#fff; 
}


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

#snav {
	display:none;
}

#snb {
	display:none;
}

#snb a {
	display:none;
}

#nav {
	display:block;
	background-color:#1483C5;
	height:45px;
	width:100%;
}

ul #nav li {
	display: inline; /* Prevents "stepdown" */
}

#nav-wrap {
	width: 80%; 
	margin: 0px auto;
	height:45px;
	border-left:1px solid #fff;
}

.bc-wrap {
	width: 80%; 
	margin: 0px auto;
}

ul#menu-main-navigation {
	list-style-type:none;
	display:inline-block;
	margin:-8px auto;
	width:100%;
}

#menu-main-navigation li {
	float:left;
	width:16.5%;
	height:45px;
	border-right:1px solid #fff;
}


#menu-main-navigation li a{
	text-align:center;
	text-decoration:none;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	padding-top:10px;
	display:block;
	height:37px;

	
}

#menu-main-navigation li a:hover{
	color:#fff;
	background-image:url(images/nav-hover.jpg);
	background-repeat:repeat-x;
}

#menu-main-navigation li.current-menu-item  a{
	color:#fff; 
}

#menu-main-navigation li.current_page_parent a{
	color:#fff; 
}

#menu-main-navigation li.current-menu-item  a{
	color:#fff; 
}

#menu-main-navigation li.current-page-ancestor a{
	color:#fff; 
}

#menu-main-navigation li..current-post-ancestor a{
	color:#59554d; 
}
#menu-main-navigation li..current-menu-parent a{
	color:#fff; 
}

/*****************************   
		MAIN NAV DROPDOWNS
*******************************/
ul.sub-menu {
	list-style-type:none;
	margin-top:-1px;
}

#menu-main-navigation li ul.sub-menu  {
	/* Width of drop menu for changing number of columns:
	  2 columns: 424px;
	  3 columns: 638px;
	  4 columns: 848px;
	  */
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:9999;
	background-color:#00a7fe;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-left:-1px;
}

#menu-main-navigation li ul.sub-menu li {	
	border-top:1px solid #fff;
	display:block; 
	float:left;  
	padding:0px; 
	width:100%;	
}

#menu-main-navigation li ul.sub-menu li a {
	padding:11px 0px 0px 10px;
	text-decoration:none;
	font-size:16px;
	color:#fff;
	font-weight:normal;
	text-align:left;
}

#menu-main-navigation li ul.sub-menu a:hover {
	color:#fff; 		
}

#menu-main-navigation li ul.sub-menu li.current-menu-item  a{
	color:#fff;
}
}


/**************************
*          HOME           *
***************************/



#home-content{
	width:66%;
	padding:0px 20px 20px 20px;
	float:left;
}

#home-sidebar {
	width:30%;
	float:left;
	padding:0px;
	margin-top:70px;
	background-image:url(images/thera-home.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:165px;
	margin-bottom:10px;
	cursor:pointer;
	display:block;
}


.line {
	border-bottom:1px solid #3c3c3c;
	clear:both;
}

#home-content h1 {
	font-size:30px;
}

#links {
	width:100%;
	padding:30px 0px 5px 0px;
	height:260px;
	clear:both;
	 
}

#new {
	width:30%;
	height:230px;
	background-image:url(images/new.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	margin-right:50px;
	
}

#new:hover  {
	background-position:-280px 0px;
}

#refurb {
	width:30%;
	height:230px;
	background-image:url(images/process.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	
	
}

#refurb:hover {
	background-position:-280px 0px;	
}

#awards {
	width:30%;
	height:230px;
	background-image:url(images/awards.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	margin-right:50px;
}

#awards:hover{
	background-position:-280px 0px;
}

.home-link {
	width:33%;
	height:68px;
	margin-top:162px;
}

.home-link h1 {
	font-size:30px;
	float:right;
	padding:12px 20px;
	color:#2c2c2c;
}


.page-title {
	width:100%;
	padding-bottom:20px;
}

.page-title-res {
	border-top:1px solid #393939;
	padding-top:10px;
	padding-left:20px;
}

.single-res {
	width:980px;
	padding:10px 0px 0px 20px;
}


.page-title h1 {
	padding:0px 0px 10px 0px;
}

.single-res h1 {
	font-size:50px;
	font-weight:600;
}

.content-left {
	width:640px;
	float:left;
	margin-top:10px;
	padding:0px 0px 20px 20px;
	min-height:500px;
}


.content-port-single {
	width:700px;
	float:left;
	position:relative;
}

.content-res-single {
	width:640px;
	float:left;
	padding:0 20px;
	min-height:500px;
}

.portfolio-text {
	width:650px;
	float:left;
	margin-top:70px;
	padding:0px 0px 20px 20px;

}

.content-blog {
	width:66%;
	float:left;
	margin-top:0px;
	padding-left:10px;
	min-height:500px;
	
}

#breadcrumbs {
	display:none;
}

.hslider {
	display:none;
}

@media only screen and (min-width: 768px) {
#breadcrumbs {
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #3c3c3c;
	background-color:#fff;
	display:block;
}

.hslider {
	display:block;
}

}


#breadcrumbs a:link, #breadcrumbs a:visited{
	color:#00a7fe;
	text-decoration:none;	
}

p#breadcrumbs {
	margin-bottom:0px;
}

.content-full {
	width:980px;
	margin-top:0px;
	min-height:500px;
}

.resource-post {
	border:1px solid #393939;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c; 
	margin-bottom:20px;
}



.resource-title  a:link, .resource-title a:visited, .resource-title a:hover{
	color:#333;
	text-decoration:none;
	font-size:22px;
	padding-top:5px;
}

.resource-title h1 {
	margin-bottom:0px;
}

.resource-image {
	width:20%;
	float:left;
	height:auto;
	display:block;
	padding-right:30px;
	
}

.resource-image img{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	margin:10px 0px 0px 10px;
    max-width: 100%;
    height: auto;
}
}

.resource-excerpt {
	float:left;
	width:80%;
	padding-top:20px;
	
}


/**************************
*      process section       *
***************************/
h2.process{
	height:36px;
	border:none;
	margin-left:60px;
	padding-top:14px;
	margin-top:20px;
	margin-right:10px;
}

h2.sub {
	border:none;
	color:#00a7fe;
	margin-top:15px;
	margin-bottom:0px;
	
}

.blue {
	background-color:#00a7fe;
	color:#000;
}

.green{
	background-color:#009590;
	color:#000;
}

.yellow{
	background-color:#f5c93c;
	color:#000;
}

.stage {
	padding-left:15px;
}

.stage h2 {
margin-bottom:20px;
}
.stage img {
	margin-top:10px;
}

.fwd {
    color:#fff;
	padding:5px 10px 2px 0px;
	text-decoration:none;
	text-align:right;
	font-size:22px;
	font-weight:normal;
	width:120px;
	height:35px;
	display:block;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	float:right;
	margin:10px 0px 20px 0px;
}

.pnav {
	color:#fff;
	text-decoration:none;
	background-color:#00a7fe;
}

.pnav:hover {
	background-color:#009590;
}

.back {
	color:#fff;
	padding:5px 0px 2px 10px;
	text-decoration:none;
	text-align:left;
	font-size:22px;
	font-weight:normal;
	width:120px;
	height:35px;
	display:block;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	float:left;
	margin:10px 0px 20px 12px;
}

#process-text {
	padding-left:10px;
	margin-top:10px;
}


#se {
	background-image:url(images/se.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#pd {
	background-image:url(images/pd.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#pa {
	background-image:url(images/pa.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#ex {
	background-image:url(images/ex.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#fw {
	background-image:url(images/fw.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#pl {
	background-image:url(images/pl.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#co {
	background-image:url(images/co.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#ti {
	background-image:url(images/pav.png);
	background-repeat:no-repeat;	
	margin-left:30px;
}

#pav {
	background-image:url(images/elec.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#fen {
	background-image:url(images/fen.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#clean {
	background-image:url(images/clean.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#int {
	background-image:url(images/int.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#aw {
	background-image:url(images/aw.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

#fill {
	background-image:url(images/fill.png);
	background-repeat:no-repeat;
	margin-left:30px;	
}

.awards-list {
	width:100%;
	color:#333;
	font-size:15px;	
	margin:15px 0px;
}

.awards-list th{
	background-color:#43c4dd;
	color:#fff;
	font-weight:normal;
}

.awards-list td{
	padding:5px 10px;
	text-align:center;
}

.vc_tta.vc_general .vc_tta-panels-container {
    box-sizing: border-box;
    position: relative;
    border:1px solid #ebebeb;
}
.vc_tta.vc_tta-gap-5.vc_tta-tabs-position-top .vc_tta-tabs-container {
    margin-bottom: 0px !important;
}

.vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    border-color: #43c4dd !important;
    background-color: #43c4dd !important;
    color: #fff !important;
}

.vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab>a {
    border-color: #1483c5 !important;
    background-color: #1483c5 !important;
    color: #fff;
}

/**************************
*      portfolio       *
***************************/
.slider {
	margin-top:20px;
	width:100%;
	height:350px;
}

a.portfolio-post {
	border:1px solid #393939;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c; 
	margin:10px 15px 10px 0px;
	width:300px;
	display:block;
	text-decoration:none;
	float:left;
	
}

#project-meta th.featurehead {
	text-align:left;
}
td.features {
	padding-left:10px;
}

a.portfolio-post:visited{
	border:1px solid #393939;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c; 
	margin:10px 15px 10px 0px;
	width:300px;
	display:block;
	text-decoration:none;
	float:left;
}

a.portfolio-post:hover {
	background-color:#00a7fe; 
}

.portfolio-title h1{
	color:#fff;
	padding-bottom:3px;
	font-size:22px;
	margin-bottom:0px;
	text-align:center;
}


.portfolio-image {
	width:300px;
	float:left;
	height:200px;
	display:block;

}

.portfolio-image img{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	margin:10px 0px 0px 10px;
}

#filter-box{
	padding:10px 20px;
	border:1px solid #ffffff;
	margin-bottom:20px;
	background-color:#2c2c2c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	display:none;
}

#page-filter {
	position:relative;
}

#proj-filter-link {
	color:#fff;
	text-decoration:none;
	font-size:20px;
	float:right;
	width:120px;
	cursor:pointer;
	position:absolute;
	top:15px;
	right:18px;
	text-align:right;
	
}

#proj-filter-head {
	width:200px;
	display:block;
}


.paging-nav {
	color:#fff;
	text-decoration:none;
	width:300px;
	float:right;
	text-align:right;
	padding-right:15px;
	margin:10px 0px 20px 0px;
	clear:both;
}

.paging-nav a{
	color:#fff;
	text-decoration:none;

}

ul .filter-sub-dropdown  .style {
	float:left;
	list-style-type:none;
}

ul .filter-sub-dropdown li.title {
	width:120px;
	font-size:18px;
	list-style-type:none;
	color:#fff;
	padding-left:60px;
}
ul .filter-sub-dropdown li.check {
	color:#fff;
	width:120px;
	font-size:16px;
	list-style-type:none;
	padding-left:60px;
	
}

ul .filter-sub-dropdown li.check  span{
	padding-left:10px;
	color:#fff;
}

ul .filter-sub-dropdown li a{
	text-decoration:none;
}






/**************************
*      about slider       *
***************************/
#about-image {
	margin-top:20px;
}


.sidebar-title h2{
	margin-top:-5px;
	text-align:center;
	padding:0 25px
	
}

#sidebar {
	float:right;
	margin-top:0px;
	width:33%;
}

#sidebar-s{
	float:left;
	margin-top:0px;
	width:33%;
}

#sidebar-links {
	padding:0 25px;
}

#portfolio-sidebar {
	width:33%;
	float:right;
	margin-top:0px;

}

#project {
	background-image:url(images/proj-notes.png);
	background-repeat:no-repeat;
	width:33%;
	height:430px;
	position:relative;
	padding-bottom:20px;
}

#project-meta {
	
	
}

#project-meta th {
	color:#00a7fe;
	font-size:15px;
	padding-top:3px;
	font-weight:600;
	text-align:right;
	padding-right:10px;
	text-align:top;
	vertical-align:top;
}

#project-meta td {
	color:#2c2c2c;
	font-size:15px;
	padding-top:3px;
	font-weight:300;
	line-height:1.1em;
}

.proj-title h1{
	color:#fff;
	font-weight:600;
	font-size:36px;
	padding-left:20px;
	padding-top:10px;
	position:absolute;
	top:450px;
	left:0px;
}

#projects {
	min-height:500px;
	padding-left:9px;
}



#project ul.post-meta {
position:absolute;
list-style-type:none;
top:70px;
left:35px;
width:250px;
padding-top:2px;
}

#project li {
	color:#2c2c2c;
	font-size:18px;
	padding-top:5px;
	font-weight:300;
}


#project li span.post-meta-key {
	color:#00a7fe;
	font-size:18px;
	padding-top:5px;
	font-weight:600;
	text-align:right;
	padding-right:5px;
	width:80px;
}

#other-projects {
	padding:25px;
}

#other-projects h3.cat{
	padding-top:20px;
}

a.proj-link {
display:block;
	height:67px;
	margin-top:10px;
	padding:10px;
	border:1px solid #393939;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c; 	
}

a:hover.proj-link {
background-color:#00a7fe;
}

.port-image {
	float:left;
	width:100px;
	padding-right:10px;
}

.port-title {
	float:left;
	width:95px;
	line-height:23px;
	overflow:hidden;
	
	
}
 
 .port-title h3 {
	font-size:16px;
	color:#fff;
 }
 
 a.res-link {
display:block;
	height:75px;
	margin-top:10px;
	padding:10px;
	border:1px solid #393939;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c; 	
}

a:hover.res-link {
background-color:#00a7fe;
}

.res-image {
	float:left;
	width:100px;
	padding-right:10px;
}

.res-title {
	float:left;
	width:145px;
}
 
 .res-title h3 {
	font-size:20px;
	color:#fff;
 }

 #res-links {
	margin:20px 0px;
 }
 
#sidebar ul li.page_item {
	width:257px;
	height:55px;
	margin:15px 0px;
	list-style-type:none;
	margin-left:0px;

	
}

#sidebar li.page_item a {
	color:#fff;
	padding:12px 20px 0px 0px;
	text-decoration:none;
	text-align:right;
	font-size:26px;
	font-weight:600;
	width:208px;
	height:45px;
	display:block;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c;
	margin-left:0px;
}

#sidebar li.page_item a:hover {
	background-color:#00a7fe;
}

#sidebar li.current_page_item a{
	background-color:#00a7fe;
}

#sidebar a.current_page_item {
	background-color:#00a7fe;
}

#sidebar ul li.cat-item {
	width:277px;
	height:55px;
	margin:15px 0px;
	list-style-type:none;
	margin-left:0px;

	
}

#sidebar li.cat-item a {
	color:#fff;
	padding:12px 20px 0px 0px;
	text-decoration:none;
	text-align:right;
	font-size:26px;
	font-weight:600;
	width:208px;
	height:45px;
	display:block;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color:#2c2c2c;
	margin-left:0px;
}

#sidebar li.cat-item a:hover {
	background-color:#00a7fe;
}

#sidebar li.current-cat a{
	background-color:#00a7fe;
}

#sidebar a.current-cat {
	background-color:#00a7fe;
}

.test {
	width:590px;
	padding:20px;
	background-color:#2c2c2c;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	margin-bottom:20px;
}

.test h2 {
	border:none;
	color:#f5c93c;
	font-size:24px;
	font-weight:normal;
	text-transform:none;
}

.test h5 {
	font-size:18px;
	font-weight:normal;
	color:#00a7fe;
	float:right;
	padding-right:10px;
}

a:link.cat-link {
	background-color:#2c2c2c;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	width:208px;
	display:block;
	float:right;
	text-align:right;
	margin-bottom:20px;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	padding:10px 20px 10px 0px;
}

a:visited.cat-link {
	background-color:#2c2c2c;
	border:1px solid #3c3c3c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	width:208px;
	display:block;
	float:right;
	text-align:right;
	margin-bottom:20px;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	padding:10px 20px 10px 0px;
}

a:hover.cat-link {
	background-color:#00a7fe;
}

#sidebar-links ul {
	list-style-type:none;
}




/**************************
*         contact          *
***************************/

 .wpcf7-form p{
 	width:80%;
 	font-size:14px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (min-width: 768px) {
.wpcf7-form p{
 	margin-left:0;
	margin-right:0;
}
}


.wpcf7-form input{
 	width:95%;
 	padding:10px;
	
 }
 
 .wpcf7-form textarea{
 	width:95%;
 	padding:10px;
 }
 
 .wpcf7-form input.wpcf7-quiz{
 	width:50px;
 }
 .wpcf7-form #type-radio input {
 	width:15px;
 }
 
 .wpcf7-list-item {
 	padding-right:20px;
 }
 .wpcf7-form input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}
 
/**************************
*         FOOTER          *
***************************/

footer {
	background-color:#1483C5;
	width:100%;
	padding:40px 0;
}

footer a:link, footer a:visited{
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

footer a:hover{
	text-decoration:none;
	color:#fff;
}

footer p {
	margin: 0 0 10px 0;
	color:#333;
	font-size:14px;
	line-height:1.5em;
}

footer p.address {
	margin: 0 0 0px 0;
}

footer p.licence {
	margin-top:10px;
}


footer a span {
	font-weight:normal;
	color:#333;
}


#details {
	position:relative;
	padding-right:0px;
}




#spasa {
	display:none;
	
}

#mba {
display:none;
	
}

#hia {
display:none;
	
}

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

#spasa {
	position:absolute;
	top:110px;
	right:-5px;
	display:block;
}

#mba {
position:absolute;
	top:35px;
	right:0px;
	display:block;
	
}

#hia {
position:absolute;
	top:110px;
	right:100px;
	display:block;
}


}

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

#spasa {
	position:absolute;
	top:270px;
	left:100px;
	right:auto;
	display:block;
	margin-bottom:20px;
}

#mba {
position:absolute;
	top:180px;
	left:0px;
	right:auto;
	display:block;
	
}

#hia {
position:absolute;
	top:270px;
	left:0px;
	right:auto;
	display:block;
	margin-bottom:20px;
}

}

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

#spasa {
	position:absolute;
	top:110px;
	right:-5px;
	left:auto;
	display:block;
	margin-bottom:20px;
}

#mba {
position:absolute;
	top:35px;
	right:0px;
	left:auto;
	display:block;
	
}

#hia {
position:absolute;
	top:110px;
	right:100px;
	left:auto;
	display:block;
	margin-bottom:20px;
}


}


#sub-footer-wrap {
	width: 80%; 
	margin: 0px auto;
	height:30px;
}


#sub-footer {
	background-color:#43c4dd;
	width:100%;
	padding-top:5px;
}

#sub-footer p{
font-size:14px;
text-align:center;
}

@media only screen and (min-width: 480px) {
#sub-footer p{
font-size:14px;
text-align:center;
}
}

@media only screen and (min-width: 768px) {
#sub-footer p{
font-size:11px;
text-align:left;
}

#sub-footer .plug p {
text-align:right;
}

}

@media only screen and (min-width: 1024px) {
#sub-footer p{
font-size:14px;
text-align:left;
}

#sub-footer .plug p {
text-align:right;
}

}


#sub-footer .wpb_content_element {
	margin-bottom:5px
}
 
.utilities a{
	text-align:center;
	padding:0px 10px;
	color:#333;
	
	
}

.utilities .wpb_wrapper {
	text-align:center;
}

.plug .wpb_wrapper {
	text-align:right;
}

.plug a:link, #sub-footer a:visited, .utilities a{
	color:#333;
	font-size:14px;
	text-decoration:none;
	text-align:right;
}

.plug a:hover, .utilities a:hover{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

@media only screen and (min-width: 768px) {
.plug a:link, #sub-footer a:visited, .utilities a{
	color:#333;
	font-size:11px;
	text-decoration:none;
	text-align:right;
}

.plug a:hover, .utilities a:hover{
	color:#fff;
	font-size:11px;
	text-decoration:none;
}
}

@media only screen and (min-width: 1024px) {
.plug a:link, #sub-footer a:visited, .utilities a{
	color:#333;
	font-size:14px;
	text-decoration:none;
	text-align:right;
}

.plug a:hover, .utilities a:hover{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
}

.wpb_wrapper li {
	list-style-type:none;
}

.bubble {
	width:10%;
	height:68px;
	background-image:url(images/bubble.png);
	background-repeat:no-repeat;
	float:left;
	padding-right:5px;
}

.words {
	float:left;
	width:80%;
	min-height:68px;
}

.rel {
position:relative;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 1em 0.5em 1em !important;
	padding: 0.5em 1em 0em;
}

div.wpcf7-response-output p{
	margin-bottom:0px;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: none;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

.quiz-50 span.wpcf7-not-valid-tip {
	position: absolute;
	top: -7px;
	left: 58px;
	z-index: 100;
	border: none;
	font-size: 18px;
	color:#f00;
	padding:4px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: -6px;
	left: 0;
	z-index: 100;
	border: none;
	font-size: 18px;
	color:#f00;
	padding:4px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}
	
.flip-box-wrap .flip-box-icon {
    display: block;
    margin: 50px auto 0px !important;
}

.ifb-flip-box-section {
	vertical-align:middle !important;
}

.vc_custom_1450639318487 {
margin-bottom:10px !important;
}

.vc_gitem-animated-block  {
	border:1px solid #ebebeb;
}

.vc_gitem-post-meta-field-Source {
	color: #43c4dd;
}

.vc_gitem-post-meta-field-tSuburb { 
color: #1483c5;

}

.vc_gitem-post-meta-field-Month { 
	display:block;

}

p input#submitbutton {
	display:block;
	height:20px;
	padding:20px 20px 40px 20px;
	width:60%;
	border:none;
	background-color:#1483c5;
	font-size:15px;
	color:#fff;
	font-weight:300;
	cursor:pointer;
}

p input#submitbutton:hover {
	background-color:#43c4dd;
}

.slider-notes {
	position:relative
}

.widget_get-custom {
	font-size:16px;
	line-height:1.5em;
}

.ult-content-box h2{
	border-bottom:1px solid #1483c5;
	
}

.ult-content-box {
margin-top:45px;
}

.widget_get-custom span{
	color:#43c4dd;
	padding-right:3px;
	
}

.ult-content-box .wpb_content_element {
	margin-bottom:10px;
}

.vc_gitem-animated-block p {
	font-size:14px;
}