@import url('https://fonts.googleapis.com/css?family=Lato');
/* @import url("https://use.typekit.net/gca6fwy.css"); */

html, * {
	/* font-family: 'MetaNormalLF-Roman', Verdana !important; */
	/* font-family:ff-meta-web-pro, sans-serif; */
	font-family: 'Lato', sans-serif !important;
	font-size: max(1em, 16px);
}
.zeroOut{
	margin: 0 !important;
	padding: 0 !important;
}

.landing{display: none !important}
p, span {
	font-size: 1em;
}
p a, .top-five-text a{text-decoration: underline !important}
.bold{font-weight: bold}

.header .nav-logo a img {
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
	min-height: 60px;	
}
.header .nav-logo a {line-height: 60px !important}

@media (max-width: 992px) {
	.header .nav-logo a img {
		min-width: 230px !important;
		max-width: 250px !important;
	}
	.header .nav-logo a {line-height: 60px !important}
	.header.header-sticky.sticky .nav-logo img.logo-dark {min-width: 200px !important;max-width: 240px !important;}
}
@media (min-width: 992px) {
	.header .nav-logo a img {
		min-width: 250px !important;
		max-width: 290px !important;
	}
	.header .nav-logo a {line-height: 90px !important}
	.header.header-sticky.sticky .nav-logo img.logo-dark {min-height: 90px;}
	.header.header-sticky.sticky .nav-logo img.logo-dark {min-width: 230px !important;}
}
.row{padding: 2%}

.header.header-transparent {
    background: rgba(0,0,0,.3);
}
.header.header-sticky.sticky {
	border-bottom: 0px solid none;
	background-color: white;
}
.header ul.navbar-nav > li > a {
	font-size: 1.05em;
	padding: 35px 10px;
	line-height: 2em;
	text-transform: none;
	font-weight: bold;
}
.header.header-sticky.sticky ul.navbar-nav > li > a {
	font-size: 1em;
}

.header .navbar-toggle{
	margin: 20px 5px !important;	
}

h1, h2, h3 {
	font-family: 'Lato', sans-serif !important;
	/*	font-family:ff-meta-web-pro, sans-serif !important; */
	/* font-family: 'MetaBoldLF-Roman' !important; */
	/* font-family: 'Raleway', sans-serif; */
}
.headroom {
	padding-top: 30px;
	padding-bottom: 30px
}
.centre, .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.left {
	text-align: left;
	margin-left: 0;
	left: 0
}
.right {
	text-align: right;
	margin-right: 0;
	right: 0
}
.max-900 {
	max-width: 900px;
}
.max-800 {
	max-width: 800px;
}
.max-700 {
	max-width: 700px;
}
.max-600 {
	max-width: 600px;
}
.max-500 {
	max-width: 500px;
}
.max-400 {
	max-width: 400px;
}
.max-450 {
	max-width: 450px;
}
.max-300 {
	max-width: 300px;
}
.max-200 {
	max-width: 200px;
}
.third {
	width: 33.333%;
	max-width: 33.333%;
	min-width: 33.333%
}
.half {
	width: 50%;
	max-width: 50%;
	min-width: 50%
}
.twoThirds {
	width: 66.666%;
	max-width: 66.666%;
	min-width: 66.666%
}
.fullWidth {
	width: 100%;
	max-width: 100%;
	min-width: 100%
}
.ten {
	height: 10vh !important
}
.twenty {
	height: 20vh !important
}
.thirty {
	height: 30vh !important
}
.forty {
	height: 40vh !important
}
.fifty {
	height: 50vh !important
}
.sixty {
	height: 60vh !important
}
.seventy {
	height: 70vh !important
}
.eighty {
	height: 80vh !important
}
.ninety {
	height: 90vh !important
}
.fullheight {
	height: 100vh !important
}
.blue-bg, .bg-blue {
	background-color: #8dcfd3 !important;
}
.white-bg, .bg-white {
	background-color: #ffffff !important;
}
.white {
	color: #fff !important;
}
.blue {
	color: #8dcfd3 !important;
}
.grey {
	color: #333743 !important;
}
.black {
	color: #000 !important
}
.blueUL {
	border-bottom: 2px solid #8dcfd3;
	padding: 0.5em 0 0;
	margin-bottom: 0.5em;
}
.whiteUL {
	border-bottom: 2px solid #fff;
	padding: 0.5em 0 0;
	margin-bottom: 0.5em;
}
.greyUL {
	border-bottom: 2px solid #333743;
	padding: 0.5em 0 0;
	margin-bottom: 0.5em;
}
.hoverScale {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hoverScale:hover {
	-webkit-transform: scale(1.02, 1.02);
	transform: scale(1.020, 1.02);
	z-index: 1;
}
.margin20Top {
	margin-top: 20px !important
}
.margin20bottom {
	margin-bottom: 20px !important
}
.hero {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}


.homeHero:before,
.homeHero2:before,
.aboutHero:before,
.aboutHero2:before,
.ourPeopleHero:before,
.topReasonsHero:before,
.andrew:before,
.jess:before,
.jodie:before,
.gina:before,
.anu:before,
.geoff:before,
.andrea:before,
.jian:before,
.joanne:before,
.justin:before,
.robert:before,
.tess:before,
.jonathan:before,
.tony:before,
.matt:before,
.chris:before,
.robert2:before,
.helen:before,
.travis:before,
.kim:before,
.scott:before,
.michelle:before,
.taputoa:before,
.renee:before,
.sean:before,
.veterans:before,
.graduates:before,
.youngPeopleHero:before{
	background-size: cover;
	background-position: center top;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* z-index: -2; 
	opacity: 0.4; */
}
@media screen and (orientation:portrait) {
	.hero {
	position: relative;
	width: 100%;
	height: 35%;
	height: 35vh;
	min-width: 100%;
	min-height: 100%;
}
}
@media screen and (orientation:landscape) {
.hero {
	position: relative;
	width: 100%;
	height: 80%;
	height: 80vh;
	min-width: 100%;
	min-height: 100%;
}
}

.homeHero:before{
	background-image: url(../images/home-bg.jpg);
}
.homeHero2:before {
	background-image: url(../images/hero2-bg.jpg);
	background-attachment: fixed !important;
}
.aboutHero:before {
	background-image: url(../images/about-hero-bg-.jpg);
}
.aboutHero2:before {
	background-image: url(../images/aboutHero2.jpg);
	background-attachment: fixed !important;
}
.ourPeopleHero:before {
	background-image: url(../images/our-people-hero-bg.jpg);
	background-position: 25% 50%;
}
.topReasonsHero:before {
	background-image: url(../images/top-reasons-hero-bg2.jpg);
}
.veterans:before {
	background-image: url(../images/veterans-hero.jpg);
	background-position: 65% 50%;
}
.graduates:before {
	background-image: url(../images/graduates-hero.jpg);
	background-position: 65% 50%;
}
.andrew:before {
	background-image: url(../images/andrew-hero.jpg);
	background-position: 65% 50%;
}
.jess:before {
	background-image: url(../images/jess-hero.jpg);
	background-position: 100% 50%;
}
.jodie:before {
	background-image: url(../images/jodie-hero.jpg);
}
.joanne:before {
	background-image: url(../images/joanne-hero.jpg);
}
.geoff:before {
	background-image: url(../images/geoff-hero.jpg);
}
.andrea:before {
	background-image: url(../images/andrea-hero.jpg);
	background-position: 10% 50%;
}
.jian:before {
	background-image: url(../images/jian-hero.jpg);
}
.justin:before {
	background-image: url(../images/justin-hero.jpg);
}
.robert:before {
	background-image: url(../images/robert-hero.jpg);
	background-position: 82% 50%;
}
.tess:before {
	background-image: url(../images/tess-hero.jpg);
	background-position: 65% 50%;
}
.jonathan:before {
	background-image: url(../images/jonathan-hero.jpg);
	background-position: 60% 50%;
}
.tony:before {
	background-image: url(../images/tony-hero.jpg);
}
.matt:before {
	background-image: url(../images/matt-hero.jpg);
}
.chris:before {
	background-image: url(../images/chris-hero.jpg);
}
.robert2:before {
	background-image: url(../images/robert2-hero.jpg);
}
.helen:before {
	background-image: url(../images/helen-hero.jpg);
}
.travis:before {
	background-image: url(../images/travis-hero.jpg);
}
.sean:before {
	background-image: url(../images/sean-hero.jpg);
}
.renee:before {
	background-image: url(../images/renee-hero.jpg);
}
.kim:before {
	background-image: url(../images/kim-hero.jpg);
}
.scott:before {
	background-image: url(../images/scott-hero.jpg);
}
.michelle:before {
	background-image: url(../images/michelle-hero.jpg);
}
.taputoa:before {
	background-image: url("../images/Sunny-hero.jpg");
}
.gina:before {
	background-image: url("../images/gina-hero.jpg");
}
.anu:before {
	background-image: url("../images/Anu-hero.jpg");
}
.youngPeopleHero:before{
	background-image: url(../images/Young-People-hero.jpg);
	background-position: 65% 0%;
	background-repeat: no-repeat;
}
.quote{
	font-size: 2em;
}
.quote:before, .quote:after {
display: inline-block;
    vertical-align: top;
    height: 0em;
    line-height: 1em;
    font-size: 2em;
	margin-top: -10px;
	/* font-family: 'MetaNormalLF-Roman' !important;*/
}

.quote:before {
  /* content: '\201C'; */
	content: '“';
  margin-right: 4px;
  margin-left: -8px;
}

.quote:after {
  /* content: '\201D'; */
	content: '”';
  margin-left: 4px;
  margin-right: -8px;
}
.opacity:after {
	content: '';
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	z-index: 1;
	/* background-color: rgba(0,0,0,0.4); 
	background-image: linear-gradient(to bottom right, rgba(0,0,0,0), rgba(0,0,0,0.5)); */
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0.3), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.5));
}
#hero .container {
	color: #fff;
	margin: -90px auto;
	position: absolute;
	top: 65%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 5%;
	text-align: center;
	z-index: 999 !important;
}	

@media (max-width: 392px) {
#hero .container {
	padding: 1%;
	/* color: #fff;
	margin: 0 auto;
	position: absolute;
	top: 90px;
	left: 0%;
	margin-right: 0%;
	transform: translate(0%, 0%);
	width: 100%;
	padding: 0%;
	text-align: center;
	*/
}
	
#hero h2 {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	margin: 5px;
}
#hero .C2A {
	margin: 0px auto;
}
#hero .container p {
	font-size: 1.5em !important;
	padding: 5px !important;
}
}

@media (min-width: 992px) {

.hero-border-left {
	border-left: 2px solid #8dcfd3;
}
.white-left-border {
	border-left: 2px solid #fff;
}
.blue-left-border {
	border-left: 2px solid #8dcfd3;
}
.hero-border-right {
	border-right: 2px solid #8dcfd3;
}

.centreVertHor {
	color: #fff;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	min-width: 90%;
	padding: 5%;
	text-align: center;
}
.pageHeaders{
		height: 17vh;
		display: flex;
		align-items: center;
		line-height: 10em;
	text-align: center
	}
	
	.reasons{
	min-height: 20vh;
    display: flex;
    align-items: flex-start;
    line-height: 10em;
    text-align: center;
    overflow: hidden;
	border-bottom: none !important;
	}
}

/*@media screen and (max-width: 992px) {
	 /*.reasons {
		 display: grid;
		 grid-template-columns: repeat(1, 1fr);
	}	
} */

.reasons{	
    display: flex;
    align-items: flex-start;   
	}

.reasons .text {order: 1; }


.pageHeaders {
	max-width: 1200px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
.reasons{
	border-bottom: 5px #8dcfd3 solid;
	padding: 0 !important;
	}
.noPadding{
	padding: 0 !important;
	overflow: hidden;	
	
}
.reasons .desc{
	padding: 2em;
}
.beHere4Qld-logo {
	max-width: 500px
}

@media (max-width: 992px) {
	.pageHeaders .beHere4Qld-logo {display: none ;}
}
#hero .container h2, #hero .container p {
	color: #fff;
	text-align: center;
}
section h2 {
	text-align: center;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#YPEP-section1 h2{font-size: 4.5em !important}
.pageHeaders h2, .pageHeaders h3{
		text-align: center;
		margin-left:auto;
		margin-right: auto;
	}

#hero .container p {
	margin-bottom: 20px;
}
#hero .container p, #ourPeople p {
	font-size: 1.6em;
	line-height: 1.1em;
}
.container .C2A {
	display: inline-block;
	padding: 0.7em;
	font-size: 1.7em;
	font-weight: bold;
	background-color: #8dcfd3;
	color: #fff;
	position: relative;
	margin: 0 auto;
	border-radius: 100px;
}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 100%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
	width: 18%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-15 {
	width: 18%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
	width: 18%;
	float: left;
}
}
#top-reasons {
	color: #000;
	text-align: center
}
.sliderTitle h3 {
	font-size: 1.65em;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	line-height: 1.1em;
}

@media (max-width: 392px) {	
	.sliderTitle h3 {
	font-size: 1.3em;
	}	
}

#top-reasons .top-five-text, #our-diversity p, #about-intro p, #rewards-benefits p, #about p, #top-reasons p, #ourPeople p, #bio p, .veterans-text p, .graduates-text p, .YPEP-text p {
	font-size: 1.2em !important;
	line-height: 1.3em !important;
}
#bio p{
    text-justify: inter-word;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
}
.beicons {
	position: relative;
	border-radius: 5px;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	padding: 5px;
	margin: 0px auto;
}
.C2A {
	position: relative;
	display: inline-block;
	border-radius: 5px;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	padding: 5px;
	margin: 0px 1%;
}
.C2A::after, .beicons::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.beicons::after {
/* border-radius: 5px; */
}
@media (max-width: 560px) {
	.beicons {
		width: 520px !important;
		max-width: 100% !important;
		padding: 20px !important;
}
	.beicons img {
		width: 50% !important;
		float: left !important;
		height: 100%;
}
	.beicons span {
		display: block !important;
		width: 50%;
		float: right;
}
.beicons h3 {
		font-size: 2.2em;
	vertical-align: middle;
	width: 50%;
	float: right;
}
	.beicons .blueUL, .beicons .whiteUL{
		display: none !important;
	}
}
.C2A::after {
	border-radius: 50px;
}
.C2A:hover, .beicons:hover {
	-webkit-transform: scale(1.02, 1.02);
	transform: scale(1.020, 1.02);
	z-index: 1;
}
.C2A:hover::after, .beicons:hover::after {
	opacity: 1;
}
* {
	letter-spacing: 0 !important;
}
.reverse {
	background: #fff !important;
	color: #8dcfd3 !important;
}


@media (max-width: 992px) {
.col-md-3 {
	max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
	min-width: 200px;
}
}

/* carousel */
	
.col-md-4 {
/*	margin-bottom: 3%; */
}
.media-carousel {
	margin-bottom: 0;
	padding: 0 40px;
	/* margin-top: 30px; */
}
.thumbnail {
	width: 100% !important;
	margin: 0px auto;
	height: 100%;
	border-radius: 0;
	background-color: transparent;
	border: none;
	padding: 0px !important;
	overflow: hidden;
}
.thumbnail:hover .sliderCaption {
	opacity: 0
}
.thumbnail img {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.thumbnail:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (min-device-width: 390px) and (max-device-width: 992px) {
.thumbnail {
/* min-width: 100% !important; */
	/* max-width: 250px */
}
}
.sliderCaption {
	position: absolute;
	bottom: 0;
	z-index: 999;
	width: calc(100% - 30px);
	background: #fff;
	border-radius: 0;
	padding: 4px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sliderCaptionContents {
	position: relative;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sliderCaption .sliderTitle {
	position: relative;
	color: #fff !important;
	margin: auto;
	height: 4.5em;
	display: grid;
}
.sliderCaption .sliderTitle h3 {
	color: #fff !important;
	margin: 0 auto;
}
.sliderCaption .sliderName {
	font-weight: bold;
}
.sliderCaption span {
	display: block;
}
/* Previous button  */
.media-carousel .carousel-control {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-image: none;
	/* border: 4px solid #FFFFFF;
	border-radius: 23px 23px 23px 23px; */
	height: 40px;
	width: 40px;
}
.media-carousel .carousel-control.left {
	left: -12px;
}
.media-carousel .carousel-control.left img {
	transform: rotate(180deg);
}
/* Next button  */
.media-carousel .carousel-control.right {
	right: -40px !important;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
	background: #c0c0c0;
}
.media-carousel .carousel-indicators .active {
	background: #333333;
}
.media-carousel img {
	width: 100%;
	height: auto;
	margin: 0px auto;
	border-radius: 0;
	display: block;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 100%;
}			
#ourPeople .white h2, #ourPeople .white p, #contact-us .white p {
	color: #fff;
	text-align: center;
}
.videoWrapper {
	max-width: 800px;
	max-height: 450px;
	width: 90vw;
	height: 50.85vw;
	margin: 0 auto;
}
.videoWrapper iframe {
	width: 100%;
	height: 100%;
}
#contact-us {
	text-align: center;
}
#contact-us img {
	min-height: 20%;
	max-height: 150px;
}
#contact-us span {
	display: block;
}
.footer-default {
	padding-top: 0px;
}
.footer-default .footer-bottom {
	margin-top: 0px;
	padding: 30px 0
}
.footer-default .footer-bottom .copyright {
	font-size: 16px;
}
/* Veterans specific tweaks */
.veterans-text img{
	width: 55%;
	float: right;
	margin-right: 5%;
	
}
@media (max-width: 992px) {
	.veterans .container {
    margin: 0px auto !important;
	}
	.veterans-text img {
    width: 55%;
    float: none;
    margin: 10px auto;
}
}

@media screen and (orientation: portrait){
.veterans {
    position: relative;
    width: 100%;
    height: 70%;
    height: 70vh;
    min-width: 100%;
    min-height: 100%;
		}
	.veterans:before {
    background-position: 70% 50%;
	}
	.quote {
    font-size: 1.7em;
}
	}