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

   Master Stylesheet
   Author: Pixel House
   Website: www.pixel-house.com.au

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

body { background: #fff; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0; padding: 0; color: #1f1f1f; text-align: center; }
p, li { font-size: 0.93em; line-height: 1.9em; color: #1f1f1f; }
p, ul, ol { margin: 0 0 1.4em 0; }
p.sm { font-size: 0.8em; line-height: 1.4em; }
strong { font-weight: 700; }
a { color: #2c54c5; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; color: #363636; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none!important; }
h1 { font-size: 1.9em; font-weight: 700; margin: 0 0 30px 0; letter-spacing: 0.21em; text-transform: uppercase; }
h2 { color: #233269; letter-spacing: 0.21em; text-transform: uppercase; font-size: 1.25em; font-weight: 800; margin: 0 0 40px 0; }
h3 { font-size: 18px; font-weight: normal; }
h3 span { font-weight: bold; }
h3 a:hover { text-decoration: underline; }
h4 { font-size: 12px; }
blockquote { font-size: 18px; line-height: 34px; margin: 0 0 30px 0; padding: 0; }
blockquote span { font-weight: bold; font-size: 12px; text-transform: uppercase; }
img { max-width: 100%; height: auto; }
.mob-show { display: none; }
.mob-hide { display: block; }

.bold { font-weight: bold; }
.hide { display: none; }
.show { display: block; }
.no-wrap { white-space: nowrap; }

.left { float: left; }
.right { float: right; }
.right.img { margin-left: 20px; }


#section-one { float: left; width: 100%; text-align: center; background: url(../images/bg-section-one.jpg) no-repeat center center #232f52; background-size: auto 100%; }
#section-one-inner { float: left; width: 100%; background: url(../images/bg-section-one-grid.png) repeat 0 0; padding: 50px 0; }
#section-text { width: 80%; padding: 0 10%; margin: 0 auto; }

#section-one h1, #section-one p { color: #fff; }
#section-one p.lg { font-size: 30px; line-height: 1.4em; }

.next { float: left; width: 100%; text-align: center; padding-top: 30px; }
.next .arrow { width: 65px; height: 65px; }

#section-two { float: left; width: 100%; padding: 50px 0; }
#section-two-text { width: 80%; padding: 0 10%; text-align: left; margin: 0 auto; }
#section-two-text h2 { text-align: center; }

#section-two-text blockquote { float: left; width: 30%; }
#section-two-text p { float: left; width: 40%; padding: 0 3% 0 3%; }
#section-two-text .thumb { float: right; width: 23%; margin: 0 0 30px 0; }
#section-two-text .thumb img { width: 100%; height: auto; }

#section-three { float: left; width: 100%; background: #212f65; padding: 75px 0 50px 0; text-align: left; }
#section-three-text { width: 80%; padding: 0 10%; margin: 0 auto; }
#section-three p { color: #fff; }
#section-three h4 { color: #fff; }
#section-three .text { float: left; width: 40%; }
#section-three .video { float: right; width: 50%; padding-right: 2%; }

.btn-wrap { float: left; width: 100%; text-align: center; padding: 40px 0; }
.btn { padding: 10px 20px; border: solid 1px #212f65; color: #212f65; text-transform: uppercase; font-size: 12px; }

#section-four { float: left; width: 100%; }
#section-four img { max-width: 100%; height: auto; }

#section-five { float: left; width: 90%; padding: 50px 5% 75px 5%; }
#section-five blockquote { color: #212f65; margin: 0 0 50px 0; }

#section-six { float: left; width: 90%; padding: 15px 5% 75px 5%; background: url(../images/bg-section-six.gif) no-repeat center 0 #f1f1f1; }
#section-six h2 { margin-bottom: 90px; }

#enquiry-wrap { float: left; width: 100%; background: url(../images/bg-section-one.jpg) no-repeat center bottom #232f52; background-size: auto 100%; }
#enquiry-wrap-inner { float: left; width: 100%; background: url(../images/bg-section-one-grid.png) repeat 0 0; width: 90%; padding: 50px 5%; }
#enquiry { margin: 0 auto; width: 700px; }
#enquiry h2 { color: #fff; margin: 0 0 30px 0; }
#enquiry h3 { color: #fff; margin: 0 0 50px 0; }

#footer { float: left; width: 80%; padding: 50px 10%; }
#footer .logo { float: left; width: 50%; text-align: center; }
#footer .logo img { width: auto; height: 80px; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ---------------------------------------------------------------------------------
   FIELDSETS
--------------------------------------------------------------------------------- */

#contact-form { float: left; width: 100%; padding: 0 0 10px 0; }

#contact-form fieldset { border: none; margin: 0; padding: 0; text-align: left; }
#contact-form fieldset div { position: relative; float: left; width: 100%; margin: 0; }
#contact-form fieldset input[type="text"], #contact-form fieldset input[type="password"], fieldset textarea { float: left; width: 90%; border: solid 2px #fff; padding: 12px 12px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; color: #7b7b7b; background: #fff; }
#contact-form fieldset input[type="text"]:focus, fieldset textarea:focus { border: solid 2px #ec8700; }
#contact-form fieldset label { position: absolute; top: 15px; left: 14px; font-size: 15px; color: #7b7b7b; cursor: text; font-style: italic; }
#contact-form fieldset label .req { font-size: 0.75em; color: #b60404; }
#contact-form fieldset .sm { font-size: 11px; color: #7b7b7b; }
#contact-form fieldset .btn.sm { color: #fff; }

#contact-form fieldset { float: left; width: 100%; }
#contact-form fieldset p { position: relative; float: left; width: 100%; margin: 0 0 15px 0; line-height: 1.0em; }
#contact-form fieldset textarea { width: 90%; height: 202px; font-family: 'Open Sans', sans-serif; }
#contact-form fieldset .smtxt { font-size: 0.7em; line-height: 1.3em; text-align: left; color: #fff; padding-top: 5px; }
#contact-form .fieldset-left { float: left; width: 49%; }
#contact-form .fieldset-right { float: right; width: 49%; }
#error { float: left; width: 90%; color: #fff; background: #d40000; font-size: 0.85em; padding: 10px 5%; }
#contact-form #success { float: left; width: 80%; padding: 30px 10%; background: #449624; }

#contact-form .sm { font-size: 1.0em; }
#contact-form .submit-wrap { float: left; width: 100%; text-align: center; padding-top: 20px; }