/*
CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861

-------------------------------------------------------------
CSS Structure:

01. Default and custom styles for page design

-------------------------------------------------------------
*/


/* 01. Default styles for page design -------------------------- */

a {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity: 1.0;
	text-decoration:none;
}
img,
img a {
	border:0px;
	margin:0px;
	padding:0px;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	margin:0 auto;
	font-family:"Gill Sans MT", "Gill Sans", Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-align:center;
}
h3,
h4,
h5,
h6
{
	color:#0d1c45;
}
h1, h2 {
	text-shadow: 1px 1px 6px #3d496a;
	color:#fff;
}
h5 a,
p a {
	color:#0d1c45;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c6d0;
}
h5 a:hover,
p a:hover
{
	color:#0d1c45;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0d1c45;
}
h6 {
	font-size:16px;
	line-height:25px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
body {
	width:100%;
	margin:0 auto;
	background-color:#3a4667;
	font-family:"Gill Sans MT", "Gill Sans", Verdana, Geneva, sans-serif;
	font-weight:normal;
	-webkit-text-size-adjust: none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
html {
	margin:0 auto;
	overflow-x:hidden;
}
.animate { /* Makes columns animate when @media css changes */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.fullscreen {
	min-height:540px;
	height:100%;
	width:100%;
	position:relative;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.fullscreen-inner {
	min-height:440px;
	height:70%;
	width:100%;
	position:relative;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.bg-home {
	background-image: url(../images/bg-home.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-about {
	background-image: url(../images/bg-about.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-projects {
	background-image: url(../images/bg-projects.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-contact {
	background-image: url(../images/bg-contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-ourstyle {
	background-image: url(../images/bg-ourstyle.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-sponsorships {
	background-image: url(../images/bg-sponsorships.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-testimonials {
	background-image: url(../images/bg-testimonials.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.award {
	padding-top:10px;
}
.award img {
	width:94%;
	height:auto;
}



.intro {
	width:100%;
	bottom:0;
	position:absolute;
	text-align:center;
}
.padd {
	padding-top:50px;
}
.padd-bot {
	padding-bottom:40px;
}
.icon {
	margin:0 auto;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.icon-small {
	margin:0 auto;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100px;
	-moz-background-size:100px;
	width:100px;
	height:100px;
	padding-top:20px;
	padding-bottom:60px;
}
.footer {
	background-color:#ecedf0;
	padding:3%;
	font-size:14px;
	color:#7c849a;
	text-align:center;
}
.share {
	margin:0 auto;
	width:165px;
	height:70px;
}
.share a {
	width:30px;
	height:30px;
	background-color:#332;
	display:block;
	float:left;
	margin-left:5px;
	margin-right:5px;
	opacity:1.0;
}
.share a:hover {
	opacity:0.6;
}
.share a.fb {
	width:30px;
	height:30px;
	background-image: url(../images/fb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.share a.tw {
	width:30px;
	height:30px;
	background-image: url(../images/tw.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.share a.go {
	width:30px;
	height:30px;
	background-image: url(../images/go.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.share a.em {
	width:30px;
	height:30px;
	background-image: url(../images/em.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header-nav {
	margin:0 auto;
	max-width:1000px;
	height:60px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c2c6d0;
	padding-top:15px;
	font-size:23px;
	color:#0d1c45;
}
.header-nav a {
	color:#9ea4b5;
	padding-right:20px;
}
.header-nav a:hover,
.header-nav a.on {
	color:#0d1c45;
}
.bg-white {
	background-color:#fff;
	padding-top:4%;
	padding-bottom:4%;
	padding-left:5%;
	padding-right:5%;
}
.title,
p,
ul,
ul li
{
	font-family:"Gill Sans MT", "Gill Sans", Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#0d1c45;
}
ul {
	margin-left:20px;
}
li {
	padding-left:10px;
	list-style:circle;
}
p {
	margin-top:0px;
	margin-bottom:20px;
	padding:0px;
}
.projects {
	margin:0 auto;
	max-width:1080px;
}
.project {
	width:44%;
	background-color:#ecedf0;
	color:#0d1c45;
	padding-bottom:10px;
	float:left;
	margin-left:4%;
	margin-bottom:4%;
}
.project .img {
	width:100%;
	height:auto;
	z-index:0;
}
.project img {
	width:100%;
	height:auto;
	z-index:0;
}
.project-title {
	font-size:32px;
	line-height:28px;
	padding-top:18px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
}
.project-subtitle {
	font-size:15px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
.project-description {
	font-size:18px;
	line-height:24px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
}
.project-link {
	color:#0d1c45;
	font-size:18px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	line-height:28px;
}
.project-link a {
	color:#0d1c45;
	font-size:18px;
	background-image: url(../images/link.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
	line-height:28px;
}
.project-link a:hover {
	padding-right:28px;
}
.padd-left {
	padding-left:25px;
}

.arrows {
	height:40px;
	width:70px;
	float:right;
	margin-top:-45px;
	z-index:2;
}
.arrow-left {
	z-index:2;
	position:absolute;
}
.arrow-right {
	z-index:2;
	position:absolute;
	margin-left:30px;
}
.arrow-left a {
	width:27px;
	height:27px;
	display:block;
	float:left;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:2;
}
.arrow-right a {
	width:27px;
	height:27px;
	display:block;
	float:left;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:2;
}
.arrow-left a:hover,
.arrow-right a:hover {
	background-color:#0d1c45;
}

.iosSlider {
	position:absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height:auto;
}
.iosSlider .img {
	width: 100%;
	height: 100%!important;
	position:absolute;
}
.iosSlider .img img {
	width: 100%;
	height: auto!important;
	position:absolute;
}



.no-padd {
	padding:0%!important;
	text-align:left;
}
a.blue-link {
	color:#0d1c45;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c6d0;
}
a.blue-link:hover {
	color:#0d1c45;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0d1c45;
}
.line-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c2c6d0;
}


/* Rego Form */

form,
fieldset {
	border:0;
	margin:0px;
	padding:0px;
}
input,
textarea,
select {
	font-family:"Gill Sans MT", "Gill Sans", Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#0d1c45;
	list-style:none;
	border:1px solid #c2c6d0;
	background-color:#fff;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:10px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:22px;
	-webkit-appearance: none;
	border-radius: 0;
}
.input-left {
	width:93%;
}
.input-right {
	width:96%;
}
.select-right {
	width:98%;
}
.textarea {
	width:98%;
	height:180px;
}
.submitbutlogin {
	background-color:#0d1c45;
	padding-left:18px;
	padding-right:18px;
	padding-top:12px;
	padding-bottom:12px;
	float:right;
	margin-right:7px;
	opacity:1.0;
}
.submitbutlogin:hover {
	opacity:0.7;
}
.error-message {
	float:left;
	color:#ff6666;
	padding-bottom:15px;
	width:50%;
	display:none;
}
.testimonial {
	font-style:italic;
	font-size:18px;
}
.soldnew{
	width:100px;
	height:100px;
	display:block;
	z-index:2;
	position:absolute;
	background-image: url(../images/soldnew.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100px;
	-moz-background-size:100px;
}

.sold {
	width:100px;
	height:100px;
	display:block;
	z-index:2;
	position:absolute;
	background-image: url(../images/sold.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100px;
	-moz-background-size:100px;
}











/* Warning Sign for Internet Explorer 7 users (This website does not support IE7) */

#warning {
	background-color:#333;
	padding:20px;
	color:#999;
	margin-bottom:10px;
	line-height:21px;
	font-size:16px;
}
#warning strong {
	color:#fff;
}
#warning a {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#warning a:hover {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: .fff;
}



/* Add style to columns to make them visible */

.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8,
.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	font-weight:normal;
	margin:0 auto;
	/* This creates the height of the columns, and centres the text. */
}