/*
Theme Name: AHCRA
Theme URI: http://www.healthreform.org.au/
Author URI: http://www.nextdoormedia.com.au/
Description: http://www.healthreform.org.au/
Version: 2.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

promisepay is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

q:before,
q:after {
	content: "";
}

q {
	quotes: "" "";
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: "Roboto", "Helvetica", sans-serif;
	font-size: 1.5rem;
	line-height: 2.5rem;
	font-weight: 300;
}

h1,
h2,
h3 {
	font-family: 'Playfair Display', serif;
	color: #252525;
}

h1 { font-size: 40px; line-height: 50px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 17px; line-height: 25px; }
h5 { font-size: 15px; line-height: 21px; }

p { margin-bottom: 20px; }

b,
strong {
	font-weight: 500;
	color: #252525;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	padding: 0 0 20px;
}

pre {
	font-family: "Roboto";
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #f7f7f7;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

ul,
ol {
	margin: 0 0 20px 0;
}

ul {
	list-style: disc;
	list-style-position: outside;
	margin-left: 20px;
}

ol {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 20px;
}

li > ul,
li > ol {
	margin: 0px 30px;
	font-size: 85%;
	line-height: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
.ie7 img { 
  -ms-interpolation-mode: bicubic; 
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {

	background: #266277;
	
	padding: 10px 60px;  
	
	font-family: 'Playfair Display',sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400; 
	text-transform: uppercase;
	
	border: 0;
	
	color: #FFF;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #1D1D1D; box-shadow: none; outline: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-bottom: 0px;
	box-shadow: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	font-family: "Roboto", "Helvetica";
	color: #6b6b6b;
	border: 1px solid #f1f1f1;
	background-color: #FFF;
	width: 60%;
	
	padding: 5px 10px;
	margin-bottom: 20px;
	
	font-size: 17px;
	line-height: 24px;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
}
select { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;	 
}
span.wpcf7-form-control-wrap.your-subject:after {
  content: "";
  color: #6b6b6b;
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  right: 15px;
  top: 0px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus { 
	border: 1px solid #266277; 
	background-color: #FBFBFB; 
	outline: none;
}






/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


/*--------------------------------------------------------------
1.1 Site Styles
--------------------------------------------------------------*/
* { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body { height: 100%; }

body {
	background: #FFFFFF;
	font-family: "Roboto", "Helvetica", sans-serif;
	font-size: 1.5rem;
	line-height: 2.5rem;
	font-weight: 300;
	color: #636363;
	
}

::selection {
	background: #6b6b6b;
	color: #FFFFFF;
}
::-moz-selection {
	background: #6b6b6b;
	color: #FFFFFF;
}


img { max-width: 100%; display: block; height: auto; }

div.bg-color { background-color: #f7f7f7; }

blockquote {
	padding: 0 20px;
	font-size: 0.95em;
	font-style: italic;
}
blockquote:before,
blockquote:after {
    font-size: 1.5em;
    font-family: "Helvetica";
    font-weight: 300;
}
blockquote:before { content: '... \201C'; padding-right: 5px; }
blockquote:after { content: '\201D'; padding-left: 5px; }

.spacer { margin-bottom: 87px; }

.toggleMenu { display: none; }


/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,
a:visited {
	text-decoration: none; 
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;

	color: #266277;
}

a:hover,
a:focus,
a:active {
	color: #1D1D1D;
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

.textalignright { text-align: right; }
.textaligncenter { text-align: center; }

/* Buttons
-------------------------------------------------- */
.button.round.large {
	background: #6695B6;
	
	border: 0px;
	
	color: #FFF;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 17px;
	line-height: 30px;
	padding: 0 20px;
	
	font-family: 'Playfair Display',sans-serif;
}
.button.round.large:hover { background: #58819E; box-shadow: none; }
.button.round.large:active { border-bottom: 0px; box-shadow: none; }


/* Vertically Centering divs 
-------------------------------------------------- */
.display-center {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/* Fallback
-------------------------------------------------- */
.no-flexbox div.display-center { display: inline !important; }

.display-height {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}
.no-flexbox div.display-height { display: inline-block !important; }


/* Animation
-------------------------------------------------- */
.csstransforms3d .container-1200, .csstransforms3d .container { opacity: 1; }
.no-js .csstransforms3d .container-1200, .no-js .csstransforms3d .container,
.js-error .container-1200, .js-error .container,
.no-js .container-1200, .no-js .container { opacity: 1; }

.csstransforms3d .container-1200.animate, 
.csstransforms3d .container.animate {
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease; 
    opacity: 1;
    z-index: inherit;
    
}

	/* Fade In Keyframes
	-------------------------------------------------- */
	@-webkit-keyframes fade-in {
	    0%   { opacity: 0; }
	    100% {  opacity: 1; }
	}
	@-moz-keyframes fade-in {
	 	0%   { opacity: 0; }
	  	100% { opacity: 1; }
	}
	@-o-keyframes fade-in {
	  	0%   { opacity: 0; }
	  	100% { opacity: 1; }
	}
	@keyframes fade-in {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}
	
	/* Fade Out Keyframes
	-------------------------------------------------- */
	@-webkit-keyframes fade-out {
		0%   { opacity: 1; }
	    100% {  opacity: 0; }
	}
	@-moz-keyframes fade-out {
	  	0%   { opacity: 1; }
	  	100% { opacity: 0; }
	}
	@-o-keyframes fade-out {
	  	0%   { opacity: 1; }
	  	100% { opacity: 0; }
	}
	@keyframes fade-out {
		0%   { opacity: 1; }
		100% { opacity: 0;}
	}

/* Animation Duration	
-------------------------------------------------- */	
.animated {
  -webkit-animation-duration: 330ms;
  animation-duration: 330ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 404 Header
-------------------------------------------------- */
body.error404 {
	
}


/* Breadcrumbs
-------------------------------------------------- */
.breadcrumb { background: #f9f9f9; }
p.breadcrumbs { margin-bottom: 0px; color: #151515; font-size: 13px; line-height: 30px; }
p.breadcrumbs a { color: #141414; }
p.breadcrumbs a:hover { color: #6eaec8; }


/* Headings
-------------------------------------------------- */
h4.heading { text-align: center; margin: 0px; font-size: 15px; line-height: 20px; text-transform: uppercase; font-weight: 500; margin-bottom: 50px; }
h3.heading,
h2.heading { display: inline-block; text-align: center; padding: 3px 0 6px; font-weight: 500; text-transform: uppercase; margin-bottom: 0px; }


	

/* Home page styles
-------------------------------------------------- */

/* Header
-------------------------------------------------- */

/* Site Canvas
-------------------------------------------------- */
.site-canvas {

	position: relative;
	
	-moz-transition: all 0.5s ease-in-out 300ms;
    -webkit-transition: all 0.5s ease-in-out 300ms;
    -o-transition: all 0.5s ease-in-out 300ms;
    -ms-transition: all 0.5s ease-in-out 300ms;
    transition: all 0.5s ease-in-out 300ms;
}

/* Logo
-------------------------------------------------- */
.main-logo { 
	height: 63px;
    margin: 15px auto 7px;
    text-align: center; 
}

/* Nav Bar
-------------------------------------------------- */
.nav-bar {
	width: 100%;
	position: fixed;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 100;
	border-bottom: 3px solid #f7f7f7;
}

.top-nav { display: inline-block; }
.top-menu { list-style: none; display: inline-block; margin: 0; }
.top-menu li { display: inline-block; padding-right: 20px; }
.top-menu li a { font-size: 12px; text-transform: uppercase; font-weight: 500; color: #333; }

/*.right-menu { overflow: hidden; position: relative; height: 100%; }
.right-menu:before, 
.right-menu:after { content: ""; height: 100%; width: 1px; position: absolute; top:0px;  z-index: 1; }
.right-menu:before { border-left: 1px solid #f2f2f2; left: 0px; }
.right-menu:after { border-right: 1px solid #f2f2f2; right: 0px; }*/

.top-social-bar { line-height: 30px; color: #333; overflow: hidden; }
/*.top-social-bar:after { border-bottom: 1px solid #f2f2f2; content: ""; width: 100%; height: 1px; position: absolute; left: 0px; right:0px }
.top-social-bar .tagline {  
	padding-left: 30px;
	font-size: 11px;
}*/
.top-social-bar .contact-email, .top-social-bar .contact-email strong {  font-size: 13px; }
.top-social-bar .contact-email, .top-social-bar .social { display: inline; }
.top-social-bar .social i { padding: 0 5px; font-size: 13px; }

.primary { display: inline-block; }
.menu-navigation { text-align: left; }
.menu-navigation ul { list-style: none; margin: 0px; display: inline-block; text-align: center; }
.menu-navigation ul li { position: relative; cursor: pointer; display: inline-block; border-left: 1px solid #efefef; margin-right: -4px; }
.menu-navigation ul li:last-child { border-right: 1px solid #efefef; }
.menu-navigation ul li:hover {
	box-shadow: inset 1px 2px 5px #eee;
	background: #f7f7f7;
	
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
.menu-navigation ul li a { 
	font-size: 1.4rem;
    font-weight: 600;
    color: #737373;
    font-family: 'Encode Sans', sans-serif;
    display: block;
    
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    
    position: relative;
    padding: 35px 30px 25px;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}
.menu-navigation ul li:hover a, .top-nav ul li:hover a { color: #35a6c0; }
.menu-navigation ul li.current-menu-item a:after,
.menu-navigation ul li.current-page-ancestor a:after {
	/*content: ""; width: 100%; height: 3px; 
	background-color: #35a6c0; 
	position: absolute; left: 0px; bottom: 0px;	*/
}
.menu-navigation ul li.current-menu-item a,
.menu-navigation ul li.current-page-ancestor a { color: #35a6c0; }
.menu-navigation ul li.current-menu-item,
.menu-navigation ul li.current-page-ancestor {
	box-shadow: inset 1px 2px 5px #eee;
	background: #f7f7f7;
}
.menu-navigation .social { display: inline-block; margin-left: 30px; top: 35px;  }
.menu-navigation .social i.fa {
	font-size: 2.4rem;
	margin: 0 15px;
	color: #252525;
}
.menu-navigation .social i.fa-facebook,
.social_footer i.fa-facebook { color: #3B5998; }
.menu-navigation .social i.fa-twitter,
.social_footer i.fa-facebook { color: #00aced; }

/* Sub Menu
-------------------------------------------------- */
.menu-navigation ul.sub-menu { 
	opacity: 0;
	display: none;
	text-align: left;
	
	position: absolute;
    left: 0;     
    top: 85px;
    width: 350px;
    background: #f9f9f9;
    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-top: 3px solid #f7f7f7;
    
	float: left;

	
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;    
    
    
}
.menu-navigation ul.sub-menu li {
    display: block;
    border-bottom: 1px solid #efefef;
}
.menu-navigation ul.sub-menu li: {
	box-shadow: 0;
	background: #efefef;
}
.menu-navigation ul li ul.sub-menu li a {
	padding: 10px 30px;
	font-size: 1.3rem;
}
.menu-navigation ul li ul.sub-menu li a { 
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;  }
.menu-navigation ul.sub-menu li:first-child,
.menu-navigation ul.sub-menu li:last-child { border: 0; }

.menu-navigation ul li:hover ul.sub-menu { display: block; opacity: 1; }


/* ie menu burger
-------------------------------------------------- */
.ie-menu, .ie-exit, .burger { display: none; }

	

/* Navigation
-------------------------------------------------- */
.site-canvas.open-nav .navigation { margin-right: 0px; }
.navigation {
    position: fixed;
    margin-right: -300px;
    width: 300px;
    height: 100%;
    background: #0c0c0c;
    top: 0px;
    right: 0px;
    z-index: 101;
    overflow-y: auto;
    -moz-transition: all 0.5s ease-in-out 300ms;
    -webkit-transition: all 0.5s ease-in-out 300ms;
    -o-transition: all 0.5s ease-in-out 300ms;
    -ms-transition: all 0.5s ease-in-out 300ms;
    transition: all 0.5s ease-in-out 300ms;
}

.navigation .exit-nav {  
	position: absolute;
	right: 30px;
	top: 15px;	
	display: block;
	cursor: pointer;
}
.navigation .exit-nav:before, 
.navigation .exit-nav:after {
	content: " ";
	
	border-bottom: 2px solid #FFF;
	width: 20px;
	height: 20px;
	display: block;
	
}
.navigation .exit-nav:hover:before, 
.navigation .exit-nav:hover:after { border-bottom: 2px solid #266277; }
.navigation .exit-nav:before { 
	-moz-transform: rotate(-45deg) translateY(0px) translateX(0px);
    -webkit-transform: rotate(-45deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-45deg) translateY(0px) translateX(0px);
    transform: rotate(-45deg) translateY(0px) translateX(0px);
} 
.navigation .exit-nav:after { 
	-moz-transform: rotate(45deg) translateY(-23px) translateX(-5px);
    -webkit-transform: rotate(45deg) translateY(-23px) translateX(-5px);
    -o-transform: rotate(45deg) translateY(-23px) translateX(-5px);
    transform: rotate(45deg) translateY(-23px) translateX(-5px);
}


.navigation ul { margin: 40px 0 0 40px; list-style: none; }
.navigation ul ul { margin: 10px 0 0 0; }
 
.navigation ul li a { color: #FFFFFF; font-family: 'Roboto'; }
.navigation ul li a:hover { color: #266277; }


.navigation .nav-cta li a {
	display: inline-block; 
	padding: 10px 0;
	width: 200px;
	
	text-align: center;
	
	font-family: 'Roboto',sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400; 
	color: #FFF;
	background-color: transparent; 
	
	border: 1px solid #FFF;
	
	text-transform: uppercase; 

	cursor: pointer;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
.navigation .nav-cta li a:hover { background: #FFFFFF; color: #266277; }

.navigation ul li.nav-header { color: #7b7b7b; font-size: 12px; line-height: 20px; margin-top: 40px; alpha(opacity=80); }
.navigation ul li.nav-header:first-child { margin-top: 20px; }
.navigation ul li { font-size: 13px; line-height: 20px; color: #FFFFFF; text-transform: uppercase; font-family: 'Roboto'; padding-bottom: 5px; }
.navigation ul li a { color: #FFFFFF; font-weight: 300; }
.navigation ul li a:hover { color: #f1f1f1; }
.navigation ul li a:active { opacity: 0.5; filter: alpha(opacity=50); }

.navigation ul.social-nav li { display: inline-block; padding-right: 5px; }
 



/* Contact Details
-------------------------------------------------- */
.contact-details ul { list-style: none; font-size: 13px; text-transform: uppercase; font-weight: 500; margin: 25px 0 0; }
.contact-details ul span { color: #0c0c0c; font-weight: 600; display: block; }
.contact-details ul li { display: inline; margin-right: 10px; }
.contact-details ul li:last-child { margin-right: 0px; }

/* Section Blocks
-------------------------------------------------- */

a.button { 
	display: inline-block; 
	padding: 10px 30px;  
	
	font-family: "Playfair Display",sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400; 
	color: #FFF;
	background: #266277; 
	
	border: 3px solid #266277;
	
	text-transform: uppercase; 

	cursor: pointer;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
.single-post.block-section a.button { font-size: 13px; line-height: 20px; margin-top: 30px; }
a.button.black { background: #1D1D1D; border: 3px solid #1D1D1D;  }
a.button.green { background: #266277; border: 3px solid #266277;  }
a.button.grey { background: #a5a6a8; border: 3px solid #a5a6a8;  }
a.button.black:hover { background: #313131; border: 3px solid #313131;  }
a.button.green:hover { background: #2F9622; border: 3px solid #2F9622;  }
a.button.grey:hover { background: #868788; border: 3px solid #868788;  }

/* Sidebar
	-------------------------------------------------- */
.sidebar-links-container {
	float: right;
    margin: 0;
    padding-left: 40px;
    padding-bottom: 40px;
}
.sidebar-links { 
		background-color: #fafcfc;
		border: 1px solid #f6f7f5;
	    padding: 0;
	    min-width: 250px; 
}
.sidebar-links h3 {  
	background-color: #0C0C0C;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    line-height: 3rem;
}
.sidebar-links ul {
	list-style: none;
    margin: 0px;
}
.sidebar-links ul li { 
	margin-bottom: 0;
    line-height: 1;
    border-bottom: 1px solid #f6f7f5;
}
.sidebar-links ul li a {
    display: block;
    padding: 10px;
}
.sidebar-links ul li:last-child { border-bottom: 0px; }


/* Call to Action
-------------------------------------------------- */
.cta { margin-top: 0px; }
/*.cta .container-1200 { background-image: url(http://www.escopacific.com.au/wp-content/themes/esco/images/solar-farm.png); background-size: cover;  }*/
.cta .text-banner { 
	background-color: #0c0c0c;
    margin: 0px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #2F9622;
}
.cta .text-banner h2 {
	color: #fff;
    font-family: "Playfair Display",sans-serif;
    font-size: 25px;
    line-height: 100px;
    margin: 0px 20px 0px 0px;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
}
.cta .text-banner span {  
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 67px 0;
	border-color: transparent transparent #266277 transparent;
	line-height: 0px;
	_border-color: #266277 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	
	position: absolute;
	bottom: 0px;
	left: 0px;
}
span.triangle:after {
    content: "";
    color: #FFF;
    position: relative;
    top: 37px;
    left: 7px;
    font-size: 45px;
    font-weight: bolder;
    font-family: "Playfair Display",sans-serif;
}
.cta .cta-content-wrapper { background-color: #f9f9f9; }
.cta .cta-content {  
	padding: 60px 100px;
	font-size: 24px;
	line-height: 30px;
	margin: 0px;
}
.cta .cta-content .cta-links { list-style: none; padding-top: 60px;  }
.cta .cta-content .cta-links li { display: inline; margin-right: 15px; }
.cta .cta-content .cta-links li:last-child { margin-right: 0px; }
.cta .cta-content .cta-links li a.button { width: 300px; }

/* list 3
-------------------------------------------------- */
.list_3 { position: relative; }

/* Columns
-------------------------------------------------- */

.list_3 article { margin-bottom: 50px; }
.list_3 h2 { padding-bottom: 10px; position: relative; margin-bottom: 30px; }
.list_3 h2:after { 
	content: ""; width: 10%; height: 3px; 
	background-color: #35a6c0; 
	position: absolute; left: 0px; bottom: 0px; }
.list_3 h3 { font-weight: 500; margin: 0 0 20px 0; line-height: 25px; font-size: 18px; font-family: "Roboto"; }
.list_3 h5 { margin-bottom: 5px; color: #828181; font-size: 13px; font-style: italic; }
.list_3 ul li { padding-bottom: 10px; }
.list_3 .find-out-more { position: absolute; line-height: 30px; bottom: 30px; }
.list_3 img { border-radius: 5px 5px 0 0; }


/* Columns
-------------------------------------------------- */
.border-cols.list_3 .header-line { padding-top: 40px; }
.border-cols.list_3 .col1, .border-cols.list_3 .col2 { position: relative; }
.border-cols.list_3 .col1:after, 
.border-cols.list_3 .col2:after {    
	content: " ";
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
    position: absolute;
    right: -15px;
    top: 0;
}
.border-cols.list_3 .list-content { padding: 0 30px 70px; }


/* White box
-------------------------------------------------- */
.white-box.list_3 { padding: 60px 0; }
.white-box.list_3 .col1, 
.white-box.list_3 .col2,
.white-box.list_3 .col3 {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1; 
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe;
    border-radius: 5px;
    box-shadow: 0 5px 3px #efecec;
}
.white-box.list_3 .list-content { padding: 30px; }

/* Header Slideshow
-------------------------------------------------- */
.header-slideshow .header-bg {  
	background-image: url(images/header-bg3.jpg); 
	background-repeat:  no-repeat; 
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
	background-color: #286377;
	width: 100%;
	height: auto; 
}

.header-text {
	padding: 80px 20px;
    color: #FFF;
    text-align: center;
}
.header-text h1 {
    font-size: 5.5rem;
    line-height: 1.2em;
    color: #FFF;
    letter-spacing: -1px;
    font-weight: 400;
}
.header-text h4 {
    font-size: 1.5rem;
    line-height: 1;
    color: #80c8d8;
}
.header-text h2 { line-height: 1; color: #FFF; font-size: 21px; font-family: "Roboto"; }
.header-slideshow .header-text .cta-links { list-style: none; padding-top: 60px;  }
.header-slideshow .header-text .cta-links li { display: inline; margin-right: 15px; }
.header-slideshow .header-text .cta-links li a.button { width: 300px; }


/* Call to Action
-------------------------------------------------- */
.cta { overflow: hidden; text-align: center; font-family: "Playfair Display"; color: #fff; }
.full-width { width: 100%; overflow: hidden; }
.one-third.columns { width: 33.333333%; width: calc(100% / 3); float: left; }
.cta h4 { font-size: 15px; line-height: 15px; color: #80c8d8; }
.cta h3 { font-size: 21px; line-height: 25px; color: #fff; font-weight: 500; }
.cta .button { padding: 20px; cursor: pointer; }
.blue { background-color: #298096; }
.blue.light { background-color: #35a6c0; }
.blue.mid { background-color: #2f94ab; }
.cta .button:hover { opacity: 0.9; }







/* Sections Page Styles
-------------------------------------------------- */
h4 a { font-size: 13px; float: right; }

.introduction {  
	font-size: 19px;
	line-height: 30px;
}
.introduction strong { font-family: "Roboto", "Helvetica"; font-size: 30px; letter-spacing: 1px; }

.calltoaction { padding-bottom: 30px; }

a.button.blue { 
	display: inline-block; 
	padding: 10px 34px;  
	
	border: 3px solid #1F3544;
	
	text-transform: uppercase; 
	font-weight: 600; 
	font-family: "Playfair Display",sans-serif;
	background: #1F3544; color: #FFF;
	cursor: pointer;
	font-size: 14px;
	line-height: 15px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
a.button.blue.light { background: #287CBF; color: #FFF; border: 3px solid #287CBF }
a.button.blue:hover { background: #287CBF; color: #FFF; border: 3px solid #287CBF; }
a.button.blue.light:hover { background: #1F3544; color: #FFF; border: 3px solid #1F3544; }

/* Members
-------------------------------------------------- */
.alliance_members {
    margin: 40px 10px;
    border: 1px solid #efefef;
    padding: 20px 20px 0;
}
.alliance_members .logo_img {
	margin: 20px;
}

.alliance_member_logos { 
	border: 1px solid #f9f9f9;
    padding: 80px 0;
    margin: 0 auto;
}
.alliance_member_logos .logo {
	width: 20%;
	display: inline-block;
    float: left;
    margin: 20px 2.5%;
}
.alliance_member_logos h2 {
	padding-bottom: 10px;
    position: relative;
    margin-bottom: 50px;
}
.alliance_member_logos h2:after {
	content: "";
    width: 10%;
    height: 3px;
    background-color: #35a6c0;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.alliance_member_logos .logo img { max-height: 100px; }


/* Book now
-------------------------------------------------- */
.booknow { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #f8f8f8;  }
.booknow > div { padding: 20px 0; }
.booknow h3 a { color: #2F353E; font-size: 25px; line-height: 30px; }
.booknow h3 a:hover { color: #6eaec8; }

.feature-div { margin-bottom: 30px; }
.feature-div .feature-img { text-align: center; }
.feature-div .feature-img img { display: inline-block; text-align: center;  }
.feature-div h2 { margin-bottom: 0px; }
.feature-div h4 { margin-bottom: 30px; }

.headerline h1.page-header {
	color: #221e1f;
    border-bottom: 3px solid #266277;
    display: inline-block;
    margin: 30px 0;
    letter-spacing: -1px;
}


/*
Page Styles
-------------------------------------------------- */
.page-title-container {
    background-color: #f9f9f9;
    padding-top: 70px;
    border-bottom: 1px solid #f5f5f5;
}
.content-block { padding: 50px 0 70px; }

h4.line,
.content-block h4 {
	font-size: 27px;
	position: relative; padding-bottom: 20px; margin-bottom: 0px;
	display: inline-block;
}
h4.line:after,
.content-block h4:after { 
	content: ""; width: 20px; height: 1px; 
	background-color: #e3e3e3; 
	position: absolute; left: 0px; bottom: 0px; 
}

	/* Feature Introduction
	-------------------------------------------------- */
	.feature-introduction { padding: 50px 0 0; font-size: 17px; line-height:25px }
	.feature-introduction .intro-heading h2, .page-title { position: relative; padding-bottom: 15px; margin-bottom: 50px; }
	.feature-introduction .intro-heading h2:after,
	.page-title:after { 
		content: ""; width: 40px; height: 3px; 
		background-color: #35a6c0; 
		position: absolute; left: 0px; bottom: 0px; }
		
	
	.feature-introduction ul { list-style: disc outside; margin-top: 10px; margin-bottom: 30px; }
	.feature-introduction ul li,
	.feature-introduction ol li { margin-bottom: 10px; }
		
	.feature-introduction ol li { list-style: decimal inside; margin-top: 10px; margin-bottom: 30px;  }
	.feature-introduction p,
	.feature-introduction ul li,
	.feature-introduction ol li { font-size: 17px; line-height: 30px; }
	
	.feature-introduction ul { list-style: disc inside; }
	
	.feature-introduction h3 { font-size: 25px; line-height: 30px; margin-bottom: 20px; }
	
	/* Featured divs
	-------------------------------------------------- */
	.feature-content { padding: 30px 0; }
	
	.latest-news { margin-top: 60px; }
	
	.feature-home-boxes { padding: 0 0 30px; }
	.feature-box {
		background-color: #fafcfc;
	    padding: 0;
	    border: 1px solid #f6f7f5;
	}
	.feature-home-boxes h2 { text-align: center; margin-bottom: 0px; padding: 20px 10px; }
	.feature-box-content { padding: 0 20px 20px; }
	.feature-box ul { list-style: none; margin-left: 0px; }
	.feature-box ul li { margin-bottom: 20px; }
	.feature-box h3 { font-weight: 500; }
	.feature-box .find-out-more a { color: #9fb666; }
	
	
	.feature-div { padding: 0; overflow: hidden; }

	.feature-left .feature-text {  }
	.today ul { list-style: none; }
	
	.feature-text { padding-top: 30px; }
	.feature-text ul li { padding-bottom: 10px; }
	.feature-text ul li:last-child { padding-bottom: 0px; }
	
	.feature-right .feature-text {  }
	
	.feature-right-points { padding: 80px 0 40px; overflow: hidden; }
	.feature-right-points h2 { padding-bottom: 20px; }
	.feature-right-points .feature-text.one-half { padding-right: 20px; }
	.feature-right-points ul,
	.class-plan ul { list-style-position: inside; }
	.class-plan ul li { padding-bottom: 5px; }
	
	.class-plan { padding-bottom: 80px; overflow: hidden; }
	
	.feature-image-block { padding: 40px 0 80px; overflow: hidden; }
	.feature-image-block img { height: 80px; }
	.feature-image-block .img-left img { float: right; }
	.feature-image-block .img-right img { text-align: left; }
	
	/* Forms
	-------------------------------------------------- */
	.wpcf7-form ul { margin-left: 0px; }
	
	/* List 2
	-------------------------------------------------- */
	.list_two { overflow: hidden; }
	.list_two .col1, .list_two .col2 { padding: 30px; overflow: hidden; height: 100%; }
	.list_two .col1, .list_two .col2 { background-color: #fefefe; }
	.list_two h2 { padding-bottom: 10px; position: relative; margin-bottom: 30px; }
	.list_two h2:after { 
		content: ""; width: 10%; height: 3px; 
		background-color: #35a6c0; 
		position: absolute; left: 0px; bottom: 0px; }
	
	.list_two ul li { padding-bottom: 10px; }
	.list_two .col1 { border-bottom: 3px solid #35a6bf; }
	.list_two .col2 { border-bottom: 3px solid #2f94ac; }
	
	
	
	
	/* Half by Half	
	-------------------------------------------------- */
	.half-by-half { margin: 60px 0; }
	.half-by-half ul { list-style: none; }
	.half-by-half .latest-news { margin-top: 0; }
	.half-by-half h2 { 
		background-color: #2f353e;
	    color: #fff;
	    text-align: center;
	    line-height: 1.6em;
	}
	.half-by-half textarea { height: 150px; }
	


/* Summit
-------------------------------------------------- */
.summit-template-default .page-content div { overflow: hidden; padding-bottom: 20px; }


		
/* Single Post	
-------------------------------------------------- */	
.post-view { padding: 60px 0; }

/* Post
-------------------------------------------------- */
span.postmetadata { display: block; font-size: 11px; margin-top: 10px; }
span.postmetadata a {
  background-color: #f1f1f1;
  color: #6b6b6b;
  padding: 2px 10px;
  margin-right: 5px;
  border-radius: 4px;
}


/* Contact
-------------------------------------------------- */
ul.training-booking-form {
    text-align: left;
    color: #6b6b6b;
}
ul.training-booking-form span.wpcf7-list-item { display: block; }
.contact-form ul { list-style: none; }
.contact-form ul li { display: block; padding: 5px 0; }



/* Footer
-------------------------------------------------- */
.footer.top, .footer.bottom { font-size: 1.4rem; line-height: 2.5rem; }

.footer.top { background-color: #f9f9f9; color: #333; padding: 60px 0 100px; }
.footer.bottom { line-height: 50px; background-color: #1D1D1D; color: #f1f1f1; overflow: hidden; }

.footer.top p { line-height: 2.7rem; }

.footer.top ul,
.footer.bottom ul { list-style: none; margin: 0px; }

.footer.top ul li, 
.footer.bottom ul li { padding-right: 5px; display: inline-block; }

.footer.top ul.footer-nav li {
	display: block;
    border-bottom: 1px solid #efefef;
    padding: 5px 10px;
}
.footer.top ul.footer-nav li.nav-header { font-weight: 600; }
.footer.top ul.footer-nav { border: 1px solid #efefef; border-bottom: 2px solid #e3e3e3;  }
.footer.top ul.footer-nav li a { color: #266277; }

.footer.top ul li ul li { display: block; }
.footer.top .social_footer li { display: inline; font-size: 1.9rem;  }
.footer.top .social_footer { margin-top: 20px; }
.footer.top .contact-info li { margin-bottom: 10px; }
.footer.top .contact-info li ul li { margin-bottom: 0px; }

.footer . ul li { padding-bottom:  10px; }
.footer .footer-cta ul li a { color: #969696 }
.footer .footer-cta ul li a:hover { color: #266277; }

.footer a.button.white-border {
	display: inline-block; 
	width: 100%;
	
	margin-bottom: 20px;
	
	text-align: center;
	
	font-family: "Playfair Display",sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400; 
	color: #969696;
	background-color: transparent; 
	
	border: 1px solid #969696;
	
	text-transform: uppercase; 

	cursor: pointer;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
.footer a.button.white-border:hover { background: #FFFFFF; color: #266277; border: 1px solid #FFF; }

.footer h4 { margin-bottom: 20px; font-weight: 500; }
.footer.top strong {  }
.footer span { padding-right: 5px; color: #4b4b4b; font-size: 15px; }
.footer span.fa { font-size: 17px; }
.footer a:hover span { color: #266277; }

.footer .footer-contact strong { color: #48c3cb; }

.footer .get-directions { margin: 30px 0; color: #266277; font-weight: 500; }

.footer.top form p { margin-bottom: 5px; }

.footer input[type='email'],
.footer input[type='text'] { width: 90%; margin-bottom: 5px; font-size: 15px; line-height: 20px; }

.footer.bottom { overflow: hidden; font-size: 12px; line-height: 15px; color: #eee; padding: 30px 0; }
.footer .company-profile { font-size: 12px; line-height: 15px; color: #eee; margin: 10px 0 20px; }
.footer .company-profile ul { list-style: none; margin: 10px 0 5px; }
.footer .company-profile ul li { display: inline; }
.footer .company-profile ul li:after { content: " | "; padding: 0 5px; }
.footer .company-profile ul li:last-child:after { content: ""; padding: 0px; }
.footer.bottom a { color: #FFF; }
.footer.bottom a:hover { color: #F1F1F1; }








/* Mobile and Tablet
-------------------------------------------------- */
@media only screen and (max-width: 1199px) {

	.container-1200 { padding: 0 5%; }

	.contact-details ul { margin: 20px 50px 0 0; }
	
	.header-slideshow .header-bg { background-position: center; height: auto; }
	.header-slideshow .header-bg .container-1200 .twelve.columns.offset-by-six { padding-left: 55%; }
	.header-slideshow .header-bg .header-text { padding: 70px 0; }

	
	.cta .text-banner h2 { line-height: 25px; padding: 20px 0; }
	
	.list_3 .find-out-more { position: relative; display: block; margin-top: 50px;  }
	
	.cta .cta-content .cta-links li a.button { margin-top: 10px; }
	
	.container-1200 .one-third.column { width: 32%; }
    .container-1200 .two-thirds.column { width: 64%; }
	
	.footer .footer-logo { margin-bottom: 30px; }
	.two-thirds.column.omega.footer-cta { margin: 0px; }
	
}
@media only screen and (max-width: 1099px) {
	.menu-navigation .social { display: none; }
}

@media only screen and (max-width: 960px) {

	.top-nav-bar { display: none; }
	.menu-navigation .primary { display: none; }
	
	.main-logo { margin: 15px 0 7px; }
	
	.burger { 
		border: 0;
	    background: none;
	    outline: 0;
	    padding: 0;
	    cursor: pointer;
	    border-bottom: 2px solid #333;
	    width: 25px;
	    vertical-align: middle;
	    -moz-transition: all 200ms ease-in-out 300ms;
	    -webkit-transition: all 200ms ease-in-out 300ms;
	    -o-transition: all 200ms ease-in-out 300ms;
	    -ms-transition: all 200ms ease-in-out 300ms;
	    transition: all 200ms ease-in-out 300ms;
	    position: relative;
	    cursor: pointer;
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
	    -o-border-radius: 0px;
	    border-radius: 0px;
	    background: transparent;
	    box-shadow: none;
	    padding: 0px;
	    margin: 0px;
	    z-index: 3;
		
		display: block; right: 30px; top: 45px; position: absolute; 
	}
	.burger:before,
	.burger:after {
		content: "";
	    display: block;
	    border-bottom: 2px solid #333;
	    width: 100%;
	    margin-bottom: 5px;
	}
	.burger:hover { border-color: #1d1d1d; background: transparent; }
	.burger:active, 
	.burger:focus {  border-bottom: 2px solid #333; }

	
	.header-slideshow .header-bg .header-text { padding: 50px 0; }
	.header-slideshow .header-bg .header-text h1 { font-size: 35px; }
	
	.cta h4 { font-size: 13px; line-height: 15px; color: #80c8d8; }
	.cta h3 { font-size: 17px; line-height: 25px; color: #fff; font-weight: 500; }
	
	.bg-image.page-header h1 { padding: 100px 0; }
	
	.cta .text-banner h2 { line-height: 25px; padding: 20px 0; }
	
	.list_3 .find-out-more { position: relative;  }
	
	.cta.block-section { margin-bottom: 30px; }
	.cta .cta-content { padding: 30px 0; font-size: 20px; line-height: 25px; }
	.cta .cta-content .cta-links { padding-top: 10px; }
	.cta .cta-content .cta-links li a.button { margin-top: 10px; }
	
	.feature-introduction.twelve.columns.offset-by-two.subset-by-two { padding: 20px 0 0px; }
	
	.feature-content.nine.alpha.columns { width: 100%; }
	.sidebar.three.columns.omega { width: 250px; padding: 0; }
	
	.top-social-bar { display: none; }
	

	/* Display table
	-------------------------------------------------- */
	.display-center, .display-height { 
		display: inline-block !important;
		
		-webkit-align-items: none;
		-moz-align-items: none;
		-ms-flex-align: none;
		align-items: none;
	}
	

	
}

@media only screen and (max-width: 780px) {

	.four.columns.alpha.left-menu { width: 80%; }
	.eight.columns.omega.right-menu { width: 20%; }
	.menu-navigation { text-align: left; }
	
	.header-slideshow .header-bg .container-1200 .twelve.columns.offset-by-six { padding-left: 0; }
	.header-slideshow .header-bg { background-position: center; background-image: none; }
	.header-slideshow .header-bg .header-text { padding: 50px 0; }
	.header-slideshow .header-bg .header-text h1 { font-size: 35px; }
	
	.cta .text-banner h2 { font-size: 17px; line-height: 20px; padding: 20px 30px; }
	
	.container-1200 .one-third.column { width: 100%; }
	
	.full-width .one-third.columns { width: 100%; float: left; }
	
	.block-section a.button { font-size: 15px; line-height: 15px; }
	
	.header-line { text-align: center; }
	.header-line img { display: inline-block; width: 400px; }
	
	.white-box.list_3 .col1, 
	.white-box.list_3 .col2,
	.white-box.list_3 .col3 {
	    width: 350px; margin: 30px auto;
	}
	
	.footer { text-align: center; }
	.footer .row { width: 100%; }
	.footer a.button.white-border { display: inline-block; margin-top: 10px; }
	.footer .footer-logo { display: inline-block; }
	
}

@media only screen and (max-width: 640px) {
	
	.feature-div .feature-img { float: none; margin: 0 0 30px; }
	.feature-div .feature-img img { margin: 0 auto; }
	
	.booknow ul li { width: 100%; border: none; border-bottom: 1px solid #e7e7e7; }
	
	.sidebar-links-container { width: 100%; padding: 0 40px 40px; float: left; }	

}


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


	.header-slideshow .header-text h1 { font-size: 40px; line-height: 40px; }

	.cta .cta-content { padding: 20px 0; font-size: 17px; line-height: 20px; }
	.cta .cta-content .cta-links { padding-top: 20px; }
	
	.footer a.button.white-border { margin: 10px 0 0; }
	
	.bg-image.page-header h1 {
	    padding: 80px 0;
	    color: #FFF;
	    font-size: 40px;
	    line-height: 40px;
	    text-transform: uppercase;
	}
	
	.slide-text h2 { font-size: 15px; line-height: 15px; }
	.slide-text h1 { font-size: 35px; line-height: 35px; }
	
	.feature-home-boxes .four.columns { width: 98%; margin: 0 1%; }
	
	#header-slideshow { max-height: 250px; height: 250px; }
	.slides .container-1200 { width: 100%; padding: 0px; }
		
	.footer { padding-top: 20px; text-align: center; }

}