/*
	Theme Name: Queen St Village Landing Page
	Theme URI: http://propertysolutions.com.au
	Author: Kinetic
	Author URI: http://kineticetc.com.au
*/
@import url(css/swiper.min.css);

/* Webfont: Gotham-Regular */
@font-face {
    font-family: 'GothamFont';
    src: url('fonts/Gotham-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gotham-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Gotham-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Gotham-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Gotham-Regular.svg#Gotham-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: Gotham-Light */
@font-face {
    font-family: 'GothamFont';
    src: url('fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Gotham-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Gotham-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Gotham-Light.svg#Gotham-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}




/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, div { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
a { text-decoration: none; }

html, body { width: 100%; height: 100%; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

h1 { font-family: 'GothamFont', sans-serif; text-transform: uppercase; color: #fff; letter-spacing: -0.075em; font-weight: bold; font-size: 54px; text-shadow: 0 0 15px rgba(0,0,0,0.8); }
h2 { font-family: 'GothamFont', sans-serif; text-transform: uppercase; color: #000; letter-spacing: -0.075em; font-weight: normal; font-size: 22px; margin-bottom: 10px; }
p, input, select, textarea, label, span, input[type="submit"] { font-family: 'GothamFont', sans-serif; color: #000; letter-spacing: -0.075em; font-weight: normal; font-size: 16px;  }

.vertical-align { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; }

.led-top, .led-bot { width: 100%; height: 48px; background-image: url(images/led-top.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: center top; position: fixed; z-index: 50;}
.led-bot { bottom: 0; background-image: url(images/led-bot.jpg); }

.swiper-container,
.swiper-wrapper { width: 100%; height: 100%; position: fixed; z-index: -1; }
.swiper-slide { background-size: cover; -webkit-background-size: cover; width: 100%; height: 100%; }

section .inner { max-width: 960px; padding: 0 20px; box-sizing: border-box; width: 100%; margin: 0 auto; }
section.page-title { z-index: 20; padding: 0 0 50px; text-align: center; }
section.form { overflow: hidden; }
section.form .left { width: 50%;float: left; height: 380px; text-align: center; position: relative; background-position: center center; 
background: #494749; /* Old browsers */
background: -moz-linear-gradient(top, #494749 0%, #231f20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #494749 0%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #494749 0%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494749', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
copy

}
section.form .right { width: 50%; float: left; height: 380px; background: #fff; text-align: left; position: relative; padding: 20px; box-sizing: border-box; }
section.form .right .total { position: absolute; bottom: 20px; left: 20px; }
section.form .left img.qsl { width: 70%; height: auto; margin-top: 90px; }
section.form .left .pps { position: absolute; bottom: 20px; width: 100%; text-align: center; }
body > .pps { display: none; }
section.form .form-inner { text-align: left; }
section.form p { line-height: 1.2em; font-size: 12px; margin-bottom: 15px; }
section.form .field-wrap { clear: both; }
section.form .field-wrap label { font-size: 11px; padding: 6px 10px; float: left; width: 110px; line-height: 1.2em; box-sizing: border-box; margin-bottom: 5px; }
section.form .field-wrap input,
section.form .field-wrap textarea,
section.form .field-wrap select { box-sizing: border-box; width: calc(100% - 110px); float: right; border: 1px solid #000; background: #fff; margin-bottom: 0; font-size: 12px; padding: 5px; }
section.form .field-wrap select { -webkit-appearance:  menulist; height: 28px; }
section.form .field-wrap > .postcode { width: 50%; float: left; position: relative; }
section.form .field-wrap > .country { width: 50%; float: left; position: relative; }
section.form .field-wrap > .country label { width: 60px; }
section.form .field-wrap > .country select { width: calc(100% - 60px); }
section.form .field-wrap textarea { height: 45px; }
section.form .field-wrap span.mandatory { font-size: 11px; line-height: 1.4em; display: block; float: right; width: calc(100% - 110px);} 
section.form .submit-wrap { float: right; text-align: right; clear: both; margin-top: 5px; }
section.form input[type="submit"] { background: #000; color: #fff; text-transform: uppercase; font-size: 14px; padding: 10px 15px 7px; border: 0; cursor: pointer; appearance: none; -webkit-appearance: none; font-weight: bold; }
.modal-wrap { display: none; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
.modal-wrap.active { display: block; } 
.modal-wrap .thanks-message { width: 700px; height: 250px; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #fff; position: relative; }
.modal-wrap .thanks-message .left { float: left; width: 250px; background: #494749; height: 250px; box-sizing: border-box; text-align: center; /* Old browsers */
background: -moz-linear-gradient(top, #494749 0%, #231f20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #494749 0%,#231f20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #494749 0%,#231f20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494749', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */}
.modal-wrap .thanks-message .left img { max-width: 80%; margin-top: 70px; }
.modal-wrap .thanks-message .right { text-align: center; padding: 60px 30px 0; }
.modal-wrap .thanks-message .right img { width: 120px; height: auto; padding: 20px; display: inline-block; }
.wpcf7-mail-sent-ok { display: none !important; }
 }
@media all and (min-width: 1920px) {
	.led-top, .led-bot { background-size: 100% auto; -webkit-background-size: 100% auto; }

}
@media all and (max-width: 1024px) {
	h1 { font-size: 48px; }
	section.form .left { width: 40%; }
	section.form .right { width: 60%; }
}
@media all and (max-width: 799px) {
	h1 { font-size: 20px; }
	h2 { font-size: 18px; }
	section.page-title { padding: 80px 0 30px; }
	section.form p { font-size: 12px; margin-bottom: 10px; }
	section.form .field-wrap label { width: 100%; padding: 0; margin-bottom: 5px; }
	section.form .field-wrap input,
	section.form .field-wrap textarea,
	section.form .field-wrap select,
	section.form .field-wrap > .country select { width: 100%; margin-bottom: 5px;}
	section.form .field-wrap > .postcode { width: 47%; padding-right: 3%; }
	section.form .field-wrap span.mandatory { width: 100%; }
	section.form .left { width: 100%; height: 150px; }
	section.form .left img.qsl { width: 180px; margin: 30px auto 0 auto; }
	section.form .left .pps { display: none; }

	section.form .right { width: 100%; height: auto; overflow: hidden;}
	body > .pps { clear: both; display: block; width: 100%; text-align: center; padding: 30px 0; }
	.vertical-align { top: 0; transform: translateY(0); -webkit-transform: translateY(0); position: relative; }
	.modal-wrap .thanks-message { max-width: 600px; width: 90%; height: auto; }
	.modal-wrap .thanks-message .left,
	.modal-wrap .thanks-message .right { width: 100%; clear: both; float: none; height: auto; }
	.modal-wrap .thanks-message .left { height: auto; }
	.modal-wrap .thanks-message .left img { width: 150px; margin: 15px 0;}
	.modal-wrap .thanks-message .right { padding: 20px 0 10px 0; overflow: hidden; }
	.modal-wrap .thanks-message .right img {  }
}