/*
Theme Name:     eureka creative theme
Theme URI:      http://eurekacreative.com/
Description:    eureka creative wordpress theme
Author:         Wade Ingold -  Eureka Creative
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%;
	height: 100%;
}

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

body {
    background: #FFF;
	font-family: 'Myriad Pro', '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%;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * 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: #e1f4fb;
    text-shadow: none;
	color: #000;
}

::selection {
    background: #e1f4fb;
    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;
}

main {
	display: block;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

html {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
html, body {
    /* For the loading indicator to be vertically centered ensure */
    /* the html and body elements take up the full viewport */
    min-height: 100%;
}
html.loading {
    /* Replace #333 with the background-color of your choice */
    /* Replace loading.gif with the loading image of your choice */
    background: #333 url('loading.gif') no-repeat 50% 50%;

    /* Ensures that the transition only runs in one direction */
    -webkit-transition: background-color 0;
    transition: background-color 0;
}
body {
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
html.loading body {
    /* Make the contents of the body opaque during loading */
    opacity: 0;

    /* Ensures that the transition only runs in one direction */
    -webkit-transition: opacity 0;
    transition: opacity 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; font-weight: 300; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #00a1e1; }
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: 400 !important; }

h1 {
    color: #00a1e1;
    font-size: 50px;
	font-size: 3.57142857142857rem;
    letter-spacing: 3px;
    line-height: 1;
    margin: 0;
    padding: 0 0 6px 0;
    font-weight: 300;
}

h2 {
	color: #00a1e1;
    font-size: 22.5px;
	font-size: 1.60714285714286rem;
    font-weight: 300;
    letter-spacing: 0.12em;
    line-height: 1.4;
	padding: 18px 0 48px 0;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Myriad Pro', 'Lato', sans-serif;
}

h3 {
    color: #00a1e1;
	font-size: 18px;
	font-size: 1.28571428571429rem;
    margin: 0;
    padding: 32px 0 24px 0;
	letter-spacing: 0.06em;
	line-height: 1.3;
	font-family: 'Myriad Pro', 'Lato', sans-serif;
}

h4 {
	color: #00a1e1;
    font-size: 18px;
	font-size: 1.28571428571429rem;
    font-weight: 300;
    margin: 0;
    padding: 0 0 12px 0;
    line-height: 1.3;
	letter-spacing: 0.06em;	
	text-transform: uppercase;
	font-family: 'Myriad Pro', 'Lato', sans-serif;
}
 
h5 {
	color: #147cd6;
	font-size: 16.5px;
	font-size: 1.17857142857143rem;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: capitalize;
	font-family: 'Myriad Pro', 'Lato', sans-serif;
}

h6 {
	color: #076174;
	font-size: 16.5px;
	font-size: 1.17857142857143rem;
    font-weight: 400;
    letter-spacing: 1px;
	padding: 0 0 18px 0;
	font-family: 'Myriad Pro', 'Lato', sans-serif;
}

p {
	font-size: 16.5px;
	font-size: 1.17857142857143rem;
	color: #555555;
	line-height: 1.55;
	font-weight: 400;
	margin: 0;
	padding: 0 0 18px 0;
	letter-spacing: 0.5px;
	
}
.page-template-default h1 {
	padding: 0 0 6px;
}
.page-template-default h4 {
	padding: 30px 0 18px;
}
#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: 400; color: #1c252c; }
.entry-content strong { font-weight: 600; }

main { display: block; }

blockquote, blockquote p { color: #00a1e1; font-size: 24px; font-size: 1.71428571428571rem; font-weight: 400; letter-spacing: 0.5px; line-height: 1.3; }
blockquote { margin: 48px 0 0 0; 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; }
.gap { padding-left: 11px; }

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 circle;
	color: #000;
	font-weight: 500;
	padding-left: 12px;
	margin-bottom: 6px;
}
.main_content ul li { 
	list-style: outside circle; 
	color: #000;
    font-weight: 500;
    padding-left: 12px;
    margin-bottom: 6px;
}
li { margin-bottom: 12px; }
li p { margin: 0; padding: 0; color: #1c252c; }
.entry-content li p { color: #555555; }
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: #00a1e1; 
    text-decoration: none;
    transition: all 0.4s ease;
}
a:hover { color: #1c252c; text-decoration: none; }
a:focus { color: #1c252c; }
a:active { color: #1c252c; }
a:hover, a:active { outline: 0; }
a.small {
	font-size: 14px;
	font-size: 1rem;
	float: right;
}
h1 a:focus,
h1 a:active,
h1 a:hover { 
	color: #00a1e1;
	text-decoration: none;
}
p a, p a:visited { line-height: inherit; }
h4 a { color: #101010; }
h4 a:hover, h4 a:active { color: #101010; }

/* ===== 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 20px 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 #d6d6d6; padding: 4px; outline: none; color: #0d070b; margin: 0; width: 192px; max-width: 100%; display: block; background: #FFF; letter-spacing: 0.5px!important; font-size: 14px !important; font-size: 1rem !important; }
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;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;}
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;}
.blue, .blue a { color: #00a1e1; }
.dark-blue, .dark-blue a { color: #0055a5; }
.green { color: #6bc048; }
a.green_btn { color: #FFF; background: #6bc047; border-radius: 8px; padding: 11px 33px; transition: all 0.4s ease; }
a.green_btn:hover { background: #076174; text-decoration: none; }
.red { color: #d90000 !important; }
.mobile { display: none; }
.desktop { display: inherit; }
.float-left { float: left; max-width: 48%; margin-right: 2%;}
.wow { visibility: hidden; }
.main-btn {
	background: #00a1e1;
	padding: 10px 18px 8px 18px;
	color: #FFF;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: all ease 0.4s;
	border: 2px solid #00a1e1;
	display: inline-block;
	margin-top: 12px;
}
	.main-btn:hover,
	.main-btn:focus {
		background: #FFF;
		color: #00a1e1;
	}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in.two {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
	}
	 
.fade-in.three {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}	
.entry-content h4 {
	padding: 12px 0;
	font-weight: 400;
}	
.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; }
.break_line {
	width: 100%;
	height: 6px;
	clear: both;
	background: #1eace4;
}
.gradient {
	height: 6px;
    max-width: 2120px;
    width: 100%;
	background: #1eace4; /* Old browsers */
	background: -moz-linear-gradient(left, #1eace4 0%, #ffffff 28%, #ffffff 50%, #1eace4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1eace4), color-stop(28%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#1eace4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1eace4 0%,#ffffff 28%,#ffffff 50%,#1eace4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1eace4 0%,#ffffff 28%,#ffffff 50%,#1eace4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1eace4 0%,#ffffff 28%,#ffffff 50%,#1eace4 100%); /* IE10+ */
	background: linear-gradient(to right, #1eace4 0%,#ffffff 28%,#ffffff 50%,#1eace4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eace4', endColorstr='#1eace4',GradientType=1 ); /* IE6-9 */
	/*background: url("images/gradient.png") center center repeat-x #1eace4;*/
}
.larger { font-size: 1.25em; }
.smaller { font-size: 0.75em; }
.royal-blue { color: #147cd6; }
.tablet, .mobile { display: none; }
.top_gap { padding-top: 24px; }
.light-grey { color: #aaaaaa; }
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:first-child {

}
.page-id-11 .content_col p:first-child {
	padding: 18px 0;
}
.facebook {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/facebook.png") no-repeat;
	background:url("images/social/facebook.svg") no-repeat;
	background-position: top;
}
.facebook span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/facebook.png") no-repeat;
	background:url("images/social/facebook.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.facebook:hover span {
	opacity: 1;
}

.youtube {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/youtube.png") no-repeat;
	background:url("images/social/youtube.svg") no-repeat;
	background-position: top;
}
.youtube span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/youtube.png") no-repeat;
	background:url("images/social/youtube.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.youtube:hover span {
	opacity: 1;
}

.instagram {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/instagram.png") no-repeat;
	background:url("images/social/instagram.svg") no-repeat;
	background-position: top;
}
.instagram span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/instagram.png") no-repeat;
	background:url("images/social/instagram.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.instagram:hover span {
	opacity: 1;
}
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

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

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

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

	#big_wrapper {
		width: 100%;
	}
	.wrapper {
		padding: 0;
		margin: 0;
	}
	.section_wrapper {
		max-width: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: left;
		display: -webkit-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
	}
	.page-template-template_project-print .section_wrapper,
	.page-template-template_project .section_wrapper,
	.section_wrapper.lower {
		display: -webkit-flex;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
	}
	/*.header_wrap {
		width: 300px;
		height: 100vh;
		padding: 0;
		float: left;
		background: #1c252c;
		position: fixed;
		top: 0;
		z-index: 99;
	}*/
	.header_wrap { 
		width: 100%;
		height: auto;
		background: #1c252c;
		padding: 0;
		display: -webkit-flexbox;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.header {
		width: 100%;
		max-width: 1180px;
		margin: 0;
		display: -webkit-flexbox;
		display: flex;
		box-sizing: content-box;
		padding: 0 4%;
	}
	.header p {
		margin: 0;
		padding: 0;
		color: #147cd6;
		font-weight: 600;
		font-size: 18px;
		font-size: 1.28571428571429rem;
		line-height: 1.2;
	}
	.logo {
		width: 100%;
		max-width: 122px;
		margin: 24px 0;
		max-height: auto;
	}
		.logo img {
			width: 100%;
		}
	
	.social_btns {
		width: 100%;
		text-align: left;
		margin: 115px 0 149px 20px;
	}
		.social_top ul {
			margin: 0;
			padding: 0;
		}
		.social_top li {
			display: inline;
			float: left;
			padding: 0 7px 0 0;
			margin: 0;
		}
	#nav .menu-break,
	#nav .secondary a {
		color: #aaaaaa;
	}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

	.menu_container {
		display: -webkit-flexbox;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-left: auto;
	}
	#nav {
		margin: 0;
		padding: 0;
	}
	#nav ul {
		margin: 0;
		padding: 0;
		max-width: 100%;
	}
	#nav li {
		padding: 0 6px;
		margin: 0;
		text-align: center;
		background: transparent;
		display: inline-block;
		text-align: left;
		font-family: 'Myriad Pro', 'Lato', sans-serif;
	}
		#nav li.last a {
			background-image: none;
			padding-right: 0;
		}
		#nav li a {
			font-size: 13.5px;
			font-size: 0.96428571428571rem;
			letter-spacing: 0.06em;
			color: #FFF;
			text-decoration: none;
			font-weight: 400;
			padding: 0;
			text-transform: inherit;
		}
		#nav li a:hover {
			color: #2fb2e7;
			text-decoration: none;
		}
		.menu-link { display: none; }
	#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 #1C252C;
		font-family: 'Myriad Pro', 'Lato', sans-serif;
		font-size: 14px;
		font-size: 1rem;
		letter-spacing: 2px;
		text-decoration: none;
		font-weight: 600;
		text-transform: capitalize;
	}
	.mobnav-subarrow {
		display: none;
	}
	
/* ==========================================================================
   MAIN
   ========================================================================== */
	
	.main_content {
	   width: 100%;
	   max-width: 100%;
	   height: auto;
	   padding: 0 0 86px 0;
	   margin: 0;
   }
	   .main_content ul, .main_content ol {
		   padding: 0;
		   margin: 12px 0 36px 24px;
	   }
		   .main_content li {
			   font-size: 16.5px;
			   font-size: 1.17857142857143rem;
			   text-align: left;
			   list-style: disc outside;
			   margin-bottom: 12px;
			   color: #555555;
			   letter-spacing: 0.5px;
			   line-height: 1.55;
		   }
   .right_col {
	   max-width: 39.56521739130324%;
	   padding: 50px 0 0 0;
	   margin: 0;
	   float: right;
	   text-align: left;
   }
   #big_wrapper .main_content.intro {
	   
   }
/* ==========================================================================
   End MAIN
   ========================================================================== */
   
/* ==========================================================================
   HOME
   ========================================================================== */
	
   .blog .section_wrapper,
   .page-template-default .section_wrapper,
   .page-template-template_print-portfolio .section_wrapper,
   .page-template-template_services .section_wrapper,
	.main_content.home_content,
	.project_details {
		padding: 0;
		text-align: center;
		display: -webkit-flexbox;
	   	display: flex;
	   	-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		display: -webkit-flex;
		flex-direction: column;
	}
		.intro-text-home {
			max-width: 810px;
			padding: 60px 4% 84px;
			box-sizing: border-box;
			text-align: center;
		}
	.page .main_content.home_content {
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.home.page-template  #big_wrapper .main_content.home_content {
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
	}
	.home.page-template #big_wrapper .intro-text-home {
		text-align: center;
	}
	.page #big_wrapper .intro-text-home {
	    max-width: 892px;
	    padding: 60px 4% 84px;
	    box-sizing: border-box;
	    text-align: left;
	}
	.page #big_wrapper .main_content.home_content {
		text-align: left;
	}
	.page-template-default .main_content.home_content {
		padding-bottom: 0;
	}
	.section_wrapper.main-banner {
		background: url('images/home-main.jpg') top center no-repeat #F5F7F8;
		background-size: 100% auto;
		background-size: cover;
	}
	.blog .main_content.home_content, 
	.single .main_content.home_content,
	.archive .main_content.home_content,
	.category .main_content.home_content {
		max-width: 1180px;
		padding: 0 4%;
		box-sizing: content-box;
	}
	
	.project_info {
		padding: 86px 5.70754716980875%;
		text-align: left;
		max-width: 1780px;
		box-sizing: border-box;

	}
		.project_images {
			float: left;
			max-width: 54%;
		}
			.project_images img {
				margin-bottom: 20px;
				margin-bottom: 1.42857142857143rem;
			}
		.project_info .project_details {
			float: left;
			padding: 0 0 86px 4%;
			max-width: 42%;
			text-align: left;
		}
		.project_info .project_details h3 {
			width: 100%;
		}
		.page-template-template_project .main_content.home_posts {
			max-width: 894px;
			padding: 0;
		}
	.banner {
	   	width: 100%;
	   	max-width: 920px;
	  	height: auto;
	   	padding: 0 4%;
	   	margin: 0;
	   	display: -webkit-flexbox;
	   	display: flex;
	   	-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		min-height: 65vh;
		box-sizing: border-box;
		text-align: center;
   }
	   .banner ul, .banner ol {
		   padding: 0;
		   margin: 12px 0 0 0;
	   }
		   .banner li {
			   font-size: 16.5px;
			   font-size: 1.17857142857143rem;
			   text-align: left;
			   list-style: disc outside;
			   margin-bottom: 0;
			   color: #555555;
			   letter-spacing: 0.5px;
			   line-height: 1.55;
		   }
	.top-text {
		max-width: 860px;
		padding: 20px 20px 0 20px;
		background: #FFF;
		background: rgba(255,255,255,0.75);
	}
	.banner .top-text h1 {
		font-size: 72px;
		font-size: 5.142857142857143rem;
		font-weight: 400;
		color: #00a1e1;
		letter-spacing: 0.04em;
		line-height: 1.15;
	}
	   
	/* SLIDER section */
	.slick-slider {

	}
	.slider {
		display: block;
		min-height: 320px;
		padding: 18px 0 0 0;
		overflow: hidden;
	}
	.text-slide {
	    width: 780px;
	    margin: 0 auto;
	    padding-top: 12%;
		padding-bottom: 12%;
	}
		.text-slide h1 {
			font-size: 72px;
			font-size: 5.142857142857143rem;
			font-weight: 400;
			color: #00a1e1;
			letter-spacing: 0.04em;
			line-height: 1.15;
		}
	.slide-01 {
		padding-top: 72px;
	}
	.banner ul, .banner ol {
	    padding: 0;
	    margin: 12px 0 0 0;
	    position: absolute;
	    top: 0;
	    z-index: 99;
	}
	.banner .slick-dotted.slick-slider {
	    padding: 12px 0 0 0;
	    margin-bottom: 0;
	}
	.banner .slick-dots li button::before {
	    font-family: 'slick';
	    font-size: 6px;
	    line-height: 20px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 20px;
	    height: 20px;
	    content: '•';
	    text-align: center;
	    opacity: .25;
	    color: #555555;
	    transition: 0.4s all ease;
	}
	.banner .slick-dots li button:hover::before, 
	.banner .slick-dots li button:focus::before {
	    opacity: 1;
	    color: #555555;
	}
	.banner .slick-dots li.slick-active button::before {
	    opacity: 1;
	    color: #04A2E1;
	}
	/* End SLIDER section */
	
	/* NIVO SLIDER section */
	
	.theme-default #slider.nivoSlider { box-shadow: none !important; }
	   
	/* End NIVO SLIDER section */
	
	/* Columns section */

	.columns {
		width: 100%;
		max-width: 100%;
		display: -webkit-flexbox;
	   	display: flex;
	   	-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.portfolio_pages {
		flex-wrap: wrap; 
		flex-flow: wrap;
	}
	.columns.portfolio_pages { 
		max-width: 1780px;
	}
		.col {
			width: 23.8888888888908%;
			margin-right: 1.1111111111112%;
			float: left;
			max-width: 429px;
		}
		.portfolio_pages .col {
			margin-bottom: 20px;
			border: 1px solid #ffffff;
		}
		.col.last {
			margin-right: 0;
		}
		.col p {
			padding: 0;
			margin: 0;
			color: #FFF;
			font-weight: 600;
			letter-spacing: 1px;
		}
		.col p .small  {
			font-size: 11px;
			font-family: 'Myriad Pro', 'Lato', sans-serif;
			letter-spacing: 2px;
		}
		.col.border {
			border: 1px solid #dcdcdc;
		}
			.col.border:hover {
				border: 1px solid #FFF;
			}
		.col.white-border {
			border: 1px solid #FFF;
		}
			.col.white-border:hover {
				border: 1px solid #FFF;
			}
		.col a img {
			height: auto;
			max-height: auto !important;
			max-width: 100%;
			opacity: 1;
			transition: opacity 0.55s ease-in-out 0s;
		}
		.col a .text {
			opacity: 0;
			transition: opacity 0.35s ease-in-out 0s;
			width: 100%;
			position: absolute;
			z-index: 66;
			top: 0;
			text-align: center;
			background: #00a1e1;
			padding: 23.5% 8%;
			margin: 0;
		}
			.col a:hover img {
				backface-visibility: hidden;
				opacity: 0.5;
			}
			.col a:hover .text {
				opacity: 1;
			}
   .logo_overlay {
	   width: 283px;
	   height: 194px;
	   position: absolute;
	   z-index: 99;
	   top: -134px;
	   left: 33.5%;
   }
		   
	[class^="hvr-"] {
		background: transparent;
		color: #666;
		cursor: pointer;
		margin: 0;
		padding: 0;
		text-decoration: none;
		width: 100%;
	}
	.hvr-underline-from-left {
		-moz-osx-font-smoothing: grayscale;
		backface-visibility: hidden;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		display: inline-block;
		overflow: hidden;
		position: relative;
		transform: translateZ(0px);
		vertical-align: middle;
	}
	
	/* End Columns section */
	
	/* === Latest Posts Section === */
	.main_content.home_posts {
		max-width: 894px;
		padding: 60px 4% 0;
		box-sizing: border-box;
	}
	.home .main_content.home_posts {
		border-top: 3px dotted #F5F7F8;
	}
	.home .main_content.home_posts { 
		padding: 122px 4% 0;
	}
	.latest_posts {
		width: 46%;
		height: auto;
		float: left;
		padding-right: 4%;
		padding-bottom: 36px;
		text-align: left;
	}
		.latest_posts.last {
			padding-right: 0;
		}
		.latest_posts p, 
		.quote_footer p {
			color: #7a868c;
			font-size: 14px;
			font-size: 1rem;
		}
		.quote_footer p {
			line-height: 1.7;
			padding-top: 1em;
    		text-align: right;
		}
		.latest_posts strong {
			color: #1c252c;
			font-weight: 400;
		}
			.latest_posts a {
				color: #00a1e1;
				font-family: "Myriad Pro","Lato",sans-serif;
				font-size: 1.28571rem;
				font-weight: 300;
				letter-spacing: 1.5px;
				margin: 0;
				padding: 0 0 12px;
				text-transform: uppercase;
			}
				.latest_posts a:hover {
					color: #1c252c;
					text-decoration: none;
				}
			.latest_posts a.read_more {
				color: #00a1e1;
				font-style: italic;
				letter-spacing: 1px;
				text-decoration: none;
				font-size: 14px;
				font-size: 1rem;
				text-transform: none;
			}
				.latest_posts a.read_more:hover {
					color: #1c252c;
				}

		.featured_post {
			width: 31%;
			float: left;
			padding-right: 3.5%;
		}
		.featured_post_right {
			width: 31%;
			float: left;
			padding-right: 0;
		}
		.featured_post ul, .featured_post_right ul {
			margin: 0;
			padding: 0;
		}
		.imb_post_image {
			max-height: 197px;
			overflow: hidden;
		}
		img.recent-posts-thumb {
			max-width: 100% !important; 
			height: auto !important;
		}
		.advanced-recent-posts .post_by, .byline, .cat-links, .edit-link {
			padding: 0 11px 0 0;
			color: #98999a;
			font-size: 11.5px;
			letter-spacing: 0.5px;
			float: left;
		}
			.blog .advanced-recent-posts .post_by, .byline {
			}
		.meta-sep { display: none; }
		.advanced-recent-posts .date, .created-date {
			padding: 0 0 0 8px;
			color: #98999a;
			font-size: 12px;
			letter-spacing: 0.5px;
			float: left;
		}
			.blog .advanced-recent-posts .date, .created-date {
			}
		.advanced-recent-posts .imb_latest_post {
			padding-top: 14px;
			font-size: 13px;
			font-size: 0.92857142857143rem;
			display: block;
			color: #888;
			letter-spacing: 0.5px;
			line-height: 1.6;
			font-weight: 400;
		}
		.advanced-recent-posts .imb_latest_post a {
			color: #da1f2a;
			font-weight: 700;
		}
			.advanced-recent-posts .imb_latest_post a:hover {
				color: #00665e;
				text-decoration: none;
			}
		
	/* === End Latest Posts Section === */
	
	/* === Search Form === */
	
	#search-3 {
		margin-bottom: 58px;
	}
	input.search-field {
			border: thick none;
			border-radius: 20px 0 0 20px;
			float: left;
			margin-bottom: 0;
			padding: 10px 13px;
			font-style: italic;
			color: #999999;
			font-size: 14px;
			font-size: 1rem;
			letter-spacing: 0.5px;
			background: #f4f4f4;
		}
			input.search-field:focus {
				border: thick none;
				border-radius: 20px 0 0 20px;
				background: #f4f4f4;
				color: #0d2832;
				font-weight: 400;
			}
		input.searchsubmit {
			background: #00665e;
			border: thick none;
			font-size: 14px;
			font-size: 1rem;
			letter-spacing: 0.5px;
			color: #FFF;
			font-weight: 700;
			padding: 10px 13px 10px 13px;
			border-radius: 0 20px 20px 0;
			transition: all 0.4s ease 0s;
		}
			input.searchsubmit:hover {
				background: #da1f2a;
				color: #FFF;
			}
			
	/* === End Search Form === */
	
	/* === 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: #f6f6f6;
		border: thick none;
		border-radius: 8px;
		color: #d6d6d6;
		font-size: 14px;
		font-size: 1rem;
		font-weight: 400;
		letter-spacing: 1px;
		padding: 6px 16px 8px 16px;
		transition: all 0.4s ease 0s;
		text-transform: lowercase;
	}
	.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: #0d060a;
		color: #FFF;
	}
	.page .gform_wrapper {
		margin: 1em 0 0;
		max-width: 98%;
		overflow: inherit;
	}
	.page .gform_wrapper .top_label .gfield_label {
		clear: both;
		color: #8a8a8a;
		display: inline-block;
		font-weight: 400;
		letter-spacing: 0.5px;
		line-height: 1.3;
		margin: 0.625em 0 0.5em;
		font-size: 1rem;
		font-weight: 400;
	}
	.page .gform_wrapper textarea.large {
		height: 11em !important;
	}
	.page .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
		font-size: 11.5px !important;
		max-width: 97.5%;
		padding-right: 6px !important;
	}
	.page .gform_wrapper div.validation_error {
		border-bottom: 1px solid #d6d6d6;
		border-top: 1px solid #d6d6d6;
		color: #8a8a8a;
		font-size: 14px;
		font-size: 1rem;
		font-weight: 400;
		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: 1px solid #d6d6d6;
		border-top: 1px solid #d6d6d6;
		margin-bottom: 6px !important;
		padding: 6px 6px 4px !important;
	}
	.page .gform_wrapper .gfield_error .gfield_label {
		color: #0d070b;
	}
	.page .gform_wrapper .validation_message {
		color: #0d070b;
		font-weight: 400;
		letter-spacing: 0.5px;
	}
	.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 #dcdcdc;
	}
	.page .gform_wrapper .gfield_required {
		color: #0d070b;
		margin-left: 0.25em;
	}
	.page.page-id-11 .gform_wrapper h2.gsection_title {
		color: #0d070b;
		font-size: 14px;
		font-size: 1rem;
		font-weight: 400;
		letter-spacing: 1px !important;
		padding: 32px 0 24px 0 !important;
	}
	#gform_confirmation_message_1 h4 {
		
	}
	.clients {
		max-width: 810px;
	}
	.clients ul {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.clients li {
		display: inline-block;
		padding: 15px 25px;
		list-style: outside none;
		width: 200px;
		vertical-align: middle;
	}
	.clients li.uow { width: 154px; }
	.clients li.droppoint { width: 146px; }
	.clients li.bauer { width: 142px; }
	.clients li.beel { width: 158px; }
	.clients li.wine { width: 174px; }
	.clients li.cardiac { width: 108px; }

	/* === 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;
	}
	.intro-text-home h2 {
	    margin: 18px 0 0;
	    display: block;
	}
	.section-wrap {
		width: 100%;
		padding: 36px 0 60px 0;
		background: #f5f7f8;
		text-align: center;
	}
	.section-wrap.white {
		background: #FFF;
	}
	
	/* === End YouTube Section === */
	
/* ==========================================================================
   End HOME
   ========================================================================== */
   
/* ==========================================================================
   Page - DEFAULT
   ========================================================================== */
   .flex-column {
		display: -webkit-flex;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
   }
   .sub-banner, 
   .page-id-9.page-template-default .sub-banner {
	   width: 100%;
	   height: auto; 
	   display: block;
   }
	.page-template-template_project .sub-banner, 
	.page-template-template_project-print .sub-banner, 
	.page-template-default .sub-banner, 
	.blog .sub-banner,
	.single .sub-banner {
	   width: 100%;
	   height: 154px;
	   display: block;
   }
   /* === Main Left Content Area  === */
	
	.content_col {
		width: 61.84745762711522%;
		float: left;
	}
		.main_content .blog h2, .content_col h2 {
			padding: 32px 0 24px;
		}
			.main_content .blog h2 a, .content_col h2 a {
				color: #00a1e1;
				text-decoration: none;
			}
				.main_content .blog h2 a:hover, .content_col h2 a:hover {
					color: #1c252c;
				}
		.main_content .blog h3, .content_col h3 {
			font-size: 22px;
			font-size: 1.57142857142857rem;
			font-weight: 900;
    		letter-spacing: 2px;
			text-transform: uppercase;
		}
		.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; }
		.page-id-9 .right_col { min-width: 352px; }
		/*.content_col .second_tr td:nth-child(2n+1) {
			background: #c7edb7;
		}
			.content_col .second_tr td:nth-child(2n+2) {
				background: #e3f3dd;
			}*/


		
	/* === End Main Left Content Area  === */
	
	/* === Sidebar Content Area  === */
	
	.sidebar {
		float: left;
		width: 33.7288%;
		padding: 153px 0 84px 4.4237%;
	}
		.sidebar #primary-sidebar {
			text-align: left;
		}
		#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
   ========================================================================== */
   
   /* ==========================================================================
   News & Tips
   ========================================================================== */
   
   .entry-header {
	   padding-bottom: 0;
   }
   .archive .content_col,
   .single .content_col,
   .blog .content_col {
	    width: 61.84745762711522%;
	    float: left;
	    padding: 60px 0 84px;
	    text-align: left;
	}
	.blog-holder {
		display: -webkit-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		display: -webkit-flex;
		flex-direction: row;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.blog .portfolio_pages h3,
	.archive .portfolio_pages h3,
	.single .portfolio_pages h3 {
		width: 100%;
		text-align: center;
		padding-bottom: 48px;
		letter-spacing: 1.5px;
		text-transform: uppercase;
	}
	.post-navigation {
		padding-top: 48px;
	}
	.blog .entry-meta,
	.single .entry-meta,
	.archive .entry-meta {
		display: none;
	}
	.blog .content_col h2,
	.single .content_col h2,
	.archive .content_col h2 {
	    padding: 32px 0 14px;
	}
   
   /* ==========================================================================
   END News & Tips
   ========================================================================== */
   
   /* ==========================================================================
   Page - SERVICES
   ========================================================================== */
   
   .services_col {
		width: 80%;
	}
		.services_col h4 {
			padding: 12px 0 6px;
		}
		.main_content li div.desktop, .main_content li div.mobile {
			list-style: outside none;
		}
		.services_col .more {
			margin-top: -6px;
		}
	
	#bank, #bank2, #bank3, #bank4, #bank5, #bank6, #bank7, #bank8 { display:none; }
		.bank p:last-child  { 
			margin: 0; 
			padding: 0;
		}
		
	#btn-bk, #btn-bk2, #btn-bk3, #btn-bk4, #btn-bk5, #btn-bk6, #btn-bk7, #btn-bk8 { display:none; }
	
	/* ==========================================================================
   End Page - SERVICES
   ========================================================================== */
   
   
   /* ==========================================================================
	Page: WORK Galleries Main Page
	========================================================================== */
	
	.main_content.work {
		padding-top: 50px;
	}
	.main_content.work h1 {
		padding-bottom: 15px;
	}
	.main_content.work h2 {
		padding: 0 0 18px 0;
	}
	.main_content.work h2.extra_gap {
		padding: 16px 0 18px 0;
	}
	.gallery_col {
		max-width: 18.4972%;
		margin-right: 1.5027%;
		float: left;
		display: inline-block;
		text-align: left;
	}
		.gallery_col.last {
			margin-right: 0;
		}
		.gallery_col a img {
			height: auto;
			max-height: 166px;
			max-width: 100%;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
			opacity: 1;
		}
		.gallery_col a img:hover {
			opacity: 0.65;
			backface-visibility: hidden;
		}
		.main_content .gallery_col h4 {
			color: #636363;
			font-size: 14px;
			font-size: 1rem;
			font-style: normal;
			font-weight: 300;
			padding: 18px 0 36px 0;
			text-align: left;
			letter-spacing: 0.5px;
		}
		.main_content .gallery_col h4 a {
			color: #636363;
		}
		.main_content .gallery_col h4 a:hover {
			color: #0d070b;
			text-decoration: none;
		}
		.main_content .main_gallery h1, #main_content .main_gallery h2 {
			display: inline-block;
		}
		.main_content .main_gallery img {
			margin-right: 10px;
    		padding-bottom: 13px;
			max-width: 879px;
		}
		.main_content .main_gallery img:last-child, .main_content .main_gallery p:last-child {
    		padding-bottom: 0;
		}
		.main_content .main_gallery .images {
			margin-bottom: 24px;
		}
		.edit-link { display: none; }
		.hvr-overline-from-left {
			backface-visibility: hidden;
			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
			display: inline-block;
			overflow: hidden;
			position: relative;
			transform: translateZ(0px);
			vertical-align: middle;
		}
		.hvr-overline-from-left::before {
			background: #0d070b;
			content: "";
			height: 4px;
			left: 0;
			position: absolute;
			right: 100%;
			bottom: 0;
			transition-duration: 0.3s;
			transition-property: right;
			transition-timing-function: ease-out;
			z-index: 99;
		}
		.hvr-overline-from-left:hover::before, .hvr-overline-from-left:focus::before, .hvr-overline-from-left:active::before {
			right: 0;
		}
		.testimonial {
			margin: 0;
			padding: 0 0 36px 0;
		}
			.testimonial blockquote {
				margin: 0 0 12px 0;
				padding: 0;
			}
			.testimonial cite {
				margin: 0 0 24px 0;
				padding: 0;
			}
	
	/* ==========================================================================
	End Page: WORK Galleries Main Page
	========================================================================== */
  
	/* ==========================================================================
	FOOTER
	========================================================================== */
	
	.footer_wrap {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		background: #f5f7f8;
	}
		.footer {
			margin: 0 auto;
			padding: 122px 4%;
			max-width: 1480px;
			text-align: center;
		}
		.footer ul {
			margin: 0 0 8px 0;
			padding: 0;
		}
		.footer li { 	
			display: inline-block;
			padding: 0 6px;
			margin: 0;
		}
		.footer .smaller { 
			font-size: 12px;
		}
		.footer a {
			font-size: 13.5px;
			font-size: 0.96428571428571rem;
			letter-spacing: 0.06em;
			color: #1c252c;
			font-weight: 400;
		}
		.footer a:hover,
		.footer a:focus {
			color: #00a1e1;
		    text-decoration: none;
		}
		.footer .main-btn {
			color: #FFF;
		    margin: 24px 0 30px 0;
		    padding: 11px 18px 8px 18px;
		}
		.footer .main-btn:hover, 
		.footer .main-btn:focus {
			color: #00a1e1;
		}
		.footer p {
			font-size: 13.5px;
			font-size: 0.96428571428571rem;
			letter-spacing: 0.06em;
			font-weight: 400;
			margin: 0;
			padding: 0 0 27px 0;
		}
		.footer .main-btn {
			margin-bottom: 31px;
			font-weight: 600;
		}
	
	/* ==========================================================================
	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; }

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media (max-width: 1880px) {
	.columns { 
		padding: 0 4%;
	}
	.columns article:nth-child(4) {
	    margin-right: 0;
	}
}

@media (max-width: 1820px) {
	.page-template-template_project .sub-banner, 
	.page-template-template_project-print .sub-banner, 
	.page-template-default .sub-banner, 
	.blog .sub-banner,
	.single .sub-banner {
	   width: 100%;
	   height: 124px;
	   display: block;
   }
   .project_info {
		padding: 82px 5.70755%;
	}
}

@media (max-width: 1600px) {
	.col {
		float: left;
		margin-right: 1.11111%;
		max-width: 429px;
		width: 39%;
		margin-bottom: 10px;
	}
	.latest_posts {
		width: 42%;
	}
	.page #big_wrapper .intro-text-home {
		padding: 60px 6%;
	}
}

@media (max-width: 1220px) {
	.project_info {
		padding: 48px 6%;
	}
   .sub-banner, .page-id-9.page-template-default .sub-banner {
		display: block;
		height: 245px;
		width: 100%;
	}
	.blog .main_content.home_content, 
	.single .main_content.home_content, 
	.archive .main_content.home_content, 
	.category .main_content.home_content {
	    padding: 0 6%;
	    box-sizing: inherit;
	}
}

@media (max-width: 1120px) {
	.main_content.home_content {
		padding: 0;
	}
	h1 {
    	font-size: 42px;
		font-size: 3rem;
	}
	.columns {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.columns article:nth-child(2) {
	    margin-right: 0;
	}
}

@media (max-width: 1024px) { 
	h2 {
	    padding: 18px 0;
	}
}

@media screen and (max-width: 958px) {
	.wrapper {
		padding: 0;
		width: 100%;
	}	  
	.desktop { display: none !important; }
	.mobile { display: inherit !important; }
}

@media only screen and (max-width: 848px) {
	.project_images, .project_info .project_details {
		float: none;
		max-width: 100%;
	}
	.project_info .project_details {
		float: none;
		max-width: 100%;
		padding: 0;
	}
	.project_info {
		max-width: 100%;
		text-align: left;
	}
	.latest_posts {
		padding: 0 0 24px;
		width: 100%;
	}
	.sub-banner, .page-id-9.page-template-default .sub-banner {
		display: none;
		height: 0;
	}
	.blog-holder {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.content_col, 
	.sidebar {
		float: none;
		width: 100%;
	}
	.sidebar {
		margin: 0;
		padding: 48px 0 0 0;
		border-top: 3px dotted #F5F7F8;
	}
	.content_col {
	    width: 100%;
	}
	.blog .content_col,
	.archive .content_col,
	.single .content_col {
	    padding: 60px 0 24px;
	    width: 100%;
	}
}

@media only screen and (max-width: 736px) {
	.section_wrapper {
	    float: none;
	}
}

@media only screen and (max-width: 628px) {
	.header {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.logo {
	    width: 100%;
	    max-width: 100%;
	    margin: 24px 0 0;
	    text-align: center;
	}
	.logo img {
	    width: 100%;
	    max-width: 92px;
	}
	#nav,
	.menu_container {
		width: 100%;
	}
	#nav ul.sf-menu li.menu-break {
		display: none !important;
	}
	#mobnav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        background: url("images/header/sub-nav-icon.png") no-repeat right center transparent;
        opacity: 1;
        height: 43px;
        width: 100%;
        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;
    }
	.mobile { display: inherit !important; }
	.desktop { display: none; }
	#nav ul.sf-menu {
		display: none;
		padding-left:0;
		width: 100% !important;
	}	
    #nav ul.sf-menu.xactive {
        display: block !important;
		background: #076174;
		border-bottom: 12px solid #1C252C;
    }
    #nav ul.sf-menu li {
		display: block !important;
		float: none !important;
		padding: 2px 6px;
		text-align: left;
		width: 100% !important;
		background-color: #1C252C;
	}
		#nav ul.sf-menu li li {
			background-color: #1C252C;
		}
    #nav ul.sf-menu li a {
        float: none !important;
		color: #d5e7d7;
		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;
			padding-top: 0.571429rem;
			padding-bottom: 0.571429rem;
			font-size: 0.92857142857143rem;
		}
	#nav ul.sf-menu li a:hover, #nav ul.sf-menu li a:focus {
		color: #FFF;
    }
    .main_content.home_content, 
	.project_details, 
	.page-template-template_project .main_content.home_posts {
		padding: 0;
	}
	#latest-post-section .home_posts { 
		width: 100%; 
		padding: 48px 0; 
	 }
	 .clients li {
		width: 150px;
	}
	.clients li.wine {
	    width: 134px;
	}
	.clients li.droppoint {
	    width: 126px;
	}
	.clients li.beel {
	    width: 138px;
	}
	.clients li.bauer {
	    width: 122px;
	}
	.clients li.uow {
	    width: 132px;
	}
	.float-left { float: none; max-width: 100%; margin-right: 0; }
	#clients-section {
	    width: 100%;
	    padding: 36px 0 10px 0;
	}
}

@media only screen and (max-width: 548px) {
	.left_col {
		float: none;
		margin: 0;
		padding: 36px 3%;
		text-align: left;
		width: 94%;
	}
	.right_col {
		float: none;
		max-width: 94%;
		padding: 32px 3%;
		width: 94%;
	}
	blockquote {
		margin: 0 0 24px 0;
	}
	.columns {
		padding-left: 6%;
		padding-right: 6%;
		width: 100%;
	}
		.col {
		    float: none;
		    margin: 0 auto 10px auto;
		    width: 99%;
		}
	.columns.portfolio_pages {
		text-align: center;
	}
		.portfolio_pages .col {
			display: inline-block;
		}
	.banner .top-text h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 1.4rem;
	}
	.top-text h2 {
		font-size: 1.1rem;
		padding: 0 0 18px 0;
	}
	.banner {
		min-height: 45vh;
	}
	.page #big_wrapper .intro-text-home {
	    padding: 40px 6%;
	}
}

@media only screen and (max-width: 428px) {
	.col {
		width: 100%;
	}
}
@media only screen and (max-width: 396px) {
	.banner .top-text h1 {
	    font-size: 2.5rem;
	}
	.top-text h2 {
		font-size: 0.928571428571429rem;
		font-weight: 600;
		letter-spacing: 0.06em;
	}
}




/**
 * 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;
	}
}