@font-face {
  font-family: 'trade_gothic_lt_stdBdCnno.20';
  src: url("/sites/all/themes/goldline/fonts/tradegothicltstd-bdcn20-webfont.eot");
  src: url("/sites/all/themes/goldline/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix") format("embedded-opentype"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-bdcn20-webfont.woff") format("woff"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-bdcn20-webfont.ttf") format("truetype"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-bdcn20-webfont.svg#trade_gothic_lt_stdBdCnno.20") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'trade_gothic_lt_stdCnno.18';
  src: url("/sites/all/themes/goldline/fonts/tradegothicltstd-cn18-webfont.eot");
  src: url("/sites/all/themes/goldline/fonts/tradegothicltstd-cn18-webfont.eot?#iefix") format("embedded-opentype"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-cn18-webfont.woff") format("woff"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-cn18-webfont.ttf") format("truetype"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-cn18-webfont.svg#trade_gothic_lt_stdCnno.18") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'trade_gothic_lt_stdregular';
  src: url("/sites/all/themes/goldline/fonts/tradegothicltstd-webfont.eot");
  src: url("/sites/all/themes/goldline/fonts/tradegothicltstd-webfont.eot?#iefix") format("embedded-opentype"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-webfont.woff") format("woff"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-webfont.ttf") format("truetype"), 
url("/sites/all/themes/goldline/fonts/tradegothicltstd-webfont.svg#trade_gothic_lt_stdregular") format("svg");
  font-weight: normal;
  font-style: normal; }

BODY {
	font-family: Arial;
	font-size:15px;
	line-height:20px;
	background-color:#959595;;
}

H1 {
	font-family: "trade_gothic_lt_stdCnno.18",arial;
	font-size:24px;
	line-height:28px;
}

SUP {
	vertical-align:3px;
}
header {
	width:960px;
	margin:0px auto;
	clear:both;
}
.GLlogo {
	display:block;
	float:left;
	width: 230px;
	height: 85px;
	background: url("/d/files/templates/ai01/gl.png") no-repeat 0px 0px;
}
.GLphone {
	position: relative;
	display: block;
	float: right;
	width: 230px;
	height: 40px;
	background: url("/d/files/templates/ai01/phone_bg.png") no-repeat 0px 0px;
	margin-top: 20px;
}
.GLphone P {
	font-family: arial;
	font-decoration:none;
	display: block;
	text-align: center;
	width: 180px;
	height: 30px;
	position: absolute;
	top: 0px;
	margin: 10px 5px 0px 40px;
	color: white;
	font-size: 23px;
	font-weight: bold;
	overflow: hidden;
}
.contentWrapper {
	display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	/* TWEENER - IE 10 */
	display: -webkit-flex;	/* NEW - Chrome */
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	clear:both;
	width:960px;
	margin:0px auto;
	background-color:#fff;
}
footer  {
	width:960px;
	margin:0px auto;
}
footer A {
	color:darkblue;
}
footer A:hover {
	color:lightblue;
}
.banner {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;

	float:left;
	display:block;
	width:620px;
	overflow:hidden;
	height:auto;
}
.content {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;

	display:block;
	width:620px;
	float:left;
	vertical-align:top;
	align-self:flex-start;
}
.formWrapper {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
	z-index: 20;

	width:340px;
	height:auto;
	margin:-270px 0px 0px 0px;
}
.formBG {
	background-color:#ffde05;
	display:inherit;
}
.formInner {
	font-size:13px;
	display:block;
	margin:10px auto 10px auto;
}
.kitInner {
	display:block;
	width:100%;
	height:100%;
	padding:10px 25px;
}
.form_text, .form_phone {
	font-family: "trade_gothic_lt_stdCnno.18",arial;
	text-align:center;
	font-size:20px;
}
.form_text {margin-bottom:10px;}
.form_ikit {
	padding:20px;
}
.form_ikit SPAN {
	display:block;
	width:60%;
	float:left;
}
.form_ikit LABEL {
	display:block;
	float:left;
	text-align:left;
	width:30%;
}
.form_ikit INPUT {
	height:20px;
	width:100%;
}
.form_ikit DIV {
	display:block;
	overflow:hidden;
	width:90%;
	margin:0px auto 10px auto;
	clear:both;
}
.form_ikit .confirm INPUT {
	width:15px;
}

.form_ikit .confirm SPAN {
	float:left;
	width:35px;
}

.form_ikit .confirm LABEL {
	width:85%;
	padding:5px 0px 10px 0px;
	float:right;
}

.form_ikit .submit, .form_ikit .submit INPUT {
	width:105px;
	height:29px;
}

.thankyou {display:block; width:860px;/*height:250px;*/padding:50px; margin:0px auto;}
.thankyou .convkit {float:left;} 
.thankyou .tyhead,.thankyou .tycall {font-family: "trade_gothic_lt_stdCnno.18",Arial;}
.thankyou .tyhead {display:block; color:#000; font-size:38px; line-height:45px; font-weight:bold; float:left; padding-left:30px; width:385px;}
.thankyou .tybody {display:block; color:#000; font-size:17px; line-height:28px; font-weight:normal; float:left; padding-left:30px; width:450px;}
.thankyou .tybody a {float:right; clear:none; width:auto; display:inline;}
.thankyou .tybody IMG {display: inline;margin:0px;}
.thankyou .tycall {clear:both; color:#000; font-size: 24px; font-weight:bold; text-align:center; padding-top:30px;}

.thankyou .tybadges {display:block;clear:both; color:#000; font-size:24px; font-weight:bold;overflow:hidden;width:420px;margin:30px auto 0 auto;}
  .tybadges {width:460px;margin:30px auto 10px auto;}
  .tybadges .badge {display:block;float:left;}
  .tybadges .badge img {padding:0;border:0;}
  .tybadges .badge-left img {float:right;margin:0;}
  .tybadges .badge-right img {float:left;margin:0;}
  .tybadges .badge-left a {margin:0 auto;display:block;}


.extend { display:block; width:920px; clear:both; }

@media screen and (max-width: 959px) {
	.contentWrapper {
		clear:both;
		width:auto;
	}
	header {
		width:100%;
	}
	.banner {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;

		width:100%;
		height:auto;
	}
	.banner IMG {
		width:100%;
	}
	.content {

		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;

		width:100%;
	}
	.formWrapper {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;

		background-color:#ffde05;
		width:100%;
		margin:0px;
	}
	.form_ikit {
		padding:10px 10px 0px 10px;
	}
	.formBG {
		background-color:#ffde05;
		display:block;
		min-height:350px;
	}
	.kitInner {
		float:left;
		width:50%;
		padding:80px 0 0 5px;
		text-align:center;
	}
	.formInner{
		float:right;
		width:50%;
	}
	footer{
		width:100%;
	}
	.thankyou {display:block; padding:20px 0px; margin:0px; height:auto;width:100%;}
	.thankyou .convkit {display:block;float:none; margin:0px auto; text-align:center; width:40%; max-width:320px;}
	.thankyou .tyhead {display:block; color:#000; font-size:30px; line-height:35px; font-weight:bold; float:left; width:90%; padding: 10px 40px; text-align:center;}
	.thankyou .tybody {display:block; color:#000; font-size:17px; line-height:28px; font-weight:normal; float:left; width:90%; padding: 10px 40px;}
	.thankyou .tycall {display:block; color:#000; font-size: 24px; line-height:28px; font-weight:bold; float:center; margin:40px 40px 10px 40px;clear:both;width:auto; padding:0px;}
	.thankyou .tybody a {clear:both;float:center;width: 100%;display: block;}
	.thankyou .tybody IMG {display: block;margin:10px auto 20px auto;}

	.extend { width:100%;}
}

@media screen and (max-width: 620px) {
	.GLlogo {
		display:block;
		float:left;
		width: 100px;
		height:40px;
		background: url("/d/files/templates/ai01/gl.png") no-repeat 0px 0px;
		background-size:100%;
		margin:0px;
	}
	.GLphone {
		position: relative;
		display: block;
		float: right;
		width: 180px;
		background: url("/d/files/templates/ai01/phone_bg.png") no-repeat 0px 0px;
		background-size:100%;
		margin-top: 5px;
	}
	.GLphone P {
		display: block;
		text-align: center;
		width: 140px;
		height: 25px;
		position: absolute;
		top: 0px;
		margin: 5px 5px 5px 35px;
		color: white;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
	}
        .formBG {
            background-color: #ffde05;
            display: block;
            min-height: 350px;
        }
	.kitInner {
                height:220px !important;
                width:100% !important;
                margin:0 auto;
                padding:15px 0;
		display:block;
	}
        .kitInner img {display:block;margin:0 auto;}
	.formInner {
		width:100%;
	}
	.thankyou .tyhead {padding:5px 10px;}
	.thankyou .tybody {padding:5px 10px; text-align:center;}
        .thankyou .tybadges,
        .tybadges {width:240px;margin:20px auto 0 auto;}
        .tybadges .badge {width:100%;float:left;}
        .tybadges .badge:nth-child(1) {margin-bottom:15px;}
}
