/************************************************ Background ************************************************/
html, 
body {
    height: 100%;
}

body {
	background:url(../images/bg.jpg) no-repeat top center;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

/************************************************ Format ************************************************/

body, select, input, textarea {
	font-size:62.5%;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	color:#03171a;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1 {
	text-transform:uppercase;
	font-size:14px;
	padding:0;
	margin:0;
	line-height:1.5em;	
}

h2 {
	font-size:28px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:24px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:10px;
}

p {
	font-size:16px;
	line-height:1.5em;
	padding:0 0 15px;
}

a {
	color:#F00;
	text-decoration:none;
	-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5 */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	transition: all 0.3s ease-out;
}

a:hover {
	color:#F00;
	text-decoration:underline;
}

img, object, embed, video {
	max-width: 100%;
}

img {
	height:auto;
	width:100%;	
}

strong {
	font-weight:bold;	
}

em {
	font-style:italic;	
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}

.mob {
	display:none;	
}


/************************************************ Layout ************************************************/

.container {
	width:100%;
	float:left;
	padding:150px 5% 50px;
	box-sizing:border-box;
	background:#f6e65b;	
}

.row_inner {
	max-width:100%;
	margin:0 auto;
	position:relative;	
}

.logo {
	width:22%;
	margin:0 0 50px;
	position:absolute;
	top:0;
	left:5%;
	z-index:2;
}

.bottle_pic {
	position:relative;
	width:100%;
	float:left;
}

.content_left {
	width:22%;
	position:absolute;
	top:0;
	right:10%;
	text-align:center;	
}

.content_left img.top {
	margin:0 0 20px;
}

.content_left img.bottom {
	width:40%;
	margin:40px 0 0;
}


footer {
	background:url(../images/footerbg.png) no-repeat top left #262a2d;
	background-size:cover;
	min-height:497px;
	float:left;
	width:100%;
	color:#d0d3bb;
}

#form_area {
	max-width:80%;
	margin:100px auto 0;	
}

.form_item {
    width: 27.7%;
    float: left;
    margin: 0 1% 30px;
}

.captcha_surround {
	float:left;	
}

.form_item.long {
	width:75%;
	float:left;
	margin:0;	
}

.form_item.longer {
	width:100%;
	float:left;
	margin:0 0 30px;	
}

.form_item label {
   display:none;
}

.form_item label.error {
   font-size:14px;
   font-weight:bold;
   margin:10px 0 0 10px;
   color:#FF0004;
   width:100%;
   float:left;
}

.form_item input {
    color: #d8d8c1;
    float: left;
    font-size: 18px;
	letter-spacing:2px;
	text-transform:uppercase;
    height:50px;
	box-sizing:border-box;
    padding: 15px 0 15px;
    width: 100%;
	background:none;
	border:1px solid #d8d8c1;
	border-left:none;
	border-right:none;
	font-family: 'Oswald', sans-serif;
}

.form_item input.warning {
	border:1px solid #F00;
}

.form_item input:focus {
   border-top:1px solid #fff;
   border-bottom:1px solid #fff;
   color:#fff;
}

.form_item label.warning {
	color:#F00;	
}

.honey {
	display:none;	
}

p.green {
	text-align:center;
	font-size:18px;	
}

.submit {
	text-align:center;
	font-family: 'Oswald', sans-serif;
	color:#000;
	letter-spacing:2px;
	font-size:18px;
	font-weight:bold;
	padding:0;
	display:inline-block;
	vertical-align:top;
	width:10%;
	height:50px;
	box-sizing:border-box;
	float:left;
	cursor:pointer;
	border:1px solid #f6e65b;
	background:#f6e65b;
	text-transform:uppercase;
}

.submit:hover,
.g-recaptcha:hover {
	background:none;
	color:#f6e65b;
}

p.warning {
	color:#fff;	
}

.green_text {
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:stretch;
}

.green_check {
	padding:30px;
	font-size:50px;
	background:#f9d233;
	align-items: center;
	display:flex;
	color:#262a2d;
}

.green_message {
	padding:30px;
	font-size:20px;
	line-height:1.5em;
	background:#262a2d;
	font-family: 'Oswald', sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:bold;
}

.red_text {
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:stretch;
}

.red_check {
	padding:30px;
	font-size:50px;
	background:#fb0a0a;
	color:#fff;
	align-items: center;
	display:flex;
}

.red_message {
	padding:30px;
	font-size:20px;
	line-height:1.5em;
	background:#fbfdfe;
}

.copyright {
	width:100%;
	float:left;
	text-align:center;
	margin:100px 0;
}

.social_icons {
	width:100%;
	float:left;
	text-align:center;
	margin:0 0 15px;	
}

.social_icons a {
	color:#d0d3bb;
	font-size:18px;
	margin-right:20px;	
}

.social_icons a:last-child {
	margin-right:0;	
}

.social_icons a:hover {
	color:#f6e65b;	
}

.copyright p {
	font-size:15px;
	line-height:1.5em;
	padding:0;	
}


@media handheld, only screen and (min-width: 1400px) {

h1 {
	font-size:18px;	
}
}

@media handheld, only screen and (min-width: 2000px) {

h1 {
	font-size:20px;	
}
}


/************************************************ Mobile ************************************************/

@media handheld, only screen and (max-width: 767px) {

.container {
    width: 100%;
    float: left;
    padding: 50px 5% 50px;
    box-sizing: border-box;
    background: #f6e65b;
}

.content_left {
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

footer {
    min-height: 100px;
}

#form_area {
    max-width: 95%;
    margin: 100px auto 0;
}

.copyright {
    width: 100%;
    float: left;
    text-align: center;
    margin: 50px 0;
}

}

@media handheld, only screen and (max-width: 500px) {

.desktop {
	display:none;	
}

.mob {
	display:block;	
}

.logo {
    width: 100%;
    margin: 0 0 50px;
    position: relative;
    float: left;
    text-align: center;
	left:0;
}

.logo img {
    width: 50%;
}

.content_left {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    float: left;
    margin: 20px 0 0;
}

#form_area {
    max-width: 90%;
    margin: 50px auto 0;
}

.form_item {
    width: 100%;
    float: left;
    margin: 0 0 30px;
}

.submit, .g-recaptcha {
    width: 100%;
}
	
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}