html {
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

div {
	margin: 0;
	padding: 0;
	position: absolute;
}

#main {
	border: 1px solid #000;
	width: 300px;
	height: 600px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f2f1ef;
	/*cursor: pointer;*/
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:  none;
}

#replaybutton {
	z-index: 10000;
	cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;
	padding: 5px;
	/*background: url(icon_replay.png) center center no-repeat;*/
	background: url(sprites.png) no-repeat;
	background-position: -82px 8px;
	bottom: 0;
	left: -1px;
	display: none;
}

#logobutton {
	width: 300px;
	height: 83px;
	background: #0FF;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

.logoframe {
	/*background: url(logo.png) #092e23 center no-repeat;*/
	background: url(sprites.png) no-repeat;
	background-position: -110px 0;
	width: 202px;
	height: 27px;
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 27px;
	margin: 0 auto;
}

.btn {
	width: 185px;
	height: 35px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 37px;
	background: #ab8421;
	font-family:'Garamond-Premier-Medium';
}

.btn-outline {
	border: 1px solid #d1d0cb;
	text-align: center;
	/*font-weight: 600;*/
	letter-spacing: 0.025em;
	cursor: pointer;
	color: #000;
	opacity: 1;
}

.btn-outline-highlight {
	border: 1px solid #ab8421;
	/*border: 1px solid #d19d1c;*/
	text-align: center;
	/*font-weight: 600;*/
	letter-spacing: 0.025em;
	cursor: pointer;
	color: #ab8421;
	/*color: #d19d1c;*/
	opacity: 1;
}

.btn-outline-2 {
	border: 1px solid #d1d0cb;
	text-align: center;
	/*font-weight: 600;*/
	letter-spacing: 0.025em;
	/*cursor: pointer;*/
	cursor: default !important;
	color: #000;
	opacity: 0.5;
}

.btn-outline-solid {
	/*border: 1px solid #ab8421;
	background: #ab8421;*/
	border: 1px solid #d19d1c;
	background: #d19d1c;
	text-align: center;
	letter-spacing: 0.025em;
	cursor: pointer;
	color: #fff;
	opacity: 1;
}


.btn-modal {
	width: 185px;
	height: 35px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 37px;
	background: #ab8421;
	font-family:'Garamond-Premier-Medium';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.golddivider {
	width: 105px;
	border-top: 1px solid #ab8421;
	position: absolute;
	top: 72px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}

.graydivider {
	width: 288px;
	border-top: 1px solid #d1d0cb;
	position: relative;
	/*left: 0;
	right: 0;
	margin: auto;*/
	left: 5px;
}

.graydivider2 {
	width: 250px;
	border-top: 1px solid #d1d0cb;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}


/* Frame 1 */
#frame1 {
	width: 100%;
	height: 100%;
	background: #092e23;
	text-align: center;
	font-family:'Garamond-Premier-Display';
	position: absolute;
}
	#c1 {
		color: #fff;
		font-size: 32px;
		line-height: 32px;
		width: 100%;
		position: absolute;
		top: 101px;
		left: 1px;
		padding: 0;
		margin: 0;
		text-align:  center;
	}
	#c2 {
		color: #fff;
		font-size: 20px;
		width: 100%;
		position: absolute;
		top: 177px;
	}
	#frame1photo {
		background: url(image.jpg) no-repeat;
		width: 100%;
		height: 283px;
		position: absolute;
		top: 217px;
	}
	#frame1button {
		width: 185px;
		position: absolute;
		top: 532px;
		left: 0;
		right: 0;
		margin: auto;
	}
		
		
/* Frame 2 */
#frame2 {
	width: 100%;
	height: 100%;
	background: #092e23;
	text-align: center;
	font-family:'Garamond-Premier-Display';
	position: absolute;
	display: none;
}			
	#c3 {
		color: #fff;
		font-size: 24px;
		line-height: 24px;
		width: 100%;
		position: absolute;
		top: 95px;
	}
	#d1 {
		color: #fff;
		font-size: 36px;
		line-height: 36px;
		width: 100%;
		position: absolute;
		top: 120px;
	}
	#d1 sup {
		font-size: 18px;
	}
	#d1 span {
		font-size: 11px;
		font-family: 'NeueHaasUnicaProLight';
	}
	#frame2calculator {
		background: #f2f1ef;
		width: 300px;
		height: 413px;
		position: absolute;
		top: 187px;		
	}
		#l1{
			width: auto;
			height: 38px;
			text-align: center;
			/*line-height: 38px;*/
			font-size: 14px;
			font-family:'Garamond-Premier-Medium';
			position: absolute;
			left: 91px;
			top: 8px;
			padding: 0;
			margin: 0;
		}
			#l1 img {
				cursor: pointer;
				position: absolute;
				left: 103px;
			}
		#fixedratesbutton {
			position: absolute;
			top: 34px;
			left: 5px;
			width: 142px;
			height: 35px;
			line-height: 37px;
			font-size: 15px !important;
			/*font-weight: bold;*/
			font-family:'Garamond-Premier-Display' !important;
		}
		#variableratesbutton {
			position: absolute;
			top: 34px;
			right: 7px;
			width: 142px;
			height: 35px;
			line-height: 37px;	
			font-size: 15px !important;
			/*font-weight: bold;*/
			font-family:'Garamond-Premier-Display' !important;
		}	
		#l2 {
			position: absolute;
			top: 76px;
			width: 300px;
			height: 41px;
			text-align: center;
			line-height: 41px;
			font-size: 14px;
			font-family:'Garamond-Premier-Medium';
		}
			#l2 #apr {
				cursor: pointer;
				color: #ab8421;
			}
			#l2 #apr sup {
				font-size: 10px;
			}
		#r1, #r2, #r3, #r4 {
			cursor: pointer;
			position: absolute;
			top: 117px;
			width: 72px;
			height: 80px;
			text-align: center;
			font-family:'Garamond-Premier-Medium';
		}

		#r1 { left: 5px; }
		#r2 { left: 77px; }
		#r3 { left: 149px; }
		#r4 { right: 7px; }
		#rv1 p, #rv2 p, #rv3 p, #rv4 p {
			padding: 0;
			margin: 0;
		}
		#rv1 span, #rv2 span, #rv3 span, #rv4 span {
			padding: 0;
			margin: 0;
			font-size: 18px;
			position: relative;
			top: -8px;
		}
		#rv1 span span, #rv2 span span, #rv3 span span, #rv4 span span {
			padding: 0;
			margin: 0;
			font-size: 10px;
			position: relative;
			top: -8px;
		}
		#l3{
			position: absolute;
			top: 214px;
			width: 300px;
			height: 35px;
			text-align: center;
			line-height: 35px;
			font-size: 14px;
			font-family:'Garamond-Premier-Medium';
		}
		.rval {
			width: 71px;
			height: 60px;
			color: #000;
			border: none;
			border-top: 1px solid #f2f1ef;
			border-left: 1px solid #f2f1ef;
			border-right: 1px solid #f2f1ef;
			box-sizing: border-box;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 28px;
			line-height: 60px;
			font-family:'Garamond-Premier-Display';
		}

		.rval-v {
			width: 71px;
			height: 40px;
			color: #000;
			border: none;
			border-top: 1px solid #f2f1ef;
			border-left: 1px solid #f2f1ef;
			border-right: 1px solid #f2f1ef;
			box-sizing: border-box;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 28px;
			/*line-height: 40px;*/
			font-family:'Garamond-Premier-Display';
			padding-top: 5px;
		}

		.rval-highlight {
			width: 71px;
			height: 60px;
			color: #ab8421;
			border-top: 1px solid #ab8421;
			border-left: 1px solid #ab8421;
			border-right: 1px solid #ab8421;
			box-sizing: border-box;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 28px;
			line-height: 60px;
			font-family:'Garamond-Premier-Display';			
		}

		.rval-highlight-v {
			width: 71px;
			height: 40px;
			color: #ab8421;
			border-top: 1px solid #ab8421;
			border-left: 1px solid #ab8421;
			border-right: 1px solid #ab8421;
			box-sizing: border-box;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 28px;
			/*line-height: 40px;*/
			font-family:'Garamond-Premier-Display';
			padding-top: 5px;

		}

		.ryrs {
			position: absolute;
			top: 60px;
			width: 71px;
			height: 20px;
			color: #000;
			background: #d1d0cb;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 12px;
			/*letter-spacing: 0.15em;*/
			line-height: 20px;
			/*font-weight: bold;*/
			font-family: sans-serif;		
		}

		.ryrs-v {
			position: absolute;
			top: 40px;
			width: 71px;
			height: 20px;
			color: #000;
			background: #d1d0cb;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 12px;
			/*letter-spacing: 0.15em;*/
			line-height: 20px;
			/*font-weight: bold;*/
			font-family: sans-serif;		
		}

		.ryrs-highlight {
			position: absolute;
			top: 60px;
			width: 71px;
			height: 20px;
			color: #fff;
			background: #ab8421;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 12px;
			/*letter-spacing: 0.15em;*/
			line-height: 20px;
			/*font-weight: bold;*/
			font-family: sans-serif;		
		}

		.ryrs-highlight-v {
			position: absolute;
			top: 40px;
			width: 71px;
			height: 20px;
			color: #fff;
			background: #ab8421;
			padding: 0;
			margin: 0 auto;
			text-align: center;
			font-size: 12px;
			/*letter-spacing: 0.15em;*/
			line-height: 20px;
			/*font-weight: bold;*/
			font-family: sans-serif;		
		}

		#variableratelegal {
			position: absolute;
			padding: 0;
			margin: auto;
			top: 182px;
			left: 0;
			right: 0;
			color: #7c7c7b;
			font-family: 'NeueHaasUnicaProLight';
			font-size: 10px;
			line-height: 12px;
			display: none;
		}

		#gd1 { top: 80px; }
		#gd2 { top: 211px; }
		#gd3 { top: 331px; }
		
		#amount {
			width: 300px;
			position: absolute;
			top: 239px;
			padding: 0;
			margin: 0;
			color: #000;
			text-align: center;
			font-size: 55px;
			font-family:'Garamond-Premier-Display';
			letter-spacing: -2px;
		}
			#amount sup {
				font-size: 30px;
			}
		#minusbutton {
			position: absolute;
			top: 255px;
			left: 28px;
			cursor: pointer;
			width: 26px;
			height: 26px;
			/*background: url(icon_minus.png) no-repeat;*/
			background: url(sprites.png) no-repeat;
			background-position: -1px -117px;
		}
		#plusbutton {
			position: absolute;
			top: 255px;
			right: 29px;
			cursor: pointer;
			width: 26px;
			height: 26px;
			/*background: url(icon_plus.png) no-repeat;*/
			background: url(sprites.png) no-repeat;
			background-position: -1px -184px;
		}
		#slider {
			width: 300px;
			height: 20px;
			top: 298px;
			padding: 0;
			margin: 0;
			position: absolute;
		}
			#slider_drag {
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background-color: #fff;
				border: 2px solid #ab8421;
				position: absolute;
				cursor: pointer;
				padding: 0;
				top: 2px;
				margin: 0 55px 0 46px;
			}	
			#slider_bar {
				width: 195px;
				height: 5px;
				background-color: #d1d0cb;
				position: absolute;
				top: 10px;
				left: 0;
				right: 0;
				padding: 0;
				margin: 0 55px 0 50px;
			}		
			#slider_progress {
				width: 20px;
				height: 5px;
				background-color: #ab8421;
				position: absolute;
				top: 10px;
				left: 0;
				right: 0;
				padding: 0;
				margin: 0 55px 0 50px;
			}		
	#frame2button {
		width: 185px;
		position: absolute;
		top: 532px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#seeterms {
		color: #ab8421;
		font-family:'Garamond-Premier-Medium';
		font-size: 12px;
		position: absolute;
		top: 576px;
		left: 0;
		right: 0;
		margin: auto;
		cursor: pointer;
	}


/* Frame 3 */
#frame3 {
	width: 100%;
	height: 100%;
	background: #092e23;
	text-align: center;
	font-family:'Garamond-Premier-Display';
	position: absolute;
	display: none;
}			
	#frame3photo {
		background: url(image.jpg) no-repeat;
		width: 100%;
		height: 206px;
		position: absolute;
		top: 81px;
		z-index: 0;
	}
	#pagination {
		/*background: url(pagination_1.png) no-repeat;*/
		background: url(sprites.png) no-repeat;
		background-position: -50px -50px;
		width: 100%;
		height: 32px;
		position: absolute;
		top: 270px;
	}
	#frame3questions {
		background: #f2f1ef;
		width: 100%;
		height: 312px;
		position: absolute;
		top: 288px;
	}
		#question {
			position: absolute;
			width: 300px;
			height: 165px;
			text-align: center;
			padding: 0;
			font-size: 28px;
			color: #4b4b4b;
		}
		#question p {
			position: absolute;
			/*padding: 0 15px;*/
			padding: 0 5px;
			top: 50%;
			left: 50%;
			margin: 0;
			margin-right: -50%;
			transform: translate(-50%, -50%)
		}
		#whydo, #whydozip {
			color: #ab8421;
			font-family:'Garamond-Premier-Medium';
			font-size: 12px;
			font-weight: 500;
			position: absolute;
			top: 269px;
			left: 0;
			right: 0;
			margin: auto;
			cursor: pointer;
		}
		#yesbutton {
			position: absolute;
			top: 162px;
			left: 4px;
			width: 143px;
			height: 40px;
			line-height: 42px;	
			font-size: 15px;
		}
		#nobutton {
			position: absolute;
			top: 162px;
			right: 4px;
			width: 143px;
			height: 40px;
			line-height: 42px;	
			font-size: 15px;
		}
	#frame3zip {
		background: #f2f1ef;
		width: 100%;
		height: 312px;
		position: absolute;
		top: 288px;
		display: none;
	}
		#zipquestion {
			position: absolute;
			width: 300px;
			height: 160px;
			text-align: center;
			padding: 0;
			font-size: 28px;
			color: #4b4b4b;
		}
		#zipquestion p {
			position: absolute;
			padding: 0 15px;
			top: 48px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		#inputzip {
			position: absolute;
			top: 116px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		#inputzip input {
			width: 185px;
			font-size: 18px;
			color: #93918e;
			background: none;
			text-align: center;
			border: none;
			outline: none;
			border-bottom: 1px solid #d1d0cb;
			padding-bottom: 5px;
			font-family:'Garamond-Premier-Medium';
		}
		#submitbutton {
			position: absolute;
			top: 162px;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 185px;
			height: 35px;
			line-height: 37px;
		}
	#frame3preloader {
		background: #f2f1ef;
		width: 100%;
		height: 314px;
		position: absolute;
		top: 287px;
		display: none;
	}
		#preloader {
			position: absolute;
			top: 160px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		#preloadermessage {
			position: absolute;
			width: 300px;
			height: 160px;
			text-align: center;
			padding: 0;
			font-size: 28px;
			color: #3c3c3c;
			font-family:'Garamond-Premier-Medium';
		}
		#preloadermessage p {
			position: absolute;
			padding: 0 15px;
			top: 45px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
#frame4 {
	width: 100%;
	height: 100%;
	background: #092e23;
	font-family:'Garamond-Premier-Display';
	position: absolute;
	display: none;
}
	#frame4resolve {
		background: #f2f1ef;
		width: 100%;
		height: 517px;
		position: absolute;
		top: 83px;
	}
	#results {
		position: absolute;
		width: 286px;
		height: 151px;
		background: #092e23;
		top: 6px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
		#c4 {
			position: absolute;
			width: 286px;
			color: #fff;
			font-size: 18px;
			font-family:'Garamond-Premier-Medium';
			text-align: center;
			top: 10px;
		}
		#c5 {
			position: absolute;
			width: 286px;
			color: #fff;
			font-size: 28px;
			font-family:'Garamond-Premier-Medium';
			text-align: center;
			top: 35px;
		}
			#c5 sup {
				font-size: 17px;
			}
			#c5 span {
				font-size: 14px;
				font-family: 'NeueHaasUnicaProLight';
			}
		#b1, #b2, #b3 {
			position: absolute;
			width: 85px;
			top: 76px;
		}
		#b1 p, #b2 p, #b3 p {
			margin: 0;
			padding: 0;
			color: #fff;
			font-size: 12px;
			font-family: 'NeueHaasUnicaProLight';
			text-align: center;			
		}
		#b1 {
			left: 12px;
		}
		#b2 {
			left: 101px;
		}
		#b3 {
			left: 190px;
		}
		#b1 #loanamount, #b2 #fixedrate, #b3 #term {
			position: relative;
			top: 3px;
			height: 38px;
			font-size: 20px;
			line-height: 41px;
			font-family:'Garamond-Premier-Medium';
			text-align: center;
			/*padding: 6px 2px;
			margin-top: 4px;*/
			border: 1px solid #166d3c;						
		}
		#b1 #loanamount span, #b2 #fixedrate span {
			font-size: 12px;
			position: relative;
			top: -5px;
		}
		/*#b1 #loanamount sup, #b2 #fixedrate sup, #b3 #term sup {
			font-size: 12px;
		}*/
	#meet {
		color: #4b4b4b;
		font-size: 26px;
		font-family:'Garamond-Premier-Medium';
		line-height: 26px;
		width: 300px;
		text-align: center;
		position: absolute;
		top: 175px;
	}
	#meetdesc {
		color: #4b4b4b;
		font-size: 12px;
		font-family: 'NeueHaasUnicaProLight';
		letter-spacing: -0.02em;
		line-height: 20px;
		width: 280px;
		text-align: center;
		position: absolute;
		top: 208px;
		padding: 0 10px;
	}
	#specialistdetails {
		width: 300px;
		height: 150px;
		top: 305px;
		position: absolute;		
	}
		#specialistimage {
			position: absolute;
			left: 18px;
		}
		#specialistname {
			position: absolute;
			left: 96px;
			color: #4b4b4b;
			font-size: 14px;
			font-family:'Garamond-Premier-Medium';
		}
		#specialistposition {
			position: absolute;
			top: 18px;
			left: 96px;
			color: #4b4b4b;
			font-size: 11px;
			font-family: 'NeueHaasUnicaProLight';
		}
		#specialistcontact {
			position: absolute;
			top: 49px;
			left: 96px;
		}
			#contact {
				position: absolute;
				width: 150px;
				height: 24px;
				top: 0;
				line-height: 24px;
				left: 33px;
				color: #4b4b4b;
				font-size: 12px;
				font-family: 'NeueHaasUnicaProLight';
				text-align: left;
			}
			#iconcontact{
				background: url(sprites.png) no-repeat;
				background-position: 0 -19px;
				width: 25px;
				height: 25px;						
				border: none;
				outline: none;						
			}			
		#specialistlinkedin {
			position: absolute;
			top: 79px;
			left: 96px;
		}
			#linkedin {
				position: absolute;
				width: 160px;
				/*word-wrap: break-word;*/
				height: 24px;
				top: 0;
				line-height: 24px;
				left: 33px;
				color: #ab8421;
				font-size: 12px;
				/*font-family:'Garamond-Premier-Medium';*/
				font-family: 'NeueHaasUnicaProLight';
				text-align: left;
				cursor: pointer;
			}
			#iconlinkedin{
				background: url(sprites.png) no-repeat;
				background-position: 0 -79px;						
				width: 25px;
				height: 25px;						
				border: none;
				outline: none;						
			}			
		#specialistemail {
			position: absolute;
			top: 109px;
			left: 96px;
		}
			#email {
				position: absolute;
				width: 160px;
				/*word-wrap: break-word;*/
				height: 24px;
				top: 0;
				line-height: 24px;
				left: 33px;
				color: #ab8421;
				font-size: 12px;
				/*font-family:'Garamond-Premier-Medium';*/
				font-family: 'NeueHaasUnicaProLight';
				text-align: left;
				cursor: pointer;
			}
			#iconemail{
				background: url(sprites.png) no-repeat;
				background-position: 0 -49px;						
				width: 25px;
				height: 25px;
				border: none;
				outline: none;						
			}			
	#frame4button {
		width: 185px;
		position: absolute;
		top: 462px;
		left: 0;
		right: 0;
		margin: auto;
	}


/* Modal */
#modal {
	position: absolute;
	width: 300px;
	display: none;
}
#modalbg {
	width: 300px;
	background: #FFF;
	opacity: 0.5;
}
	#modalframe1 {
		position: absolute;
		width: 269px;
		height: 277px;
		background: #11261f;
		top: 197px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
		font-family: 'NeueHaasUnicaProLight';
		display: none;
	}
	#modalframe2 {
		position: absolute;
		width: 269px;
		height: 350px;
		background: #11261f;
		top: 197px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
		font-family: 'NeueHaasUnicaProLight';
		display: none;
	}
	#modalframe3 {
		position: absolute;
		width: 269px;
		height: 277px;
		background: #11261f;
		top: 197px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
		font-family: 'NeueHaasUnicaProLight';
		display: none;
	}
	#modalframe4 {
		position: absolute;
		width: 269px;
		height: 277px;
		background: #11261f;
		top: 197px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
		font-family: 'NeueHaasUnicaProLight';
		display: none;
	}
	#modalframe5 {
		position: absolute;
		width: 269px;
		height: 277px;
		background: #11261f;
		top: 197px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
		font-family: 'NeueHaasUnicaProLight';
		display: none;
	}
	#modalframe6 {
		position: absolute;
		width: 269px;
		height: 277px;
		background: #11261f;
		top: 197px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
		font-family: 'NeueHaasUnicaProLight';
		display: none;
	}
		#modalframe1 h2 {
			font-size: 15px;
			font-weight: bold;
			padding-top: 31px;
			margin: 0;
			letter-spacing: 0.025em;
		}
		#modalframe2 h2 {
			font-size: 15px;
			font-weight: bold;
			padding-top: 16px;
			margin: 0;
			letter-spacing: 0.025em;
		}
		#modalframe1 p, #modalframe2 p, #modalframe3 p, #modalframe4 p, #modalframe5 p {
			margin: 0;
			font-size: 14px;
			line-height: 17px;
		}
		#modalframe1 p {
			margin: 0;
			padding-top: 20px;
			padding-bottom: 15px;
		}
		#modalframe2 p {
			margin: 0;
			padding-top: 19px;
			padding-bottom: 25px;
		}
		#modalframe3 p, #modalframe4 p, #modalframe5 p {
			margin: 0;
			padding-top: 56px;
			padding-bottom: 35px;
		}
		#errormessages {
			margin: 0 20px;
			font-size: 14px;
			line-height: 17px;
			padding-top: 60px;
			padding-bottom: 35px;			
		}
		#modalframe1 #learnmore {
			font-size: 15px;
			font-family:'Garamond-Premier-Medium';
			color: #ab8421;
			padding: 0;
			margin-top: -8px;
			cursor: pointer;
			padding-bottom: 30px;
		}
		#modalframe2 h2 sup {
			font-size: 8px;
			left: -2px;
    		top: 1px;
    		position: relative;
		}

		#modalbutton1 {
			position: absolute;
			top: 211px;
		}

		#modalbutton2 {
			position: absolute;
			top: 292px;
		}

		#modalbutton3 {
			position: absolute;
			top: 173px;
		}

		#modalbutton4 {
			position: absolute;
			top: 172px;
		}

		#modalbutton5 {
			position: absolute;
			top: 173px;
		}


/*modal contact form*/
#modalcontactbg {
	width: 300px;
	background: #FFF;
	opacity: 0.5;
	z-index: 10000;
}

#modalcontactform {
	width: 270px;
	height: 475px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	top: 105px;
	left: 0;
	right: 0;
	background: #f2f1ef;
	display: none;
	z-index: 10000;
}
	#contact_headline {
		position: absolute;
		top: 18px;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font-size: 11px;
		line-height: 14px;
		font-family:'NeueHaasUnicaPro-Bold';
		text-transform: uppercase;
		color: #4b4b4b;
		letter-spacing: 0.05em;
	}
	#gd4 { top: 52px; }
	#contact_type {
		position: absolute;
		top: 63px;
		left: 16px;
		padding: 0;
		margin: 0;
		font-size: 11px;
		font-family:'NeueHaasUnicaPro-Bold';
		text-transform: uppercase;
		color: #4b4b4b;
		letter-spacing: 0.05em;
	}
	#inputname {
		position: absolute;
		top: 95px;
		left: 11px;
		/*left: 0;
		right: 0;
		margin: 0 auto;*/
	}
		#inputname input {
			width: 221px;
			font-size: 18px;
			color: #93918e;
			background: none;
			border: none;
			outline: none;
			border-bottom: 1px solid #d1d0cb;
			padding: 0 14px 5px 14px;
			font-family:'Garamond-Premier-Medium';
		}

	#inputphone {
		position: absolute;
		top: 135px;
		left: 11px;
		/*left: 0;
		right: 0;
		margin: 0 auto;*/
	}
		#inputphone input {
			width: 221px;
			font-size: 18px;
			color: #93918e;
			background: none;
			border: none;
			outline: none;
			border-bottom: 1px solid #d1d0cb;
			padding: 0 14px 5px 14px;
			font-family:'Garamond-Premier-Medium';
		}

	#inputemail {
		position: absolute;
		top: 135px;
		left: 11px;		
		/*left: 0;
		right: 0;
		margin: 0 auto;*/
		display: none;
	}
		#inputemail input {
			width: 221px;
			font-size: 18px;
			color: #93918e;
			background: none;
			border: none;
			outline: none;
			border-bottom: 1px solid #d1d0cb;
			padding: 0 14px 5px 14px;
			font-family:'Garamond-Premier-Medium';
		}

	#contact_zone {
		position: absolute;
		top: 178px;
		left: 11px;
		margin: 0;		
		/*left: 0;
		right: 0;
		margin: 0 auto;*/
		padding: 0;
		padding-left: 14px;
		width: 249px;
		height: 34px;
		font-family:'Garamond-Premier-Medium';
		font-size: 14px;
		background-color: transparent;
		background: url(icon_arrow.png) no-repeat;
		background-position: 98% center;
		border: 1px solid #d1d0cb;
		box-sizing: border-box;
		color: #4b4b4b;
		-webkit-appearance: none!important;
	}

	#contact_time {
		position: absolute;
		top: 227px;
		left: 11px;
		margin: 0;		
		/*left: 0;
		right: 0;
		margin: 0 auto;*/
		padding: 0;
		padding-left: 14px;
		width: 249px;
		height: 34px;
		font-family:'Garamond-Premier-Medium';
		font-size: 14px;
		background-color: transparent;
		background: url(icon_arrow.png) no-repeat;
		background-position: 98% center;
		border: 1px solid #d1d0cb;
		box-sizing: border-box;
		color: #4b4b4b;
		-webkit-appearance: none!important;
	}

	#contact_message {
		width: 16.6em;
		height: 7.2em;
		/*height: 106px;*/
		position: absolute;
		top: 276px;
		left: 11px;
		margin: 0;
		/*left: 0;
		right: 0;
		margin: 0 auto;*/
		padding: 10px 20px 10px 15px;
		resize: none;
		font-family:'Garamond-Premier-Display';
		font-size: 15px;
		line-height: 17px;
		background: none;
		/*color: #93918e;*/
		color: #4b4b4b;
		border: 1px solid #d1d0cb;
		box-sizing: border-box;
	}

	#contact_close{
		width: 13px;
		height: 13px;
		/*background: url(icon_close.png) no-repeat;*/
		background: url(sprites.png) no-repeat;
		background-position: -35px 0;		
		position: absolute;
		top: 2px;
		right: 2px;
		color: #4b4b4b;
		cursor: pointer;
	}

	#contact_send {
		top: 408px;
	}

	/*.radiofield {
		cursor: pointer;
		width: 16px;
		height: 16px;
	}*/

	/* customize radio button*/
	label {
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding-left: 22px;
		margin-right: 12px;
		font-family:'NeueHaasUnicaPro-Bold';
	}

	input[type=radio] {
		display: none;		
	}

	label:before {
		content: "";
		display: inline-block;		
		cursor: pointer;
		width: 16px;
		height: 16px;
		background-color: #d1d0cb;
		position: absolute;
		left: 0;
		margin-right: 12px;
		border-radius: 8px;
		font-family:'NeueHaasUnicaPro-Bold';
		background: url(icon_radio.png) no-repeat;
		/*background: url(sprites.png) no-repeat;
		background-position: -1px -255px;*/				
	}

	input[type=radio]:checked + label:before {
		content: "";
		color: #ab8421;
		font-size: 34px;
		text-align: center;
		line-height: 12px;
		font-family:'NeueHaasUnicaPro-Bold';
		background: url(icon_radio_highlight.png) no-repeat;
		/*background: url(sprites.png) no-repeat;
		background-position: -1px -280px;*/				
	}	

/* Thank you frame */
#thankyou {
	position: absolute;
	width: 300px;
	top: 153px;
	background: #f2f1ef;
	display: none;
}
	#thanks {
		position: absolute;
		left: 96px;
		color: #4b4b4b;
		font-family:'Garamond-Premier-Medium';
		font-size: 24px;
		padding: 0;
		margin: 0;
	}

	#thankyoudesc {
		width: 300px;
		position: absolute;
		top: 185px;
		color: #4b4b4b;
		font-family:'NeueHaasUnicaProLight';
		text-align: center;
		font-size: 12px;		
		padding: 0;
		margin: 0;
	}

/* Validation */
.alert {
	position: relative;
	color: #f00;
	padding: 0;
	margin: 0;
	top: -35px;
	width: 250px;
	text-align: right;
}

#emailalert, #namealert, #phonealert, #timezonealert {
	display: none;
}

#timezonealert {
	position: absolute;
	top: 185px;
	left: 108px;
	/*width: 249px;*/
	text-align: right;
	color: #f00;
	padding: 0;
	margin: 0;
}


/* Fonts */
@font-face {
	font-family:'Garamond-Premier-Display';
	src: url('GaramondPremrPro-Disp.ttf') format('truetype');
	font-style: normal;
	font-stretch: normal;
}	

@font-face {
	font-family:'Garamond-Premier-Medium';
	src: url('GaramondPremrPro-Med.ttf') format('truetype');
	font-style: normal;
	font-stretch: normal;
}	

@font-face {
	font-family:'NeueHaasUnicaProLight';
	src: url('NeueHaasUnicaProLight.ttf') format('truetype');
	font-style: normal;
	font-stretch: normal;
}	

@font-face {
	font-family:'NeueHaasUnicaPro-Bold';
	src: url('NeueHaasUnicaPro-Bold.ttf') format('truetype');
	font-style: normal;
	font-stretch: normal;
}