/*
Theme Name:     EHS Solutions Theme
Theme URI:      www.ehssolutions.com.au
Description:    EHS Solutions Wordpress Theme
Author:         Wade Ingold - 2533 Graphic Design
Template:       twentyfourteen
Version:        0.1.0
*/
 
  /* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html {
	font-size: 87.5%;
}

html,
button,
input,
select,
textarea {
    color: #020202;
}

@font-face {
	font-family: 'Conv_FuturaLT-Condensed' !important;
	src: url('fonts/FuturaLT-Condensed.eot');
	src: url('fonts/FuturaLT-Condensed.eot?#iefix') format('embedded-opentype'),
		 url('fonts/FuturaLT-Condensed.woff') format('woff'), 
		 url('fonts/FuturaLT-Condensed.ttf') format('truetype'), 
		 url('fonts/FuturaLT-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    background: #FFF;
	font-family: 'Lato', sans-serif;
	text-align: left;
	font-size: 15px;
	font-size: 1.07142857142857rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-weight: 400;
	color: #494949;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ 
	-webkit-text-size-adjust: 100%;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #e0f2f8;
    text-shadow: none;
	color: #000;
}

::selection {
    background: #e0f2f8;
    text-shadow: none;
	color: #000;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	height: auto;
    vertical-align: middle;
	max-width: 100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4; color: #e64f29; margin-bottom: 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #0055a5; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
#wrapper h1 strong, #wrapper h2 strong, #wrapper h3 strong, #wrapper h4 strong, #wrapper h5 strong, #wrapper h6 strong { font-weight: 200; }

h1 {
    color: #FFF;
    font-size: 42px;
	font-size: 3rem;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 30px 0;
    text-transform: uppercase;
	font-family: 'Conv_FuturaLT-Condensed', Futura LT Condensed, 'Lato', sans-serif;
}

h2 {
    color: #063c4a;
    font-size: 24px;
	font-size: 1.71428571428571rem;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    padding: 18px 0 24px 0;
	text-transform: uppercase;
	font-family: 'Conv_FuturaLT-Condensed', Futura LT Condensed, 'Lato', sans-serif;
}

h3 {
    color: #063c4a;
	font-size: 28px;
	font-size: 2rem;
    font-weight: 200;
    margin: 0;
    padding: 6px 0;
	letter-spacing: 0.5px;
	letter-spacing: 1px;
	line-height: 1.3;
	text-transform: uppercase;
	font-family: 'Conv_FuturaLT-Condensed', Futura LT Condensed, 'Lato', sans-serif;
}

h4 {
	color: #101010;
    /*color: #4f7fce;*/
    font-size: 16px;
	font-size: 1.14285714285714rem;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
	letter-spacing: 0.75px;
}
.content_col h4 {
	color: #6bc048;
	font-size: 18.5px;
	font-size: 1.32142857142857rem;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 32px 0 18px;
}
 
h5 {
	color: #147cd6;
	font-size: 16.5px;
	font-size: 1.17857142857143rem;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: capitalize;
}

h6 {
	color: #076174;
	font-size: 16.5px;
	font-size: 1.17857142857143rem;
    font-weight: 400;
    letter-spacing: 1px;
	padding: 0 0 18px 0;
}

p {
	font-size: 15px;
	font-size: 1.07142857142857rem;
	color: #063c4a;
	line-height: 1.55;
	font-weight: 400;
	margin: 0;
	padding: 0 0 15px 0;
	letter-spacing: 0.5px;
}

#main_content p span strong, #main_content p strong span {
	color: #3BB7E5 !important;
}

p img { margin: 0; }

em, i { font-style: italic; }
strong, b { font-weight: 600; color: #40a8c6; }

main { display: block; }

blockquote, blockquote p { color: #eb7a5d; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 0; }
blockquote cite { display: block; font-size: 0.923em; color: #e64f29; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #e64f29; }

abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0 20px 0; }
ul { list-style: none }
.main_content ol li { list-style: outside numeric; }
li { margin-bottom: 12px; }
dt { margin:20px 0 0 0; font-weight:bold; }
dd { margin-bottom: 12px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ===== Links ===== */
a { 
	color: #006990; 
	text-decoration: none;
    transition: all 0.4s ease;
}
a:hover { color: #40a8c6; text-decoration: underline; }
a:focus { color: #40a8c6; }
a:active { color: #40a8c6; }
a:hover, a:active { outline: 0; }
p a, p a:visited { line-height: inherit; }
h4 a { color: #6bc048; }
h4 a:hover, h4 a:active { color: #076174; }
.advanced-recent-posts h4 a { color: #003d51; }
.advanced-recent-posts h4 a:hover { color: #003d51; }

/* ===== Images and media ===== */
img {border:0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}

figure {margin:0;}
figcaption {margin:0; padding:5px; font-size:0.846em /* 11px */}

figure.photo {margin-bottom:20px;}
figure.photo.left {margin:0 20px 20px 0; float:left;}
figure.photo.right {margin:0 0 20px 20px; float:right;}
figure.photo figcaption {border-bottom:1px solid #DDD; background-color:#F5F5F5;}

/* ===== Tables ===== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ===== Forms ===== */
form { margin: 0 0 36px 0 }
fieldset { border: 0; margin: 0 0 20px 0; padding: 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #666; margin: 0; width: 192px; max-width: 100%; display: block; background: #fff; }
select { padding: 0 }
input[type="text"]:focus,  input[type="password"]:focus,  input[type="email"]:focus,  textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea { min-height: 60px; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
label, legend { display: block; font-weight: bold; font-size: 13px; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
label span,  legend span { font-weight: normal; font-size: 13px; color: #444; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
.post-edit-link { display: none; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { 
	font-size: 15px;
	font-size: 1.07142857142857rem;
	outline: none;
	border: thick none #FFF;
	cursor: pointer; 
	-webkit-appearance: button; 
	*overflow: visible;
	background: #4ec1ea;
	color: #FFF;
	padding: 8px 18px;
	border-radius: 8px;
	text-decoration: none;
	max-width: 34%;
	text-align: center;
	letter-spacing: 0.5px;
	transition: all 0.4s ease;
	text-transform: lowercase;
}
	button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
		background: #003d51;
		color: #4ec1ea;
	}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color: #f0dddd;}
body .blue, body .blue a { color: #40a8c6; }
.dark-blue, .dark-blue a { color: #063c4a; }
.green { color: #6bc048; }
a.blue_btn { color: #FFF; background: #40a8c6; border-radius: 8px; padding: 11px 33px; transition: all 0.4s ease; }
a.blue_btn:hover { background: #006990; text-decoration: none; }
.red { color: #d90000 !important; }
.mobile { direction: none; }
.desktop { display: inherit; }
.page-id-354 .entry-content a {
    color: #6bc047;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}
.page-id-354 .entry-content a:hover {
    color: #076174;
    text-decoration: none;
}
.space { padding-left: 18px; }
.main_content .red, .footer .red { color: #da1f2a; }
.larger { font-size: 1.25em; }
.smaller { font-size: 0.75em; }
.royal-blue { color: #147cd6; }
.tablet, .mobile { display: none; }
a.breadcrumb { 
    color: #8a8a8a;
	font-size: 12px;
	font-size: 0.85714285714286rem;
    letter-spacing: 0.5px;
    padding-bottom: 36px; 
	font-style: italic;
	font-weight: 400;
	display: block;
}
a.breadcrumb:hover { 
    color: #6bc047;
}
.page .intro_text, .blog .intro_text, .single .intro_text { 
	font-size: 18px;
	font-size: 1.28571428571429rem;
    font-weight: 400;
    letter-spacing: 0.75px; 
	color: #147cd6;
}
.content_col p {
	padding: 0 0 24px 0;
}
.page-id-11 .content_col p:first-child {
	padding: 18px 0;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   STRUCTURE
   ========================================================================== */

	#wrapper {
		width: 100%;
		padding: 0;
		position: relative;
		text-align: left;
	}
	#header_wrap {
		width: 100%;
		padding: 0;
		background: #FFF;
	}
	.header_wrap_line {
		width: 100%;
		height: 3px;
		background: #FFF;
		border-top: 11px solid #e0f2f8;
		border-bottom: 2px dotted #e0f2f8;
		margin-bottom: 13px;
	}
	#header {
		max-width: 1180px;
		margin: 0 auto;
		padding: 34px 0;
	}
	#header p {
		margin: 0;
		padding: 0;
		color: #006990;
		font-weight: 600;
		font-size: 21px;
		font-size: 1.5rem;
		line-height: 1.2;
	}
	#header p .smaller {
		font-size: 13px;
		font-size: 0.92857142857143rem;
	}
	#logo {
		max-width: 194px;
		margin: 0;
		float: left;
		background: url("images/logo.png") top left no-repeat transparent;
		background: url("images/logo.svg") top left no-repeat transparent;
	}
	
	.right_header_col {
		  float: right;
		  width: 64%;
		  margin-bottom: 54px;
	  }
	  .enquire_btn {
		  float: right;
		  margin: 10px 0 0;
		  text-align: right;
		  width: 28%;
	  }
		  .enquire_btn a {
			  background: #40a8c6;
			  border-radius: 8px;
			  color: #fff;
			  font-style: italic;
			  font-weight: 800;
			  letter-spacing: 2px;
			  padding: 8px 16px;
			  transition: all 0.4s ease 0s;
		  }
			  .enquire_btn a:hover {
				  background: #006990;
				  text-decoration: none;
			  }
	  .phone_column {
		  float: right;
		  text-align: right;
		  width: 36.3491%;
		  margin-top: 9px;
	  }
	  .phone_icon {
			width: 18px;
			height: 18px;
			background: url("images/header/phone-icon.png") top left no-repeat transparent;
			background: url("images/header/phone-icon.svg") top left no-repeat transparent;
			margin-top: 3px;
			margin-right: 16px;
			float: right;
		}
		.phone_text {
			float: right;
		}
	
/* ==========================================================================
   NAVIGATION
   ========================================================================== */

	#main_nav, #nav {
		margin: 0;
		padding-top: 0;
		float: right;
	}
	#main_nav ul, #nav ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#main_nav li, #nav li {
		float: right;
		padding: 0;
		margin: 0;
		text-align: center;
		background: transparent;
		color: #063c4a;
		font-size: 16px;
		font-size: 1.14285714285714rem;
	}
		#main_nav li.top, #nav li.top {
			width: 16%;
		}
		#main_nav li.last a, #nav li.last a {
			background-image: none;
			padding-right: 0;
		}
		#main_nav li a, #nav li a {
			color: #063c4a;
			font-size: 16px;
			font-size: 1.14285714285714rem;
			letter-spacing: 0.5px;
			text-decoration: none;
			font-weight: 600;
			padding: 0 14px;
			text-transform: captilalize;
		}
		#main_nav li a:hover, #nav li a:hover {
			color: #40a8c6;
			text-decoration: none;
		}
		.page-id-4 #nav li.home_btn a, 
		.page-id-6 #nav li.about-us_btn a,
		.page-id-8 #nav li.services_btn a.top,
		.page-id-17 #nav li.services_btn a.top,
		.page-id-19 #nav li.services_btn a.top,
		.page-id-21 #nav li.services_btn a.top,
		.page-id-24 #nav li.services_btn a.top,
		.page-id-26 #nav li.services_btn a.top,
		.page-id-29 #nav li.services_btn a.top,
		.page-id-32 #nav li.services_btn a.top,
		.page-id-35 #nav li.services_btn a.top,
		.page-id-37 #nav li.services_btn a.top,
		.page-id-12 #nav li.contact_btn a
		{
			color: #006990;
			text-decoration: none;
			font-weight: 700;
		}
	
	#header_wrap .btn_active, #header_wrap .btn_active li, #header_wrap .btn_active a {
		color: #40a8c6;
	}
	#mobnav-btn {
		display: none;
		color: #FFF;
		padding: 10px 20px;
		cursor: pointer;
		font-size: 1.42857rem;
		background: url("images/header/nav-icon.png") no-repeat scroll 96% center #003d51;
		font-size: 14px;
		font-size: 1rem;
		letter-spacing: 1.25px;
		text-decoration: none;
		font-weight: 400;
		text-transform: capitalize;
	}
	.mobnav-subarrow {
		display: none;
	}
	
	.banner_wrap {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #063c4a;
		overflow: hidden;
	}
	
	#banner {
		max-width: 1180px; 
		margin: 0 auto;
		padding: 0;
		text-align: left;
		display: block;
	}
		#banner h1, #banner h1 a {
			color: #FFF;
			padding-bottom: 32px;
    		padding-top: 32px;
		}
		.home #banner h1, .home #banner h1 a {
    		padding-top: 0;
		}
		#banner h1 strong {
			font-weight: 200;
		}
		.banner_left {
			width: 44.7627118644044%;
			float: left;
			text-align: left;
			padding-top: 57px;
			padding-top: 4.07142857142857rem;
			padding-bottom: 46px;
		}
			.banner_left ul { padding-left: 16px; }
			.banner_left li {
				color: #FFF;
				font-size: 1.07143rem;
				font-weight: 400;
				letter-spacing: 0.5px;
				line-height: 1.55;
				list-style: outside none circle;
				margin-bottom: 4px;
				text-align: left;
			}
			.banner_left p {
				padding: 0;
			}
			.banner_left p, .banner_left li a {
				color: #FFF;
			}
		.banner_right {
			width: 50.847457627116%;
			/*border-left: 3px solid #FFF; 
			border-left: 0.21428571428571rem solid #FFF; 
			border-right: 3px solid #FFF; 
			border-right: 0.21428571428571rem solid #FFF; */
			padding-top: 66px;
			padding-top: 4.71428571428571rem;
			float: right;
		}
		.btn_hold {
			display: block;
			width: 100%;
			min-height: 64px;
		}
		.cols_holder .bx-wrapper .bx-controls-direction a { 
			transition: none;
		}
		.cols_holder .bx-wrapper .bx-viewport {
			background: transparent;
			border: 1px none #fff;
			box-shadow: none;
			left: 0;
			transform: translateZ(0px);
		}
		.outside {
			text-align: center;
		}
		#banner .theme-default .nivoSlider {
			border: 6px solid #fff;
			box-shadow: 0 1px 5px 0 #000;
			margin-bottom: 0;
			position: relative;
			width: 97.5%;
		}
	

/* ==========================================================================
   MAIN
   ========================================================================== */
	
	.main_content {
	   max-width: 1180px;
	   height: auto;
	   padding: 54px 0;
	   margin: 0 auto;
   }
   .home .main_content {
	   padding: 54px 0;
   }
   .main_content.sub_content {
	   padding: 0 0 62px 0;
   }
	   .main_content ul, .main_content ol {
		   padding: 0;
		   margin: 12px 0 36px 24px;
	   }
		   .main_content li {
			   font-size: 15px;
			   font-size: 1.07142857142857rem;
			   color: #063c4a;
			   line-height: 1.55;
			   font-weight: 400;
			   text-align: left;
			   list-style: disc outside;
			   margin-bottom: 4px;
			   letter-spacing: 0.5px;
		   }
	.intro_text {
		width: 100%;
	 }
	   .intro_text p {
		   font-size: 20px;
		   font-size: 1.42857142857143rem;
		   color: #063c4a;
		   padding: 0 0 42px 0;
		   font-weight: 600;
	   }
	   .intro_text p strong {
		   color: #0055a5;
	   }
   .main_left_col {
	   width: 48%;
	   padding: 0;
	   margin: 0;
	   float: left;
	   text-align: left;
   }
   .main_right_col {
	   width: 46%;
	   padding: 0;
	   margin: 0;
	   float: right;
	   text-align: left;
   }
		.main_content .main_right_col ul {
			margin-left: 16px;
		}
			.main_content .main_right_col li {
				color: #40a8c6;
				font-size: 1.07143rem;
				font-weight: 400;
				letter-spacing: 0.5px;
				line-height: 1.55;
				list-style: outside none circle;
				margin-bottom: 4px;
				text-align: left;
			}
				.main_content .main_right_col li a {
					color: #006990;
				}
					.main_content .main_right_col li a:hover {
						color: #40a8c6;
						text-decoration: underline;
					}
   .left_col {
	   width: 74%;
	   padding: 0;
	   margin: 0;
	   float: left;
	   text-align: left;
   }
   .right_col {
	   width: 22%;
	   padding: 0;
	   margin: 0;
	   float: right;
	   text-align: right;
   }
	.page-id-32 .quote p, .page-id-32 .quote_footer p {
		margin: 0;
		padding: 0;
	}
	.services_menu {
		width: 22.95081967213%;
		float: left;
	}

	/* === Gravity Forms === */
	
	.page .gform_wrapper .gsection {
			border-bottom: 2px dotted #ebebeb;
			clear: both;
			margin: 0.7em 0 0.8em 0;
			padding: 0 0 1.3em;
	}
	.page .gform_wrapper .gform_page_footer {
		border-top: 2px dotted #ebebeb;
		clear: both;
		margin: 1.6em 0 0 0;
		padding: 1.3em 0 0 0;
		width: 99%;
	}
	.home_form form {
		margin: 0;
	}
	.page .gform_wrapper .gform_page_footer .button.gform_next_button, 
	.page .gform_wrapper .gform_page_footer .button.gform_button button, 
	html .page input[type="button"], 
	.page input[type="reset"], 
	.page input[type="submit"] {
		background: #40a8c6;
		border: thick none;
		border-radius: 8px;
		color: #fff;
		font-size: 14px;
		font-size: 1rem;
		font-weight: 600;
		letter-spacing: 2px;
		padding: 6px 16px 8px 16px;
		transition: all 0.4s ease 0s;
	}
	.page .gform_wrapper .gform_page_footer .button.gform_next_button:hover, 
	.page .gform_wrapper .gform_page_footer .button.gform_button:hover,
	html .page input[type="button"]:hover, 
	.page input[type="reset"]:hover, 
	.page input[type="submit"]:hover {
		background: #006990;
	}
	.page .gform_wrapper {
		margin: 1em 0 0;
		max-width: 98%;
		overflow: inherit;
	}
	.page .gform_wrapper div.validation_error {
		border-bottom: 2px dotted #ebebeb;
		border-top: 2px dotted #ebebeb;
		color: #076174;
		font-size: 0.85em;
		font-weight: 600;
		letter-spacing: 0.5px;
		margin-bottom: 1.6em;
		padding: 1em 0;
	}
	.page .gform_wrapper li.gfield.gfield_error, .page .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
		background-color: #fff;
		border-bottom: 2px dotted #d90000;
		border-top: 2px dotted #d90000;
		margin-bottom: 6px !important;
		padding: 6px 6px 4px !important;
	}
	.page .gform_wrapper .gfield_error .gfield_label {
		color: #d90000;
	}
	.page .gform_wrapper .validation_message {
		color: #d90000;
		font-weight: 600;
		letter-spacing: 0.25px;
	}
	.page .gform_wrapper li.gfield_error input[type="text"], 
	.page .gform_wrapper li.gfield_error input[type="url"], 
	.page .gform_wrapper li.gfield_error input[type="email"], 
	.page .gform_wrapper li.gfield_error input[type="tel"], 
	.page .gform_wrapper li.gfield_error input[type="number"], 
	.page .gform_wrapper li.gfield_error input[type="password"], 
	.page .gform_wrapper li.gfield_error textarea {
		border: 1px solid #d90000;
	}
	.page .gform_wrapper .gfield_required {
		color: #d90000;
		margin-left: 0.25em;
	}
	.page.page-id-11 .gform_wrapper h2.gsection_title {
		color: #076174;
		font-size: 21px;
		font-size: 1.57143rem;
		font-weight: 900;
		letter-spacing: 2px !important;
		text-transform: uppercase;
		padding: 32px 0 24px 0 !important;
	}
	#gform_confirmation_message_1 h4 {
		
	}
	
	/* === End Gravity Forms === */
	
	/* === YouTube Section === */
	.youtube_video {
		width: 100%;
		padding-top: 0;
	}
	.video-container { 
		min-height: 253px;
		position: relative; 
		height: 0; 
		overflow: hidden; 
	} 
	.video-container iframe, .video-container object, .video-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}
	.video-container, .panel .tablet {
		border: 1px solid #f4f4f4;
	}
	
	/* === End YouTube Section === */
	
/* ==========================================================================
   End MAIN
   ========================================================================== */
   
/* ==========================================================================
   Page - DEFAULT
   ========================================================================== */
   
   /* === Main Left Content Area  === */
	
	.content_col {
		width: 61.84745762711522%;
		float: left;
	}
	.home .content_col {
		width: 100%;
		float: none;
	}
		.main_content .blog h2, .content_col h2 {
			font-size: 16px;
			font-size: 1.14285714285714rem;
			font-weight: 600;
    		letter-spacing: 1px;
			text-transform: capitalize;
			padding: 32px 0 12px;
			line-height: 1.3;
			color: #003d51;
		}
			.main_content .blog h2 a, .content_col h2 a {
				color: #003d51;
				text-decoration: none;
			}
				.main_content .blog h2 a:hover, .content_col h2 a:hover {
					color: #4ec1ea;
				}
		.single .main_content .blog h2, .single .content_col h2 {
			font-size: 24px;
			font-size: 1.71428571428571rem;
			padding: 12px 0 6px 0;
		}
		.main_content .blog h3, .content_col h3 {
			font-size: 16px;
			font-size: 1.14285714285714rem;
			font-weight: 600;
    		letter-spacing: 1px;
			text-transform: capitalize;
			padding: 32px 0 12px;
			line-height: 1.3;
			color: #003d51;
		}
		.content_col table {
			margin: 18px 0 36px 0;
		}
		.content_col td {
			background: #f4f4f4;
			padding: 0.5em;
			border: 2px solid #fff;
    		padding: 1em;
			letter-spacing: 0.5px;
		}
		.content_col tr td:nth-child(2n+1) {
			background: #b1dcdf;
			color: #333;
		}
			.content_col tr td:nth-child(2n+2) {
				background: #e1f2f3;
				color: #333;
			}

		.table_five_cols td {
			width: 19% !important;
		}
		
		.content_col .first_tr td:nth-child(2n+1) {
			background: #e8e8e8;
		}
			.content_col .first_tr td:nth-child(2n+2) {
				background: #d7d7d7;
			}
			.content_col .first_tr td:nth-child(1) {
				background: #b1dcdf;
				color: #333;
			}
		.content_col .second_tr td:nth-child(2n+1) {
			background: #f8f8f8;
		}
			.content_col .second_tr td:nth-child(2n+2) {
				background: #f0f0f0;
			}
			.content_col .second_tr td:nth-child(1) {
				background: #e1f2f3;
				color: #333;
			}
		.main_content .content_col td.lender_one { background: #edf693; }
		.main_content .content_col td.lender_two { background: #ffdc7f; }
		.main_content .content_col td.lender_three { background: #ff977f; }
		.main_content .content_col td.lender_four { background: #f2b0d2; }
		/*.content_col .second_tr td:nth-child(2n+1) {
			background: #c7edb7;
		}
			.content_col .second_tr td:nth-child(2n+2) {
				background: #e3f3dd;
			}*/
		.entry-content p img {
			margin: 20px 0;
		}
		.main_content .entry-content li { list-style: inside none disc; }
		.main_content .entry-content ul, .main_content .entry-content ol {
			margin: 12px 0 36px 0;
			padding: 0;
		}
		
	/* === End Main Left Content Area  === */
	
	/* === 3 Cols Section === */
   
	.cols_wrap {
		width: 100%;
		background: #f4f4f4;
	}
	.cols_holder {
		max-width: 1180px;
		margin: 0 auto;
		padding: 62px 0;
	}
	.col {
		width: 32.2%;
		padding: 0 1.6949152542372% 0 0;
		border-radius: 12px 12px 0 0;
		float: left;
		text-align: left;
	}
		.col img {
			border-radius: 12px 12px 0 0;
		}
	.col.last {
		padding: 0;
	}
	.col p {
		padding-bottom: 32px;
		font-size: 14.5px;
		font-size: 1.03571428571429rem;
	}
	.col_title {
		text-align: left;
		margin: 0;
		width: 100%;
		padding: 32px 0 21px 0;
	}
		.col_title img {
			float: left;
			margin-right: 15px;
		}
		.col_title h3 {
			color: #076174;
			font-size: 18px;
			font-size: 1.28571428571429rem;
			float: left;
			padding-top: 15px;
		}
		.col_title h3 a {
			color: #076174;
		}
		.col_title h3 a:hover {
			color: #40a8c6;
		}
		
	/* === End 3 Cols Section === */
	
	/* === Sidebar Content Area  === */
	
	.sidebar {
		float: left;
		padding-left: 4.4237%;
		width: 33.7288%;
	}
		#category-menu ul {
			margin-bottom: 24px;
		}
		#category-menu li {
			color: #333;
			font-size: 16px;
			font-size: 1.14285714285714rem;
			font-weight: 700;
			letter-spacing: 1.5px;
			margin-bottom: 12px;
			margin-left: 0;
			line-height: 1.8;
			text-transform: uppercase;
			list-style-type: none;
		}
		#category-menu li ul.sub-menu {
			padding: 12px 0;
			margin-top: 6px;
			margin-left: 12px;
		}
		#category-menu li a {
			color: #333;
		}
		#category-menu li a:hover {
			color: #6bc048;
			text-decoration: none;
		}
			#category-menu ul li ul {
				margin-top: 6px;
				margin-bottom: 12px;
			}
			#category-menu li li {
				font-size: 16px;
				font-size: 1.14285714285714rem;
				font-weight: 400;
				color: #6bc047;
				text-transform: capitalize;
				letter-spacing: 0.75px;
				margin-bottom: 6px;
				margin-left: 3px;
				list-style: outside circle;
			}
			#category-menu li li a {
				color: #076174;
				background: #f4f4f4;
				border-radius: 2px;
				padding: 2px 4px;
			}
			#category-menu li li a:hover {
				color: #FFF;
				text-decoration: none;
				background: #6bc047;
			}
			.page-id-130 #category-menu li li.one a, .page-id-132 #category-menu li li.two a, .page-id-134 #category-menu li li.three a, .page-id-136 #category-menu li li.four a, .page-id-138 #category-menu li li.five a, .page-id-140 #category-menu li li.six a, .page-id-142 #category-menu li li.seven a, .page-id-147 #category-menu li li.eight a, .page-id-307 #category-menu li li.nine a, .page-id-149 #category-menu li li.sixteen a, .page-id-151 #category-menu li li.ten a, .page-id-307 #category-menu li li.nine a, .page-id-153 #category-menu li li.eleven a, .page-id-155 #category-menu li li.twelve a, .page-id-157 #category-menu li li.thirteen a, .page-id-159 #category-menu li li.fourteen a, .page-id-161 #category-menu li li.fifteen a {
				color: #FFF;
				background: #6bc047;
			}
			.page-id-309 #category-menu li li.nine a, .page-id-311 #category-menu li li.nine a {
				color: #FFF;
				background: #6bc047;
			}
				.page-id-309 #category-menu li li.nine li a, .page-id-311 #category-menu li li.nine li a {
					color: #147cd6;
					background: #f4f4f4;
				}
					.page-id-309 #category-menu li li.nine li a:hover, .page-id-311 #category-menu li li.nine li a:hover {
						color: #FFF;
						background: #147cd6;
					}
				#category-menu li li ul {
					margin-left: -4px;
				}
				#category-menu li li li {
					font-size: 14px;
					font-size: 1rem;
					color: #147cd6;
					letter-spacing: 0.25px;	
					margin-bottom: 2px;
					list-style-type: none;
					text-indent:-5px;
				}
				#category-menu li li li:before{ content:"-"; position:relative; left:-5px;}
				.page .sidebar #category-menu li li li a {
					color: #147cd6;
					background: #f4f4f4;
				}
				.page-id-309 #category-menu li li li.sub_one a, .page-id-311 #category-menu li li li.sub_two a {
					color: #FFF;
					background: #147cd6;
				}
					#category-menu li li li a:hover {
						background: #147cd6;
					}
		
	/* === End Sidebar Content Area  === */
	
/* ==========================================================================
   End Page - DEFAULT
   ========================================================================== */


	/* ==========================================================================
	FOOTER
	========================================================================== */
	
	.footer_wrap {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #FFF;
		border-top: 9px solid #40a8c6;
			
	}
	.footer_hold {
	  	max-width: 1180px;
		height: auto;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	.footer {
		height: auto;
		padding: 62px 0 0 0;
		margin: 0 auto;
	}
		.footer p {
			font-size: 14px;
			font-size: 1rem;
			color: #40a8c6;
			letter-spacing: 0.5px;
			line-height: 1.7;
		}
		.footer h3 {
			font-size: 14px;
			font-size: 1rem;
			color: #063c4a;
			text-transform: capitalize;
			font-weight: 600;
			font-family: 'Lato', sans-serif;
			margin: 0;
			padding: 0 0 6px 0;
		}
		.footer a { 
			color: #40a8c6;
		}
		.footer li {
			padding: 0;
			margin: 0 7px 3px 0;
			letter-spacing: 0.25px;
			font-weight: 400;
			color: #063c4a;
		}
		.footer li a {
			font-size: 14px;
			font-size: 1rem;
			color: #063c4a;
			text-transform: capitalize;
			font-weight: 600;
		}
		.footer li a:hover {
			color: #006990;
			text-decoration: none;
		}
		.footer .left_col {
			width: 33.81355932203214%;
		}
		.footer .mid_col {
			width: 33.81355932203214%;
			float: left;
		}		
		.footer .right_col {
			width: 24%;
		}
	
		.footer_copyright {
			width: 100%;
			height: auto;
			padding: 40px 0 62px 0;
			margin: 0;
			float: left;
			text-align: left;
		}
			.footer_copyright p {
				font-size: 12px;
				font-size: 0.85714285714286rem;
				font-weight: 600;
				color: #006990;
				padding: 0;
				margin: 0;
			}
			.footer_copyright a {
				text-transform: none;
			}		
			.footer_copyright .small {
				font-size: 11px;
				font-size: 0.78571428571429rem;
				font-weight: 300;
				color: #40a8c6;
			}
				.footer_copyright .small a {
					font-size: 11px;
					font-size: 0.78571428571429rem;
				}
				.footer_copyright .small a:hover {
					color: #006990;
					text-decoration: none;
				}
	.footer_logo {
		max-width: 151px;
		margin: 0 0 22px 0;
		background: url("images/footer/footer_logo.png") top left no-repeat transparent;
		background: url("images/logo.svg") top left no-repeat transparent;
		background-size: 100% auto;
	}
	
	/* ==========================================================================
	End FOOTER
	========================================================================== */


/* ==========================================================================
   End STRUCTURE
   ========================================================================== */
   
/* ==========================================================================
   NEXT GEN GALLERY
   ========================================================================== */
 
	.ngg-navigation {
		font-size: 12px !important;
	}
	
	.ngg-navigation span {
		font-weight: normal !important;
		padding: 3px 8px !important;
		margin: 0 2px !important;
		color: #FFF;
		background: #EC7730;
		border: 1px solid #EC7730 !important;
	}
	
	.ngg-gallery-thumbnail img {
		background-color: #FFFFFF;
		border: 1px none #A9A9A9 !important;
		display: block;
		margin: 4px 0 4px 4px;
		padding: 2px !important;
		position: relative;
	}
	
	.ngg-gallery-thumbnail img:hover {
		background-color: #cecdcd !important;
	}
	
	.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {
		background-color: #EC7730 !important;
		color: #FFFFFF !important;
		text-decoration: none !important;
	}

/* ==========================================================================
   End NEXT GEN GALLERY
   ========================================================================== */




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.page-id-29 h2 {
	color: #8FC43B !important;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.cleara { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.line { clear: both; display: block; width: 100%; border-bottom: 2px solid #ECEDEF; padding-top: 20px; margin-bottom: 60px; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media (max-width: 1258px) {
	#header {
		padding-right: 3%;
		padding-left: 3%;
		width: 94%;
	}
	.main_content {
		padding-right: 3%;
		padding-left: 3%;
		width: 94%;
	}
	.latest_posts {
		padding-right: 3%;
		padding-left: 3%;
		width: 94%;
	}
	.footer_hold {
		padding-right: 3%;
		padding-left: 3%;
		width: 94%;
	}
	.home_testimonials_right {
		padding-left: 3.69492%;
		width: 61.5593%;
	}
	#main_nav li a {
		padding: 0 12px;
	}
	.footer_col.one {
		width: 16.0169491525418%;
	}
	.footer_col.two {
		width: 24.74576271186338%;
	}
}

@media (max-width: 1190px) {
	#main_nav li a {
		padding: 0 10px;
	}
	
	.enquire_btn a {
		letter-spacing: 1px;
		padding: 8px 8%;
	}
	.phone_icon {
		background-size: 100%;
		margin-right: 5%;
		width: 18%;
		max-width: 18px;
	}
	.col_title h3 {
		font-size: 16px;
		font-size: 1.14286rem;
		padding-top: 7px;
	}
	.banner_left h2 {
		font-size: 16px;
		font-size: 1.14286rem;
	}
	.home .post {
		min-height: 394px;
	}
	.cols_holder {
		width: 94%;
		padding: 62px 3%;
	}
	#banner {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.entry-content p img {
		clear: both;
		float: none;
		margin: 20px 20px 20px 0;
	}
}

@media (max-width: 1140px) {
	#logo {
		background-size: 100% auto;
		max-width: 34%;
	}
	.right_header_col {
		width: 78%;
	}
	#main_nav li a {
		padding: 0 8px;
		font-size: 16px;
		font-size: 1.14285714285714rem;
	}
	.col_icon {
		max-width: 12%;
	}
	.home .post {
		min-height: 414px;
	}
	.page-template-default .banner_left {
		padding-top: 12px;
	}
	#banner h1 {
		font-size: 18px;
		font-size: 2rem;
	}
}

@media (max-width: 969px) {
	.phone_column.three {
		display: none;
	}
	.phone_column.one {
		width: 34.3491%;
	}
	.phone_column {
		width: 38.3491%;
	}
	.right_header_col {
		width: 74%;
	}
	.experience {
		width: 65%;
	}
	.social_btns {
		width: 23.33%;
	}
	.enquire_btn {
		width: 32%;
	}
	#category-menu li li {
		font-size: 14px;
		font-size: 1rem;
		letter-spacing: 0.5px;
	}
	.footer_conditions {
		width: 38%;
	}
	.footer_copyright {
		width: 60%;
	}
	.footer_conditions li, .footer_copyright p {
		font-size: 13px;
		font-size: 0.92857142857143rem;
	}
	.col {
		float: none;
		width: 100%;
		margin-bottom: 36px;
		padding-bottom: 36px;
		border-bottom: 2px dotted #ebebeb;
	}
	.main_content .col.last {
		padding-bottom: 36px;
		margin-bottom: 36px;
	}
	.lenders {
		margin: 28px 0 74px 0;
	}
	.banner_right_sub {
		padding-top: 0;
	}
	.banner_left h2 {
		font-size: 14px;
		font-size: 1rem;
	}
	.bottom_page_head .phone_column {
		width: 34.3491%;
	}
	.bottom_page_head .phone_column.one, .bottom_page_head .phone_column.two, .bottom_page_head .phone_column.three {
		display: inherit;
		float: left;
    	width: 33%;
		margin-bottom: 24px;
	}
	.map.desktop {
		display: none;
	}
	.map.mobile {
		display: block;
	}
	.footer_col.one {
		width: 22.0169491525418%;
	}
	.footer_col.two {
		width: 30.74576271186338%;
	}
	.footer_wrap {
		background-size: 520%;
	}
	.archive .content_col {
		float: none;
		width: 100%;
	}
	.archive .sidebar {
		clear: both;
		float: none;
		padding-left: 0;
		padding-top: 62px;
		width: 100%;
	}
}

@media screen and (max-width: 930px) {
	#search-3 {
		display: none;
	}
	#recent-posts-2 {
		margin-top: 12px;
	}
	.hunt, .blu, .syd, .bat, .sad, .sho {
		max-width: 46px;
	}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		width: 152px;
	}
}

@media screen and (max-width: 910px) {
	.home .post {
		min-height: 454px;
	}
	.more-link div {    
		max-width: 44%;
	}
}

@media screen and (max-width: 848px) {
	.bottom_page_head .right_header_col {
		width: 100%;
		margin-top: 12px;
	}
	.header.bottom_page_head .experience {
		float: left;
		text-align: left;
		width: 100%;
	} 
	.bottom_page_head .right_header_col h2 {
		text-align: right;
		font-size: 14px;
		font-size: 1rem;
	}
	.more-link div {    
		max-width: 54%;
	}
}


@media screen and (max-width: 798px) {
    .experience {
		width: 68%;
	}
	.content_col {
		float: none;
		width: 100%;
	}
	.sidebar {
		float: none;
		padding-left: 0;
		width: 100%;
	}
	.main_content .sidebar_nav ul, .main_content .sidebar_nav ol {
		margin: 12px 0 36px 0;
		padding: 0;
	}
    .right_header_col h2 {
		font-size: 13px;
		font-size: 0.928571rem;
		letter-spacing: 0.5px;
	}
	.right_header_col {
		width: 66%;
	}
	#header {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	#logo {
		margin: 0;
	}
	#nav {
		clear: both;
		display: block;
		float: none;
		margin: 0 auto;
		padding-right: 0;
		padding-left: 0;
		padding-top: 24px;
		text-align: left;
		width: 100%;
	}
	#nav li {
		float: none;
		margin: 0;
		padding: 0;
	}
	#mobnav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        background: url("images/header/sub-nav-icon.png") no-repeat right center transparent;
        opacity: 1;
        border-bottom: 1px none white;
        border-top: 1px none black;
        height: 43px;
        width: 100%;
        position: absolute;
        right: 0;
		top: 0;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
	#nav .mobile { direction: inherit !important; }
	.desktop { display: none !important; }
	#nav ul.sf-menu {
		display: none;
		padding-left:0;
		width: 100% !important;
	}	
    #nav ul.sf-menu.xactive {
        display: block !important;
		background: #076174;
    }
    #nav ul.sf-menu li {
		display: block !important;
		float: none !important;
		padding-left: 0;
		text-align: left;
		width: 100% !important;
		background-color: #f6f6f6;
	}
	.nav_wrap #nav li.gap {
		display: none !important;
	}
    #nav ul.sf-menu li a {
        float: none !important;
		color: #063c4a;
		padding-left: 4%;
		padding-top: 8px;
		padding-top: 0.571429rem;
		padding-bottom: 8px;
		padding-bottom: 0.571429rem;
    }
		 #nav ul.sf-menu li li a {
			color: #FFF;
		}
	#nav ul.sf-menu li a:hover, #nav ul.sf-menu li a:focus {
		color: #4ec1ea;
    }
		#nav ul.sf-menu li li a:hover, #nav ul.sf-menu li li a:focus {
			color: #FFF;
		}
	#nav li.home_btn {
		border-left: thick none;
		padding-top: 16px;
		padding-top: 1.14285714285714rem;
	}
	#nav li.contact-us_btn {
		padding-bottom: 16px;
		padding-bottom: 1.14285714285714rem;
	}
    #nav .sf-menu li ul {
        position:static!important;
        display: none!important;
    }
    #nav .sf-menu li.xpopdrop ul {
		display: block !important;
		position: inherit;
		width: 100%;
	}
		#nav .sf-menu li li li {
			background: #b1dcdf;
			color: #076174;
		}
		#nav .sf-menu li li li a {
			color: #FFF !important;
			padding-left: 4%;
			background: #b1dcdf;
		}
		#nav .sf-menu li li li a:hover, #nav .sf-menu li li li a:active {
			color: #FFF !important;
		}
		#nav .sf-menu li li li a:before {
			content: '-';
		}
		#nav .sf-menu li li li:last-child a {
			border-bottom: 1px none;
		}
	
	#caption {
		background: none repeat scroll 0 0 #222222;
		border-top: 3px solid #F6D039;
		left: 0;
		margin: 0 auto;
		max-height: 229px;
		max-width: 100%;
		padding: 5%;
		position: inherit;
		text-align: center;
		top: 0;
	}
	
	#caption img {
		max-width: 50%;
	}
	
	#banner {
		padding: 0;
	}
	.featured_post, .featured_post_right {
		float: none;
		padding-right: 0;
		width: 100%;
	}
	.right_header_col h2 {
		font-size: 0.828571rem;
		letter-spacing: 0.25px;
	}
	.footer_col.one {
		padding-right: 1.69492%;
		width: 22.0169%;
	}
	.footer_col.two {
		padding-right: 1.69492%;
		width: 22.7458%;
	}
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		max-width: 54%;
	}
	.main_content {
    	overflow: hidden;
	}
	#banner {
		text-align: center;
	}
	#banner h1 {
		font-size: 28px;
		font-size: 2rem;
	}
	.page-template-default #banner {
		text-align: left;
	}
	.col.last {
		border-bottom: 1px none #FFF;
	}
	.enquire_btn a {
		letter-spacing: 1px;
		padding: 8px 8%;
	}
}

@media screen and (max-width: 778px) {
	.enquire_btn.tablet, .phone_column.one.tablet { display: inherit; }
	.phone_column.one {
		float: right;
		width: 100%;
		margin-top: 24px;
	}
	.enquire_btn {
		width: 100%;
	}
	.social_btns {
		width: 28%;
	}
	.banner_right { 
		background: transparent;
	}
}

@media only screen and (max-width: 676px) {
	.banner_left, .banner_right { 
		float: none;
	}
	.banner_left { 
		width: 94%;
		padding: 48px 3% 0 3%;
	}
	.banner_right { 
		width: 100%;
		padding-top: 36px;
	}
	.home #banner {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.banner_right { 
		border-left: 0.214286rem none #fff;
    	border-right: 0.214286rem none #fff;
	} 
}

@media only screen and (max-width: 636px) {
	.footer_col.one {
		padding-right: 4%;
		width: 48%;
	}
	.footer_col.two {
		padding-right: 0;
		width: 48%;
	}
	.footer_col.three {
		margin-top: 36px;
		width: 100%;
	}
	.home .post {
		margin: 42px 4% 0 0;
		width: 48%;
	}
		.content_col article:nth-child(3n) {
			margin-right: 4%;
		}
		.content_col article:nth-child(2n) {
			margin-right: 0;
		}
	.left_col, 
	.left_col nav, 
	.footer .left_col,
	.footer .mid_col,
	.footer .right_col,
	.main_left_col, 
	.main_right_col, 
	.footer_copyright {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
	}
	.left_col nav { margin-bottom: 18px; }
	.footer_copyright {
		padding: 48px 0 62px 0;
		clear: both;
	}
	.footer_copyright p { padding: 0 0 6px 0; }
	.footer_logo {
		margin: 0 0 62px 0;
	}
	.right_col {
		float: left;
		margin: 0;
		max-width: 150px;
		padding: 0 0 62px 0;
		text-align: left;
		width: 100%;
	}
}

@media only screen and (max-width: 602px) {
	#header {
		padding-bottom: 24px;
	}
	.experience {
		margin: 12px 0 0 0;
		width: 100%;
	}
	.social_btns {
		width: 100%;
		margin: 24px 0 0;
	}
	.banner_wrap {
		padding: 7px 0;
	}
	.right_col, .left_col {
		float: none;
		width: 100%;
	}
	.home #banner .banner_left {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.home .banner_right {
		width: 100%;
	}
}

@media only screen and (max-width: 580px) {
	.home #banner h1 {
		font-size: 2rem;
		padding-top: 16px;
	}
	#banner h1 {
		font-size: 1.3rem;
	}
	.main_content {
		padding: 48px 0 12px 0;
	}
	.cols_holder {
		overflow: hidden;
	}
}

@media only screen and (max-width: 520px) {
	.join_us { display: none; }
	.banner h1, .banner h1 a {
		font-size: 1.5rem;
	}
	.banner h1, .banner h1 a {
		padding-bottom: 24px;
		padding-top: 20px;
	}
	.archive .content_col .post {
		float: none;
		width: 100%;
	}
	.footer .left_col {
		width: 100%;
		float: none;
	}
	.footer .mid_col {
		width: 100%;
		float: none;
		padding: 36px 0 18px 0;
	}
	.footer .right_col {
		width: 100%;
		float: none;
		margin: 24px 0 12px 0;
	}
}

@media only screen and (max-width: 480px) {
	#header {
		padding-bottom: 14px;
	}
	#nav {  padding-top: 0; }
	.social_btns {
		margin: 18px 0 0;
		width: 100%;
	}
	.enquire_btn.tablet, .phone_column.one.tablet {
		display: block;
		width: 92%;
	}
	.phone_icon {
		background-size: 100% auto;
	}
	.banner_left_sub {
		width: 44%;
	}
	.hunt, .blu, .syd, .bat, .sad, .sho { display: none; }
	.right_header_col {
		margin-bottom: 0;
		width: 56%;
	}
	#logo {
		padding-bottom: 24px;
		min-width: 136px;
	}
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		max-width: 54%;
	}
	.home .post {
		margin: 42px 0 0 0;
		width: 100%;
		min-height: 204px;
	}
		.content_col article:nth-child(3n) {
			margin-right: 0;
		}
	.more-link div {
		max-width: 44%;
	}
	.banner h1, .banner h1 a {
		font-size: 1.2rem;
	}
}

@media only screen and (max-width: 368px) {
	.banner h1, .banner h1 a {
		font-size: 1rem;
	}
}




/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}

	.site,
	.site-header,
	.hentry,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content,
	.archive-header,
	.page-header,
	.contributor-info,
	.comments-area,
	.attachment .entry-attachment .attachment {
		max-width: 100%;
	}

	#site-header img,
	.search-toggle,
	.site-navigation,
	.site-content nav,
	.edit-link,
	.page-links,
	.widget-area,
	.more-link,
	.post-format-archive-link,
	.comment-respond,
	.comment-list .reply,
	.comment-reply-login,
	#secondary,
	.site-footer,
	.slider-control-paging,
	.slider-direction-nav {
		display: none;
	}

	.site-title a,
	.entry-meta,
	.entry-meta a,
	.featured-content .hentry,
	.featured-content a {
		color: #2b2b2b;
	}

	.entry-content a,
	.entry-summary a,
	.page-content a,
	.comment-content a {
		text-decoration: none;
	}

	.site-header,
	.post-thumbnail,
	a.post-thumbnail:hover,
	.site-content .entry-header,
	.site-footer,
	.featured-content,
	.featured-content .entry-header {
		background: transparent;
	}

	.header-main {
		padding: 48px 10px;
	}

	.site-title {
		float: none;
		font-size: 19pt;
	}

	.content-area {
		padding-top: 0;
	}

	.list-view .site-content .hentry {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 48px;
		padding-bottom: 24px;
	}

	.post-thumbnail img {
		margin: 0 10px 24px;
	}

	.site-content .has-post-thumbnail .entry-header {
		padding-top: 0;
	}

	.site-content footer.entry-meta {
		margin: 24px auto;
	}

	.entry-meta .tag-links a {
		color: #fff;
	}

	.singular .site-content .hentry.has-post-thumbnail {
		margin-top: 0;
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.archive-title,
	.page-title {
		margin: 0 10px 48px;
	}

	.featured-content .hentry {
		margin-bottom: 48px;
	}

	.featured-content .post-thumbnail,
	.slider .featured-content .post-thumbnail {
		padding-top: 0;
	}

	.featured-content .post-thumbnail img {
		position: relative;
	}

	.featured-content .entry-header {
		padding: 0 10px 24px;
	}

	.featured-content .entry-meta {
		font-size: 9pt;
		margin-bottom: 11px;
	}

	.featured-content .cat-links {
		font-weight: 900;
	}

	.featured-content .entry-title {
		font-size: 25pt;
		line-height: 36px;
	}
}