@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;
	font-family: 'Montserrat', sans-serif;
}

.white-text {color:white;}
.black-text {color:black;}
.red {color:red;}
/*------------------------- MENU BAR -----------------------------*/

/*------------------------- MENU BAR -----------------------------*/

.nav-bar, .navbar-default {
	background:#5a7590;
	border-color:#5a7590;
	border-radius:0px;
	margin-bottom:0;
	color:white;
	z-index:500;
}

.navbar-brand {	
	padding: 0px; /* firefox bug fix */
	width: 250px;
	margin:5px;
	margin-right:10px;
}

.navbar-brand img{
	padding: 15px; /* firefox bug fix */
	width: auto;
	height:100%;
}

.navbar-default .navbar-nav>li>a {
	color:white;
}

.navbar-default .navbar-nav>li>a:hover {
	color:black;
	background:#eee;
}

.nav li {
	padding:5px;
}

ul.dropdown-menu li a:hover {
	background-color: #a75046;
	color:white;
}

ul.dropdown-menu li a.active {
	background-color: #5a7590;
	color:white;
}

li.dropdown {color:white;}


.home, .home-mobile {
	position: relative;
	width: 100%;
	background: url("../images/backgrounds/load-home-1.jpg") no-repeat center center;
	display:table;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*overflow:hidden;*/
}

.home .contents {
	position: absolute;
	top: 0;
	margin-top:10px;
	left: 100%;
	width:100%;
	height:auto;
}

.flexy {
	display: flex;
  	flex-wrap: wrap;
}

.panel-container {
	position:relative;
	left:0;
	display: flex;
	flex-direction: column;
	padding:10px;
	colour:#eeeeee;
	margin:0;
}

.panel-container ul {
	list-style-type: none;
	margin:0;
	padding:2px;
}

.panel {
	padding:10px;
	position:relative;
	width:100%;
	height:100%;
	/*margin:10px;*/
	/*box-shadow: 2px 2px 2px 3px rgba(40,40,40,0.5);*/
	border-radius:0;
	display: flex;
	flex-direction: column;
}

.colour-white {
	background-color:#f0f0f0;
}

.colour-blue-one {background-color:#5a7590;}
.colour-blue-two {background-color:#3376a6;}
.colour-blue-three {background-color:#7cc0d0;}
.colour-blue-four {background-color:#4eb0bb;}
.colour-red-one {background-color:#d95b26;}
.colour-red-two {background-color:#a75046;}
.colour-greenish {background-color:green;}
/*---------------------- HORIZONTAL SCROLL -------------*/
.wrapper {
	
	background-color:green;
}


/* ------------------------- FONT TAGS ----------------------------*/
.panel ul li {
	margin:5px;
	line-height:18px;
}

.panel ol {
	padding: 5px; /* Remove padding */
	margin: 4px; /* Remove margins */
}

ol li {
	margin-left:5px;
	margin-bottom:10px;
	/*font-size:14px;*/
}

table {
  border-collapse: collapse;
  width: 90%;
}

td, th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
	font-size:12px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

h4 a {color:black; width:100%; padding:5px; line-height: 1.5;}
h4 a.active {background-color:#dddddd;}
h4 a:hover {background-color:#dddddd; color:black;}

.mail-to {
	padding:5px;
	color:#a75046;
}

.mail-to-reverse {
	padding:5px;
	color:black;
}

.mail-to:hover, .mail-to-reverse:hover {
	color:black;
	background:#eee;
}

.list-link {
	color:#a75046;
	font-weight:600;
}

.list-link:hover {
	color:white;
	background-color:#a75046;
}

.btn, .btn-info {
	padding:20px;
	font-size:20px;
	margin-top:10px;
	margin-bottom:15px;
}

/* ------------------------------ MEDIA ----------------------------*/
/* iPhone  */
/*@media only screen and (min-device-width: 375px) {*/
@media only screen and (min-width: 320px) {
	.home {padding-top:75%;}
	.home-mobile {padding-top:75%;}
	
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
	.home {padding-top:75%;}
	.home-mobile {padding-top:75%;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.home {padding-top:75%;}
	.home-mobile {padding-top:75%;}
	
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/*body, html {overflow:hidden;}*/
	.home, .home-mobile {
		padding-top:56.25%;
		position: relative;
		width: 100%;
		background: url("../images/backgrounds/load-home-1.jpg") no-repeat center center;
		display:table;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		overflow:hidden;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	.home, .home-mobile {
		padding-top:56.25%;
		position: relative;
		width: 100%;
		background: url("../images/backgrounds/load-home-1.jpg") no-repeat center center;
		display:table;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		overflow:hidden;
	}
}