/* FONTS (via fonts.com)
*/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=80c49788-f649-49be-9597-e4ff6b9c7e6e");
 @font-face{
        font-family:"futura2";
        src:url("fonts/aafdd021-88d4-41d8-8e15-fe91f83e4b17.woff2") format("woff2"),url("fonts/81d44d4b-ac07-4ad4-8cdd-4df771a3c1c3.woff") format("woff");
    }
 @font-face{
        font-family:"austin";
        src:url("fonts/Austin-Light.woff2") format("woff2"),url("fonts/Austin-Light.woff") format("woff");
    }
 @font-face{
        font-family:"austin-italic";
        src:url("fonts/Austin-LightItalic.woff2") format("woff2"),url("fonts/Austin-LightItalic.woff") format("woff");
    }

  @font-face{
        font-family:"futura2-light";
        src:url("fonts/9ad55860-bbe2-4e51-be58-08b45bdda354.woff2") format("woff2"),url("fonts/eceb6e13-403b-4d2b-af74-c05bc9c2535e.woff") format("woff");
    }
/* VARIABLES */

:root {
  --default-font: austin;
  --default-font-size: 18px;
  --default-input-font-size: 50px;

  --col-primary: #151C4F;
  --col-primary-rgb: 21,28,79;

  --col-accent: #000;
  --col-accent-rgb: 0, 0, 0;

  --col-text: #000;
  --col-input: #646464;
  --col-placeholder: #D1D1D1;
  --col-input-bg: #fff;

  --col-button: transparent;
  --col-button-rgb: 255, 255, 255;

  --col-link: #122561;
  --col-link-rgb: 100, 26, 25;

  --col-link-hover: #000000;
  --col-link-hover-rgb: 0, 0, 0;

  --col-error: #ff6633;
  --col-error-rgb: 255, 51, 0;

  --col-attention: #ff6633;
  --col-attention-rgb: 255, 51, 0;

  --col-warning: #f5b00e;
  --col-warning-rgb: 245, 176, 14;

  --col-missing: #ff6633;
  --col-missing-rgb: 255, 51, 0;

  --col-burger: #fff;

  --col-border: #646464;
  --col-border-rgb: 139, 1395, 139;

  --dim-site-width: 1440px;
  --dim-default-space: 80px;
  --dim-input-height: 79px;

  --grid-spacing: 15px;
  --grid-spacing-neg: -15px;
  --grid-spacing-2x: 30px;
  --grid-margin: 50px;
  --grid-margin-neg: -50px;
}

/* theme */

body { font-weight: 300; background-color: #151C4F; font-size: 30px; font-family: austin;}
html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/
p { line-height: 1.5; margin-bottom: 30px; font-size: 18px; font-weight: 300}
p.short  { max-width: 1060px; margin-left: auto; margin-right: auto;}
p.shorter  { max-width: 740px; margin-left: 0; margin-right: auto;}
p.large { font-size: 22px;}
b,strong { font-weight: 700; }
p.larger { font-size: 24px;}
p.lighter { font-weight: 300}

h1, h2, h3, h4, h5, h6 { font-weight: normal; display: block;}
h1 { font-family: futura2; font-size: 30px; line-height: 1.2; margin-bottom: 60px; color: #fff; text-align: center; letter-spacing: 1px}
h2 { font-family: futura2; font-size: 36px;   color: #fff; line-height: 1.1; margin-bottom: 20px; width: 100%; text-transform: uppercase; text-align: center; letter-spacing: 1px;}
h3 { font-size: 50px; font-weight: 700;  line-height: 1.1; margin-bottom: 20px}
h4 { font-size: 36px; font-weight: 700;  line-height: 1.1; margin-bottom: 40px; }
h5 { font-size: 22px; font-weight: 400;  line-height: 1.1; font-family: acumin-pro-extra-condensed; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px;}
h6 { font-size: 22px; font-weight: 400;  line-height: 1.1; font-family: acumin-pro-extra-condensed; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px;}
h2 + h3 { margin-top: -10px;}
h4 { }
h5 { }
h6 { }

/*CONTAINERS*/
article { padding-top: 0px; background: transparent;}
article.no-masthead { padding-top: 100px; }

article > section {max-width: 1440px; padding: 0px; margin: 0px auto;}
article > section.full {max-width: 1440px; }
article > section.max {max-width: 100%; }
article > section.blue { background-color: var(--col-primary); margin-top: -1px; max-width: 100%; }
article > section.spaced { margin: 80px auto;}
article > section.padded { padding-top: 80px; padding-bottom: 80px;}
article > section.masthead { max-width: 100%; margin: 0px auto; padding: 0}
article > section.masthead.masthead-full { max-width: 100%; margin: 0px auto; padding: 0}
div.masthead > a > img, div.masthead > img  { display: block; width: 100%;}

div.content { display: block; width: 100%; padding: 80px 40px}

div.social { display: block; text-align: center; margin-top: 20px; font-size:0}
div.social a { display: inline-block; font-size: 20px; margin: 0 10px; color: #fff; transition: all .3s ease-in}
div.social a:hover { color: #aaa;}

/* OVERLAY */
div.overlay { width: 100vw; height: 100vh; position: fixed; left: 0; top: -200vh; z-index: 999;display: block; transition: opacity .3s ease-in .1s; opacity: 0; background: rgba(0,0,0,0.9); }
div.overlay.active { top: 0; opacity: 1;}
div.overlay > div{ width: 100%; height: 100%; display: block; position: relative; z-index: 3;}
div.overlay div.popup { width: 1180px; display: block; position: relative; z-index: 3; top: 50%; transform: translate3D(0,-50%, 0); max-width: 92%; margin: 0 auto; background: transparent; max-height: 92%; overflow: auto}
div.overlay > img { width: 100%; display: block;}
div.overlay a.close-overlay { position: absolute; display: block; width: 40px; height: 40px; border-radius: 40px; top:25px; right: 25px; z-index: 11; background: url(/img/close.svg) var(--col-primary)  no-repeat center center; background-size: 20px 20px; }


/* ALIGNMENTS */


/*BUTTONS*/
a.btn { background-color: transparent; color: #fff; line-height: 76px; border: 1px solid #fff; border-left: 0; border-right: 0;  padding: 0px; font-size: 30px; display: table; margin: 0 auto 70px; letter-spacing: 1px; text-transform: uppercase; transition: all .3s ease-in}
a.btn:hover { transform: scale(1.15);}

/* COLOURS */
.white { color: #fff !important}

/* CONTENT BLOCKS */

/*CAPTIONS*/

div.grecaptcha-badge { right: -1600px !important}
#ui-datepicker-div { z-index: 999 !important}
table.ui-datepicker-calendar td { font-size: 18px; color: var(--col-primary)}
table.ui-datepicker-calendar td a { color: #000}
table.ui-datepicker-calendar td a.ui-state-highlight { color: var(--col-primary)}
table.ui-datepicker-calendar td.ui-datepicker-today { background: var(--col-primary); color: #fff}
table.ui-datepicker-calendar td.ui-datepicker-today a { color: #fff}
table.ui-datepicker-calendar th { line-height: 2;}
table.ui-datepicker-calendar th span { font-size: 18px;}
.ui-datepicker-title { line-height: 1;}
.ui-datepicker-title span { font-weight: 300; font-size: 24px; }

p.large { font-size: 34px; font-family: austin-italic; color: #fff; text-align: center; margin: 0 auto 60px; }

div.content div.logo  { display: none;}

div.logos { display: block; font-size: 0; width: 100%; text-align: center; overflow: hidden; position:relative;}
div.logos > div { display: inline-block; width: 33.33%; text-align: center; padding: 0 20px; vertical-align: middle; position:relative; }
div.logos div:nth-child(1) img { display: block; margin: 0 auto; width: 222px; top: -300px; opacity: 0; position:relative; }
div.logos div:nth-child(2) img { display: block; margin: 0 auto; width: 276px; top: -300px; opacity: 0; position:relative; }
div.logos div:nth-child(3) img { display: block; margin: 0 auto; width: 166px; top: -300px; opacity: 0; position:relative; }

div.logos.in-view  div:nth-child(1) img {  top: 0px; opacity: 1; transition: all .7s ease-in 0s}
div.logos.in-view  div:nth-child(2) img { top: 0; opacity: 1; transition: all .7s ease-in .2s}
div.logos.in-view  div:nth-child(3) img { top: 0; opacity: 1; transition: all .7s ease-in .4s}

header { background: transparent; position: absolute; }
header.active { position: fixed; z-index: 100;}
footer.active { position: fixed; bottom: 0; left: 0; z-index: 100;}
header div.logo { display: block; margin: 0 auto; width: 13vw; padding-top: 2vw; }
header div.logo img { display: block; width: 100%; position: relative; top: 0; opacity: 1; transition: all 1.4s cubic-bezier(0.075, 0.820, 0.165, 1.000) .5s}
html.loading header div.logo img { top: -400px; opacity: 0; }
footer { padding-top: 50px; }
footer > section {  display: block; width: 100%; padding: 0 180px 50px; position: relative; max-width: 1680px; margin: 0 auto; text-align: center;}
/*footer div.logo { position: absolute; top:0; left: 40px; width: 72px;}*/
/*footer div.logo-right { position: absolute; top:0; right: 40px; width: 160px;}*/
	footer div.logo { position: relative; left: 0; display: inline-block; width: 70px; margin: 0 10px;}
	footer div.logo-right  { right: 0; width: 180px; position: relative; left: 0; display: inline-block;  top: 20px;margin: 0 10px;}

div.disclaimer { display: block; width:100%; max-width: 1000px; margin: 0 auto; padding-top: 20px; text-align: center;}
div.disclaimer p { color: #fff; font-size: 16px;}
div.disclaimer a { color: #fff; font-size: 16px;}

#form-container { position: fixed; top: 0; left: 0; width: 100vw; height:100vh; background: url(/img/banner.jpg) transparent no-repeat center center; background-size: cover; background-blend-mode: multiply; z-index: 99; padding: 220px 0; top: -200vh; opacity: 0;}
#form-container.active { top: 0; opacity: 1; background-color: #151C4F; transition: background .5s ease-in; }
/*#disappear.active { display: none;}*/
#apptForm  { position: relative; margin: 0 auto; width: 100%; max-width: 910px; top: 50%; transform: translate3D(0, -50%, 0); opacity: 0}
#form-container.active #apptForm  { opacity: 1; transition: opacity .5s ease-in}

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { background: transparent; border: 0; border-bottom: 1px solid #fff; line-height: 60px; font-size: 40px; text-align: center; color: #fff; ;}
		*::-webkit-input-placeholder {  text-align: center; font-size: 40px; line-height: 60px; text-transform: uppercase;}
		*::-moz-placeholder {  text-align: center; font-size: 40px; line-height: 60px; text-transform: uppercase;}
		*:-ms-input-placeholder {  text-align: center; font-size: 40px; line-height: 60px; text-transform: uppercase;}

div.radios.standard { display: block; width: 100%; font-size: 0; text-align: center; padding-top: 40px; }
div.radios.standard > label { font-size: 24px; color: #fff; font-family: futura2; display: block; text-align: center; margin-bottom: 20px;}
div.radios.standard div.radio { display: inline-block; width: auto; vertical-align: middle; padding: 0 20px;}
div.radios.standard div.radio label { text-align: center; font-size: 24px; color: #fff; font-family: futura2; padding:0; margin:0; text-transform: uppercase;}
div.radios.standard div.radio label:before { display: none;}
div.radios.standard div.radio label:after  { display: none;}
div.radios.standard div.radio input:checked + label { text-decoration: underline;}

div.checkbox  { display: table; width: auto; vertical-align: middle;margin: 30px auto;}
div.checkbox label {  color: #fff; font-size: 24px; color: #fff; font-family: futura2-light; padding-left: 40px;}
input:checked + label { color: #fff; }
div.checkbox label:before { border: 1px solid #fff; width: 24px; height: 24px;}
div.checkbox input:checked + label:before { background-image: url(/lib/img/white/checkmark.svg)}

button[type="submit"] { background-color: transparent; color: #fff; line-height: 76px; border: 1px solid #fff; border-left: 0; border-right: 0;  padding: 0px; font-size: 30px; display: table; margin: 50px auto 0px; letter-spacing: 1px; text-transform: uppercase; font-family: austin;}
button[type="submit"]:hover { background-color: transparent; }

form { margin-top: 0px} 
div.registration form > p  { text-align: center; color: #fff; font-size: 24px; font-family: austin-italic}

a.close-form { position: absolute; display: block; width: 40px; height: 40px; border-radius: 40px; top:25px; right: 25px; z-index: 11; background: url(/img/close.svg) var(--col-primary)  no-repeat center center; background-size: 20px 20px; opacity: 0; right: -100px;}
a.close-form.active { opacity: 1; transition: opacity .3s ease-in .5s; right: 25px;}

input:-internal-autofill-selected { background-color: transparent !important;color: #fff !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

form {max-height: 100vh; overflow: auto; opacity: 1;}
form.form-done { display: block !important; opacity: 0; max-height: 0 !important; overflow: hidden; transition: opacity 1.3s ease-in, max-height 0.01s ease-in 1.3s;}
div.reveal-response p { color: #fff; font-family: austin-italic;  font-size: 30px;}
div.inline-response { height: auto; position: fixed; top: 0; left: 0; text-align: center; transition: all .5s ease-in 1.3s; width: 100%;}
div.reveal-response { top: 50%; transform: translate3D(0, -50%, 0);}


/*TRANSITIONS*/

.puff-in-center { -webkit-transform: scale(2); transform: scale(2);-webkit-filter: blur(4px);filter: blur(4px);opacity: 0;}
.in-view .puff-in-center { -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;	  animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; }
.slide-in-bottom {	  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0;}
.in-view.slide-in-bottom {	opacity: 1; animation: slide-in-bottom 1.2s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}
.in-view .slide-in-bottom {	opacity: 1;  animation: slide-in-bottom 1.2s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}
.slide-in-bottom-early {	  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0;}
.in-view.slide-in-bottom-early {opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}
.in-view .slide-in-bottom-early {opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}

.js-animate h2 {   -webkit-filter: blur(12px);            filter: blur(12px);    opacity: 0;}
.js-animate.in-view h2 { -webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	        animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.slide-in-bottom-early.in-view h2 { -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.text-focus-in {	-webkit-filter: blur(12px); filter: blur(12px); opacity: 0;}
.in-view .text-focus-in {	-webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	        animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.scale-in-center {   transform: scale(0); opacity: 1;}
.in-view .scale-in-center {-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

div.grid-animate > div {             transform: rotateY(-80deg);    opacity: 0;}
.in-view div.grid-animate > div {	animation: flip-in-ver-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.in-view .tilt-in-bottom-1 {	-webkit-animation: tilt-in-bottom-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-bottom-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: .4s}
div.content p, div.logos { top: 400px; transition: all .6s ease-in; position: relative;}
div.content a, div.logos { top: 500px; transition: all .9s ease-in; position: relative;}
.in-view div.content p, .in-view div.content a, .in-view div.logos { top: 0}

div.field.missing span.error-message { top: auto; bottom: -12px; right: 10px;}

@media only screen and (max-width: 1600px) {
	div.content { display: block; width: 100%; padding: 80px 80px}
	h1 { font-size: 30px; line-height: 1.2; margin-bottom: 50px; }
	p.large { font-size: 30px}
}

@media only screen and (max-width: 1480px) {
/*footer div.logo-right { right: 30px; }*/

footer > section {  padding: 0 140px 30px; }
/*footer div.logo { left: 30px; width: 62px;}*/
div.disclaimer { padding-top: 20px; }
div.disclaimer p { font-size: 14px;}
div.disclaimer a { font-size: 14px;}

}
@media only screen and (max-width: 1280px) {


}
@media only screen and (max-width: 1180px) {
div.logos div:nth-child(1) img { width: 142px; }
div.logos div:nth-child(2) img { width: 186px; }
div.logos div:nth-child(3) img { width: 110px; }
h1, p.large { font-size: 24px;}
}
@media only screen and (max-width: 980px) {
	div.content { display: block; width: 100%; padding: 50px 40px}
	h1 { font-size: 24px; line-height: 1.2; margin-bottom: 30px; }
	p.large { font-size: 24px}

/*div.disclaimer { padding-top:0}*/
footer > section {  padding: 0 20px 30px; }
/*footer div.logo { left: 20px; width: 48px;}*/
/*footer div.logo-right { right: 20px; width: 150px;}*/


}

@media only screen and (max-width: 880px) {
	h1, p.large { font-size: 20px; }

}

@media only screen and (max-width: 760px) {
	h1, p.large { font-size: 18px; }

}

@media only screen and (max-width: 660px) {
	h1, p.large { font-size: 16px; }
}

@media only screen and (max-width: 600px) {
	h1 { line-height: 1.33;}
	h1 { font-size: 14px; }
	h2 { font-size: 14px; }
	p.large { font-size: 17px; }
	div.content { padding: 50px 20px}

/*	div.content div.logo { width: 140px; margin: 0 auto 40px; display: block;}*/
/*	header:not(.active) div.logo { display: none;}*/
	header:not(.active) {position: relative; padding-bottom: 30px; }
	header:not(.active) div.logo { width: 120px; padding-top: 30px}
}

@media only screen and (max-width: 540px) {
/*	h1, p.large { font-size: 12px; }*/
}

@media only screen and (max-width: 480px) {
/*	h1, p.large { font-size: 10px; }*/
}


@media only screen and (max-height: 1300px) {
		input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 50px; font-size: 32px; min-height: 70px}
				*::-webkit-input-placeholder {  text-align: center; font-size: 32px; line-height: 50px; }
				*::-moz-placeholder {  text-align: center; font-size: 32px; line-height: 50px; }
				*:-ms-input-placeholder {  text-align: center; font-size: 32px; line-height: 50px; }

		div.radios.standard { padding-top: 40px; }
		div.radios.standard > label { font-size: 18px; margin-bottom: 20px;}
		div.radios.standard div.radio { padding: 0 20px;}
		div.radios.standard div.radio label { font-size: 18px; }

		div.checkbox  { margin: 30px auto;}
		div.checkbox label {  font-size: 18px; padding-left: 30px;}
		div.checkbox label:before { width: 20px; height: 20px;}
		button[type="submit"] { line-height: 60px; font-size: 24px; margin: 30px auto 0px; letter-spacing: 1px; }
		div.registration form > p  { font-size: 20px; }

		h2 { font-size: 32px; margin-bottom: 15px}

		header.active div.logo { width: 240px; padding-top: 20px}

}

@media only screen and (max-height: 1100px) {
/*		input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 40px; font-size: 26px; }*/
/*				*::-webkit-input-placeholder {  text-align: center; font-size: 26px; line-height: 40px; }*/
/*				*::-moz-placeholder {  text-align: center; font-size: 26px; line-height: 40px; }*/
/*				*:-ms-input-placeholder {  text-align: center; font-size: 26px; line-height: 40px; }*/

		div.radios.standard { padding-top: 30px; }
		div.radios.standard > label { font-size: 18px; margin-bottom: 15px;}
		div.radios.standard div.radio { padding: 0 20px;}
		div.radios.standard div.radio label { font-size: 18px; }

		div.checkbox  { margin: 30px auto;}
		div.checkbox label {  font-size: 18px; padding-left: 30px;}
		div.checkbox label:before { width: 20px; height: 20px;}
		button[type="submit"] { line-height: 60px; font-size: 24px; margin: 30px auto 0px; letter-spacing: 1px; }
		div.registration form > p  { font-size: 18px; }

		h2 { font-size: 28px; margin-bottom: 15px}

		header.active div.logo { width: 200px; padding-top: 20px}

}
@media only screen and (max-height: 1000px) {
	footer.active { padding-top: 20px;}
	#form-container { padding: 150px 0; }
/**/
/*		input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 34px; font-size: 20px; }*/
/*				*::-webkit-input-placeholder {  text-align: center; font-size: 20px; line-height: 34px; }*/
/*				*::-moz-placeholder {  text-align: center; font-size: 20px; line-height: 34px; }*/
/*				*:-ms-input-placeholder {  text-align: center; font-size: 20px; line-height: 34px; }*/

		div.radios.standard { padding-top: 20px; }
		div.radios.standard > label { font-size: 16px; margin-bottom: 15px;}
		div.radios.standard div.radio { padding: 0 20px;}
		div.radios.standard div.radio label { font-size: 16px; }

		div.checkbox  { margin: 20px auto;}
		div.checkbox label {  font-size: 16px; padding-left: 30px;}
		div.checkbox label:before { width: 20px; height: 20px;}
		button[type="submit"] { line-height: 50px; font-size: 20px; margin: 30px auto 0px; letter-spacing: 1px; }
		div.registration form > p  { font-size: 16px; }

		h2 { font-size: 24px; margin-bottom: 10px}

		header.active div.logo { width: 140px; padding-top: 20px}

}
@media only screen and (max-height: 1000px) {
footer > section { padding-bottom: 20px; }
/*footer div.logo { width: 60px;}*/
/*footer div.logo-right { width: 120px;}*/
}

@media only screen and (max-height: 900px) {
	footer.active { display: none;}
	#form-container {padding: 120px 20px 70px; }

	div.field { margin-bottom: 10px}


	input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 50px; font-size: 18px; min-height: 50px}
			*::-webkit-input-placeholder {  text-align: center; font-size: 18px; line-height: 50px; }
			*::-moz-placeholder {  text-align: center; font-size: 18px; line-height: 50px; }
			*:-ms-input-placeholder {  text-align: center; font-size: 18px; line-height: 50px; }

	div.radios.standard { padding-top: 20px; }
	div.radios.standard > label { font-size: 16px; margin-bottom: 15px;}
	div.radios.standard div.radio { padding: 0 20px;}
	div.radios.standard div.radio label { font-size: 16px; }

	div.checkbox  { margin: 20px auto;}
	div.checkbox label {  font-size: 16px; padding-left: 30px;}
	div.checkbox label:before { width: 20px; height: 20px;}
	button[type="submit"] { line-height: 50px; font-size: 20px; margin: 15px auto 0px; letter-spacing: 1px; }
	div.registration form > p  { font-size: 16px; margin-bottom: 10px}

	h2 { font-size: 14px; margin-bottom: 10px}

	header.active div.logo { width: 120px;}

}
@media only screen and (max-height: 700px) {
#apptForm { max-width: 600px}
	input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 32px; font-size: 18px; min-height: 32px}
			*::-webkit-input-placeholder {  text-align: center; font-size: 18px; line-height: 32px; }
			*::-moz-placeholder {  text-align: center; font-size: 18px; line-height: 32px; }
			*:-ms-input-placeholder {  text-align: center; font-size: 18px; line-height: 32px; }
button[type="submit"] { line-height: 40px;}
}

@media only screen and (max-height: 540px) {
	#form-container.active #apptForm { max-height: 60vh; overflow: auto}
}
@media only screen and (min-width: 601px) {
/*	p.large br { display: none}*/
}
@media only screen and (max-width: 600px) {

div.logos div:nth-child(1) img { width: 71px; }
div.logos div:nth-child(2) img { width: 88px; }
div.logos div:nth-child(3) img { width: 53px; }
div.logos div {padding: 0 10px}

	footer > section {  padding: 0 60px 30px; }
	footer div.logo { position: relative; left: 0; display: inline-block; width: 50px; margin: 0 10px;}
	footer div.logo-right  { right: 0; width: 144px; position: relative; left: 0; display: inline-block; width: 120px;  top: 10px;margin: 0 10px;}
	div.disclaimer { padding-top: 20px; max-width: 100%;}

	div.content { padding-bottom: 20px}

a.btn  { font-size: 20px; line-height: 60px; margin-bottom: 40px; margin-top: -20px}

}