/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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 {
	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;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance:none; }
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}
/* reset form */
input[type="email"], input[type="search"],
input[type=text], input[type=checkbox],
input[type=password], input[type=file],
input[type=submit], input[type=tel],
input[type=email], textarea {
 -webkit-appearance: none;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

/* ------------------------------- */
@font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.eot');
    src: url('fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-regular-webfont.woff2') format('woff2'),
         url('fonts/cabin-regular-webfont.woff') format('woff'),
         url('fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	padding:0;
	margin:0;
	line-height: 1;
	font-size: 0.8em;
	color: #fff;
	background-image:url(images/bkgd-gray.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
    font-family: 'cabinregular', sans-serif;
}
strong {font-weight:bold!important;}
h1 {
	font-size:42px;
	line-height:48px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
}
h3 {
	font-size:36px;
	letter-spacing:1px;
	text-transform:none;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
a {
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#eeeeee;
	transition:.25s color;
	-webkit-transition:.25s color;
}
a:hover {
	color:#939393;
}
#bug {
	background-image:url(images/bug.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:225px;
	height:225px;
	position:absolute;
	margin-top:-200px;
}
.container {
	width:95%;
	max-width:1024px;
	padding:0px 20px 20px 20px;
	margin:auto;
	background:rgba(255,255,255,0.7);
}
#logo {position:absolute; width: 175px; top: 12px; right: 0px;}
header {
	width:100%;
	max-width:900px;
	margin:auto;
	overflow: auto;
	padding: 5px 0px;
}
header ul {
	float:right;
	width:200px;
	margin-bottom: 8px;
}
header img {
	opacity:0.4;
	transition:.25s opacity;
	-webkit-transition:.25s opacity;
}
header img:hover {
	opacity:1.0;
}

header li {float:right; margin:12px 0px 0px 15px;}
#left {float:left;}
.wrapper {
	width:100%;
	max-width: 900px;
	margin:0px auto 20px auto;
	/*background-image:url(images/bg-wrapper.jpg);
	background-repeat:no-repeat;
	background-position:315px 0px;
	background-size:75%;*/
	position:relative;
	overflow:auto;
	background:#000000;}
.logo {
	width:100%;
	background-color:#ffffff;
	text-align:center;
}
.logo img {
	width:300px;
	margin:20px auto 20px auto;
}
.company {
	width:100%;
	background-color:#222222;
	text-align:center;
	margin:0px 0px;
	padding:0px;
}

.company #logo {width:150px!important; float:left; opacity: 1.0!important;}
.company p {
	padding:10px;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:8px;
}

.contact {width:200px; float: right; display: block; margin-top:15px;}
.contact p{
	padding:2px 0px 2px 0px;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align: right;
}
.cta {
	width:309px;
	max-width:890px;
	float:left;
	background:#000000;
	margin:auto;
	color:#FFFFFF;
	text-align:center;
	padding:0px 10px 0px 10px;
	}
.mobile {
	display:none;
}
.offer {
	position:relative;
	padding:20px;
	margin:0px 0px 0px 30%;
	background:#000000;
	font-size:21px;
	border-radius:0px 20px 0px 0px;
	text-align:center;
}
.offer span {
	color:#000000;
	line-height:40px;
}
.disclaimer {
	width:100%;
	text-align:left;
	margin:0px;
	padding-top:20px;
	background-color:rgba(0,0,0,0.7);
}
.disclaimer p, #certHolder .disclaimer p  {
	padding:5px 0;
	font-size:10px;
	line-height:16px;
	letter-spacing:1px;
	color:#fff;
	width:90%;
	max-width:875px;
	margin:auto;
	padding-bottom:20px;
}
#certHolder .disclaimer p, #certHolder .disclaimer a {
	color:#2d2c31!important;
}
#certcontainer {background:rgba(255,255,255,0.85)!important;}
.disclaimer p span {
	font-size:24px;
	line-height:18px;
	color:#EDC027;
}
.disclaimer ul {
	padding:5px 0;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	color:#fff;
	width:75%;
	max-width:875px;
	margin:auto;
	padding-bottom:20px;
	list-style:circle;
}

/*-------------------Certificate----------------*/
#certHolder {
	width:100%;
	max-width: 900px;
	margin:20px auto;
	background-repeat:no-repeat;
	background-position:left;
	background-size:cover;
	background-color:none;
	position:relative;
	height:auto;
	text-align:center;
}
#certHolder p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px 20px 20px 20px;
}
#certHolder li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
}
#certHolder h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	font-weight:normal;
	padding:20px;
	line-height:55px;
	color:#2d2c31;
}
#certHolder img {
	max-width: 100%;
    height: auto;
}
#certLogo {
	margin:0 0 20px 0;
	position:relative;
}
#certInfo {
	width:100%;
	margin-bottom:10px;
	position:relative;
}
#certOffer {
	width:100%;
	max-width:300px;
	margin-bottom:20px;
	position:relative;
	float:right;
}
#certLeft {
	float:left;
	margin-bottom:10px;
	position:relative;
}
#disc {
	width:100%;
	float:left;
	margin-bottom:60px;
}
#cut {
	border:dashed 2px #CCC;
	padding:10px;
	overflow:auto;
}
.timestamp {
	position:absolute;
	bottom:0px;
	right:0px;
	margin:20px 20px 20px 20px;
}

/*-------------------Form----------------*/
.form {
	background-color:#FFFFFF;	
	padding:20px;
	width:289px;
	height:645px;
	margin:0px auto 0px auto;
	float:left;
	color:#000;
    font-family: 'cabinregular', sans-serif;
	font-weight:400;
}
.form p {
	 font-size:18px;
	 line-height:normal;
	 padding:10px;
	 text-align:center;
}

input    {
	width:250px;
	display:block;
	border: 1px solid #c6c6c6;
	height: 35px;
	font-size:18px;
    font-family: 'cabinregular', sans-serif;
	font-weight:300;
	padding:2px 10px;
	margin:2px 2px 4px 2px;
	text-align:center;
	color:#BCBCBC;
}

input:focus { 
	outline:none;
	background-color:#D4D4D4;
	color:#000000;
}


input[type="submit"] {
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	width:175px;
	height:65px;
	padding:10px 5px 10px 5px;
	margin:25px auto 0px auto;
	background: #000000; /* Old browsers */
	border:none;
	transition:.25s background;
	-webkit-transition:.25s background;
}
input[type="checkbox"] {
	width:25px;
	height:25px;
	float:left;
	margin-top:-5px;
	margin-right:5px;
	margin-bottom:10px;
}
input[type=checkbox]:not(old):checked{
  background   : url('http://jupiterhoteloffers.com/images/checks.jpg') no-repeat 0 0;
  background-size:contain;
}

input[type="checkbox"] label{
	float:left;
}
#InsertRecordZip_Code {margin-bottom:15px;}
#btn {
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	width:175px;
	padding:20px 40px;
	margin:10px auto;
	background: #000000!important; /* Old browsers */
	border:none;
	transition:.25s background;
	-webkit-transition:.25s background;
	font-size:18px;
}

input[type="submit"]:hover, #btn:hover {
	background:#000000;
}


p strong {
	font-weight:bold;
}

p span {
	color:#edc028!important;
	font-size:13px!important;
}

p span a {
	color:#000000!important;
	font-size:13px!important;
}

p span a:hover {
	color:#000!important;
}
	.wrapper-img {float:right; width: 100%; max-width:571px; min-height:100%; background:#DD9502; overflow:hidden; position: relative;}
	.wrapper-img img {width:106.5%;}
/*--------------------*/
@media only screen and (max-width:962px) {
	.wrapper-img {width:50%; margin:auto; float:right; display:block; padding:0px;}
	.cta, .form {width:50%; padding:0px; float:left;}
	.contact {margin-right:15px;}
}
@media only screen and (max-width:945px) {
	.wrapper-img {width:50%; margin:auto; float:right; display:block; padding:0px;}
	.cta, .form {width:50%; padding:0px; float:left;}
}

@media only screen and (max-width:748px) {
	.wrapper-img {width:100%; float:none; display:block; padding:0px; background:#FAFAFA;}
	.wrapper-img img {margin:auto;display:block;}
	.cta, .form {width:100%; padding:0px;}
	.wrapper, .container {width:100%;padding:0px;}
	#logo {position:absolute; width: 95%; left: 0px; max-width: 250px;}
}

@media only screen and (max-width:592px) {
	/*.company {height:120px;}
	.company p {text-align:center; display:block; margin:0px auto; float:none!important; padding:10px 0px;}
	.company p a {float:none; margin:auto; display:block}
	.company ul {display:block; float:none; text-align:center; margin:0px auto; padding:0px;}*/
	.cta h1 {font-size:30px;}
	.cta h3 {font-size:21px;}
	.disclaimer p, #certHolder .disclaimer p  {
		padding:10px;
	}
	/*header {padding:0px;}*/
	#m-btn {
		width:99.5%;
		background-color:#b80b0d;
		margin:10px auto;
		padding:10px 0px;
		box-shadow:0px 0px 5px #000000;
		border:#2B2B2B 1px solid;
	}
	#m-btn:hover {
		background-color:#000000;
	}		
	#m-btn img {
		display: block;
   		margin: 0;
   		padding:15px 0 0 0;
		
	}
	#m-btn p {
		color:#fff;
		text-align:center;
		font-size:18px;
		text-transform:uppercase;
		text-decoration:none;
		
	}
	#icon-pho {
		width:100px;
		height:100px;
		margin:auto;
		background-image:url(images/img-icons-pho.png);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	#certHolder h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:normal;
	padding:20px;
}
	
}

@media all and (max-width:322px) {
	input {width:150px;}
}