/* W3C Markup, IE10 Release Preview */
/* HTML FONT TAGS */
/* ADOBE FONT FAMILY */
/*body {
	font-family: mr-eaves-xl-modern,sans-serif;
	font-weight: 400;
	font-style: normal;	
}*/

.colour-charcoal {
	background:#222523;
	
}
.colour-grey-light {
	background:#4a4e4b;
}
.colour-red-dark {
	background:#641d22;
}
.colour-red-light {
	background:#b1454d;
}
.colour-blue-dark {
	background:#245f7e;
}
.colour-blue-light {
	background:#56c3fd;
}
.colour-green {
	background:#bebb5d;
}

h1 {
	font-size:24px;
	font-weight:400;
	margin-bottom:30px;
	margin-top:0;
}
h2 {
	font-size:20px;
	line-height:30px;
	margin-bottom:20px;
	margin-top:0;
	family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	/*letter-spacing: 1px;*/
}
h2.small {
	margin-bottom:10px
}
h3 {
	font-size:18px;
	font-weight:400;
	margin-bottom:20px;
	margin-top:0;
}
p {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	margin-bottom:30px;
}
p.medium {
	font-weight:400;
	line-height:21px;
	letter-spacing: 1px;
	margin-bottom:20px;
}

p.normal {
	margin-bottom:2px;
}

a {
	color:#526082;
	transition:color 0.25s ease-in;
	-moz-transition:color 0.25s ease-in;
	-webkit-transition:color 0.25s ease-in;
	-o-transition:color 0.25s ease-in;
}
a:hover, a.active {
	color:#333E47;
}
b,strong {
	font-weight:700;
}
ul {
	margin:0 0 15px 15px;
	padding:0;
	font-size:16px;
	line-height:1.4;
	font-weight:300;
}
img {
	max-width:100%;
	height:auto !important;
}

.shadow {
	text-shadow: 1px 2px 15px black;
}

/* ADOBE FONT FAMILY */
body {
	font-family: montserrat, sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color:#222523;
}

header {
	/*background-color:#FFFFFF;*/
	background-color:#222523;
}

hr {margin-top:50px;
margin-bottom:40px;}

/*NAVBAR*/
.navbar {
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:0;
}
.navbar-brand {
	padding:0 15px;
	height:auto;
}
.navbar-brand img {
	max-width:200px;
}
.navbar-nav > li > a {
	color:#ffffff;
}

.navbar-nav > li > a:hover {
	background-color:#4a4e4b;
	color:#b1454d;
}

.navbar-nav > li.active > a {
	font-weight:400;
	/*color:#000;*/
	color:#56c3fd; /*light blue*/
}
.navbar-nav {
	padding-top:10px;
	text-align: center;
}
.navbar-toggle {
	/*border-color:#526082;*/
	border-color:#56c3fd; /*light blue*/
	margin-top:13px;
}
.icon-bar {
	/*background-color:#526082;*/
	background-color:#56c3fd; /*light blue*/
}
.nav > li > a {
	padding: 10px 12px;
	font-size:14px;
}
.nav > li > a > img {
	width:20px;
	height:auto;
}
.dropdown-menu {
	text-align: center;
}
.dropdown-menu > li > a {
	color: #526082;
}
.subnav {
	display:none;
}

/* BANNER */
.banner {
	background-color:#526082;
	padding:15px 0;
	color:#FFFFFF;
	line-height:20px;
	family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:16px;
	border-bottom:5px solid white;
}
.banner a {
	color:#FFFFFF;
}
.contacts-banner {
	font-size:14px;
	/*letter-spacing: 1px;*/
	line-height:20px;
	width:100%;
	padding-bottom:10px;
	text-align: center;
}
.social-links img {
	width:20px;
	margin-right:10px;
}

/*CAROUSEL*/
#homeCarousel, #footerCarousel {
	overflow:hidden;
	position:relative;
	text-align:center;
}
.carousel-overlay {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(100,29,34,0.90);
}
#homeCarousel.homeCarousel .carousel-caption img, #footerCarousel.homeCarousel .carousel-caption img {
	max-height:1000px;
}
#homeCarousel .item, #footerCarousel .item {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	height:360px;
}
#homeCarousel .carousel-caption {
	display:block;
	background-color:none;
	padding:20px 20px;
	width:90%;
	top:30%;
	bottom:auto;
	margin:-60px auto 0 auto;
	left:5%;
	right:5%;
	letter-spacing: 2px;
	color: #ffffff;
	font-size: 12px;
	line-height: 24px;
	margin-top:-160px;
}


#footerCarousel .carousel-caption {
	display:block;
	background-color:none;
	padding:20px 20px;
	width:90%;
	top:10%;
	bottom:auto;
	margin:-60px auto 0 auto;
	left:5%;
	right:5%;
	letter-spacing: 2px;
	color: #ffffff;
	font-size: 12px;
	line-height: 24px;
	margin-top:-160px;
}


#homeCarousel .carousel-caption img, #footerCarousel .carousel-caption img {
	max-height:120px;
	margin:0 auto;width:90%;
}
#homeCarousel.homeCarousel .carousel-caption img, #footerCarousel.homeCarousel .carousel-caption img  {
	max-height:1000px;
}
.caption-home {
	margin-top:-100px !important;
	padding:20px 0 !important;
}
.caption-home div {
	margin:10px auto;
	margin-bottom:20px;
	display: block !important;
	width:90%;
	max-width:800px;
}
.caption-home div.heading {
	/*family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;*/
	margin-bottom:10px;
	font-size:28px !important;
	padding:15px !important;
	letter-spacing: 1px !important;
}
.caption-home div.subheading {
	margin-bottom:10px;
	color:#FFFFFF !important;
	font-size:18px !important;
}

.caption-home div.subheading-large {
	margin-bottom:10px;
	color:#FFFFFF !important;
	font-size: 20px !important;
}

/*COLOURED PANEL*/
.coloured-panel {
	color:#FFFFFF;
	padding:30px 0;
	margin-top:10px;
	margin-bottom:10px;
}
.coloured-panel-heading img {
	max-width:80%;
	margin-bottom:30px;
	text-align: center;
}

/*WHITE PANEL*/
.white-panel {
	background-color:#4a4e4b;
	color:#ffffff;
	padding-top:40px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.slideshow {
	position: relative;
	height:0;
	padding-bottom:56%; /*48% depends on image pixel ratio*/
}
.slideshow div{
	display: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
.slideshow div img{
	width:100%;
	display: block;
	position: absolute;
	top:0;
	left:0;
}
.slideshow div:nth-child(1) {
	display: block;
}
.slideshow div img:nth-child(2) {
	display:none;
}
.slideshow div img:nth-child(3) {
	display:none;
}

.btn-grey {
	display:inline-block;
	padding:8px 20px;
	width:auto;
	background-color:#56c3fd;
	color:#FFFFFF;
	font-size:14px;
	font-weight:400;
	letter-spacing: 1px !important;
}
.btn-grey:hover {
	background-color:#b1454d;
	color:#FFFFFF;
	text-decoration: none;
}

.btn-grey-inverse {
	display:inline-block;
	padding:8px 20px;
	width:auto;
	color:#245f7e;
	background-color:#ffffff;
	font-size:14px;
	font-weight:400;
}
.btn-grey-inverse:hover {
	background-color:#245f7e;
	color:#ffffff;
	text-decoration: none;
}

/*IMAGE PANEL*/
.image-panel {
	background-image:url("../images/backgrounds/masterplan_grey.jpg");
	background-size:cover;
	background-position: center center;
	padding:40px 0;
	text-align:center;
	color:#ffffff;
}
/*.image-panel img{
	/*max-width:130px;*/
	/*width:100%;*/
	/*margin-bottom:30px;*/
/*}*/
/*.background-mask,*/ .thumbnail {
	background: rgba(100,29,34,0.90);
	border:none;
	border-radius:0;
}
/*.background-mask p {
	margin:10px;
}*/
.flex-row.row {
	display: flex;
	flex-wrap: wrap;
}
.flex-row.row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.flex-row.row:after, .flex-row.row:before {
	display: flex;
}
.flex-row.row > [class*='col-'] > .box {
	display: flex;
	flex: 1;
}

/* Grow thumbnails to fill columns height */
.flex-row .thumbnail, .flex-row .caption {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	color:white;
}

.flex-text {
	flex-grow:1;
}

/* Flex Grow Text Container */
.flex-row .caption .flex-text p {
	color:white;
	padding-bottom:5px;
}
/* Flex Responsive Image */
.flex-row img {
	width: 100%;
	height: auto;
}

/*MEDIA GALLERY*/
.gradient-panel {
	background: rgb(82,96,130);
	background: linear-gradient(135deg, rgba(82,96,130,1) 0%, rgba(40,95,158,1) 35%, rgba(246,180,35,1) 65%, rgba(56,158,144,1) 100%);
	background-size:cover;
	border-top:5px solid white;
}

/*FOOTER*/
footer {
	background-color:#222523;
	border-top:10px solid #FFFFFF;
	padding:30px 0;
	text-align: center;
	color:#FFFFFF;
}
footer img{
	width:90%;
	max-width:500px;
}
footer a {
	color:#FFFFFF;
}
footer p {
	font-size:12px;
	letter-spacing: 1px;
}
footer span {
	display: block;
}

/* SCREEN SIZING EDITS */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {
	  display: block !important;
	}
  .hidden-xxs {
	  display: none !important;
	}
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
	#homeCarousel .carousel-caption {
		width:90%;
		max-width:500px;
		margin-top:-50px;
		top:40%;/*
		background:orange;*/
	}
	
	#footerCarousel .carousel-caption {
		width:90%;
		max-width:500px;
		margin-top:-250px;
		top:30%;
		/*background:orange;*/
	}
	
	#footerCarousel .carousel-caption p {
		margin-left:20px;
		margin-right:20px;
		font-size:14px;
		line-height:18px;
		letter-spacing: normal;
	}
	
	.caption-home div.heading {
		font-size:30px !important;
		letter-spacing: 2px !important;
	}	
	.caption-home div.subheading {
		font-size:18px !important;
	}
	.caption-home div.subheading-large {
		font-size:24px !important;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1 {font-size:30px;}
	h2 {font-size:22px; letter-spacing: 2px;}
	h3 {font-size:20px;}
	
	.text-sm-right {
		text-align:right;
	}
	.narrow {
		padding-left:30px;
		padding-right:30px;
	}
	
	/*NAVBAR*/
	.navbar .container {
		width:100% !important;
	}
	.nav > li > a:focus, .nav > li > a:hover {
		background-color: transparent;
	}
	.nav > li > a.nav-social {
		padding-right:0;
	}
	.subnav {
		display:block;
		position:absolute;
		top:0;
		right:0;
		left:auto;
		padding:15px 15px;
		background-color:#526082;
		width:calc(50% - 375px + 450px + 30px);
		color:#FFFFFF;
		font-size:14px;
		line-height:14px;
		text-align:left;
	}
	.subnav a{
		color:#FFFFFF;
		margin-left:10px;
	}
	.subnav a.active {
		font-weight:700;
	}
	
	/* BANNER */
	.banner .container{
		width:100%;
	}
	.contacts-banner {
		float:left;
		letter-spacing: 0;
		width:auto;
		padding-bottom:0;
	}			
	.social-links {
		float:right;
		padding-right:10px;
		line-height:20px;
	}
	
	/*CAROUSEL*/
	#homeCarousel .item, #footerCarousel .item {
		height:450px;
	}
	#homeCarousel .carousel-caption img, #footerCarousel .carousel-caption img {
		width:80%;
		max-width: none;
	}
	#homeCarousel .carousel-caption {
		width:90%;
		max-width:800px;
		margin-top:-190px;
		top:50%;
		/*background:red;*/
	}
	#footerCarousel .carousel-caption {
		width:90%;
		max-width:800px;
		margin-top:-190px;
		top:30%;
		/*background:red;*/
	}
	#footerCarousel .carousel-caption p {
		margin-left:20px;
		margin-right:20px;
		font-size:16px;
		line-height:20px;
		letter-spacing: normal;
	}
	.caption-home div {
		margin:10px auto;
		margin-bottom:20px;
		display: block !important;
		width:100%;
		max-width:800px;
	}
	
	.caption-home div.heading {
		font-size:40px !important;
		letter-spacing: 4px !important;
	}	
	.caption-home div.subheading {
		font-size:26px !important;
	}
	.caption-home div.subheading-large {
		margin-bottom:10px;
		color:#FFFFFF !important;
		font-size: 36px !important;
}
	
	/*COLOURED PANEL*/
	.coloured-panel {
		padding:40px 0;
	}
	
	
	/*WHITE PANEL*/
	.white-panel {
		padding-top:50px;
	}
	
	/*IMAGE PANEL*/
	.image-panel {
		padding:50px 0;
		text-align: left;
	}
	.image-panel img{
		/*max-width:160px;*/
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1 {font-size:36px;}
	h2 {font-size:26px; letter-spacing: 2px;}
	h3 {font-size:20px;}

	.narrow {
		padding-left:60px;
		padding-right:60px;
	}
	.navbar-brand img {
		max-width:275px;
	}
	.navbar .container {
		width:970px !important;
	}
	.nav > li > a {
		padding: 10px 10px;
		font-size:16px;
	}
	.navbar-nav {
		padding-top:22px;
	}
	.subnav {
		width:calc(50% - 480px + 532px - 15px);
	}
	.subnav a{
		color:#FFFFFF;
		margin-left:20px;
	}
	
	/* BANNER */
	.contacts-banner {
		font-size:16px;
		letter-spacing: 1px;
	}
	.social-links {
		padding-right:20px;
	}
	
	/*CAROUSEL */
	#homeCarousel .item, #footerCarousel .item {
		height:600px;
	}
	.caption-home div {
		margin:10px auto;
		margin-bottom:20px;
		display: block !important;
		width:100%;
		max-width:800px;
	}
	
	#homeCarousel .carousel-caption {
		width:90%;
		max-width:800px;
		padding:20px 50px;
		margin-top:-250px;
		/*background:blue;*/
	}
	#footerCarousel .carousel-caption {
		width:90%;
		max-width:800px;
		padding:20px 50px;
		margin-top:0px;
		/*background:blue;*/
	}
	
	#homeCarousel .carousel-caption img, #footerCarousel .carousel-caption img {
		max-height:120px;
		margin:0 auto;
		width:90%;
	}
	#homeCarousel.homeCarousel .carousel-caption img, #footerCarousel.homeCarousel .carousel-caption img {
		max-height:1000px;
	}
	#mainCarousel .carousel-caption div, #footerCarousel .carousel-caption div {
		padding:11px 30px;
	}
	
	.caption-home div.heading {
		font-size:40px !important;
	}
	
	/*COLOURED PANEL*/
	.coloured-panel {
		padding:50px 0;
	}
	
	/*WHITE PANEL*/
	.white-panel {
		padding-top:60px;
	}
	.btn-grey {
		padding:11px 30px;
	}
	
	/*IMAGE PANEL*/
	.form-panel {
		padding:60px 0;
	}
	.form-panel img{
		max-width:190px;
	}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	h1 {font-size:42px;	}
	h2 {font-size:26px; letter-spacing: 3px;}
	h2.small {font-size:22px;}
	h3 {font-size:20px;}
	
	/*NAVBAR*/
	.navbar .container {
		width:1170px !important;
	}
	.subnav {
		width:calc(50% - 585px + 532px - 10px);
	}
	.narrow {padding-left:100px;
		padding-right:100px;
	}
	
	/*BANNER*/
	.banner .container{
		width:1170px;
		
	}
	
	/*CAROUSEL*/
	#homeCarousel .item {
		height:750px;
	}	
	#homeCarousel .carousel-caption {
		width:90%;
		max-width:1200px;
		margin-top:-290px;
		/*background:cyan;*/
	}
	
	.caption-home div {
		width:100%;
		max-width:1200px;
	}
	.caption-home div.heading {
		font-size:60px !important;
	}
	
	/*COLOURED PANEL*/
	.coloured-panel {
		padding:60px 0;
	}
	
	/*WHITE PANEL*/
	.white-panel {
		padding-top:70px;
		padding-left:50px;
		padding-right:50px;
	}
	
	/*IMAGE PANEL*/
	.image-panel {
		padding:70px 0;
	}
	.image-panel img {
		/*max-width:230px;*/
	}	
}


/* Layout */
.fullwidth {
	padding:0;
}

.relative {
	position: relative;
}

.visible-xxs {
	display:none;
}

.top-buffer15 {padding-top:15px;}
.top-buffer30 {padding-top:30px;}
.top-buffer40 {padding-top:40px;}
.top-buffer80 {padding-top:80px;}

.bottom-buffer3 {padding-bottom:2px;}
.bottom-buffer15 {padding-bottom:15px;}
.bottom-buffer30 {padding-bottom:30px;}
.bottom-buffer50 {padding-bottom:50px;}
.bottom-buffer70 {padding-bottom:70px;}

.text-center .img-responsive {margin:0 auto;}

.v_hidden{opacity: 0;}
.v_visible{opacity: 1;}

.containergutter-0.container {
	padding-left: 0px;
	padding-right: 0px;
}
.containergutter-0.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.containergutter-100.container {
	padding-left: 100px;
	padding-right: 100px;
}
.containergutter-100.container-fluid {
	padding-left: 100px;
	padding-right: 100px;
}

.gutter-80.row {
	margin-right: -40px;
	margin-left: -40px;
}
.gutter-80 > [class^="col-"], .gutter-80 > [class^=" col-"] {
	padding-right: 40px;
	padding-left: 40px;
}

.gutter-20.row {
	margin-right: -10px;
	margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
	padding-right: 10px;
	padding-left: 10px;
}
.gutter-10.row {
	margin-right: -5px;
	margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
	padding-right: 5px;
	padding-left: 5px;
}
.gutter-0.row {
	margin-right: 0;
	margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

/* Format */
.copy-xsmall {
	font-size:10px;
	line-height:12px;
	-webkit-text-size-adjust: 100%;
}
.nomargin {margin:0}

.btn {
	display:inline-block;
	padding:8px 20px;
	width:auto;
	background-color:#9C9999;
	color:#FFFFFF;
	font-size:14px;
	font-weight:400;
	border-radius: 0;
	margin-bottom:5px;
}


.interactive-map-nav p, .map-info-panel p {
	font-size:12px;
	line-height: 15px;
	margin:0;
	margin-bottom:10px;
	padding:0;
}

.interactive-map-nav h3 {
	margin-bottom:5px;
}

.tc-btn img {
	outline: 2px solid #555;
	outline-offset:-2px;
	box-shadow: 1px 1px 3px 4px #521718;
	margin-bottom:5px;
}

.tc-btn img:hover {
	outline: 4px solid red;
	outline-offset: -4px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.active-tc-btn img {
	outline: 4px solid #f6b423;
	outline-offset: -4px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#tc-map {
	border:5px solid #521718;
	background: #521718;
}

.map-info-panel {
	padding:0;
	margin-bottom:20px;
	display:none;
}

.map-info-panel h3 {
	width:100%;
	background:#521718;
	pading:10px;
	margin-bottom:5px;
}

.map-info-panel p {
	margin-bottom:3px;
}

.modal {z-index:10000;}

/*-----------------------------VIDEO-------------------------------*/
.video-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.negative-list {
	background:#56c3fd;
	color:#521718;
}