/* 
------------------------------------------------------------------------------------------------------------------------------
	RESET
------------------------------------------------------------------------------------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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; }

/* PALETTE
LT GREY - #EEEEEE
DK GREY - #828180
PURPLE - #A19DAD
BEIGE - #E8E5DE
PEACH - #e7bb82
*/


/* ------------------------------------------------------------------------------------------------------------------------------
	DEFAULT LAYOUT
------------------------------------------------------------------------------------------------------------------------------ */

/* BOX-SIZING */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* GRID */
.container { width: 100%; max-width: 1200px; margin: 0 auto; }
[class*='col-'] { float: left; }
.col-1-1 { width: 100%; }
.col-1-2 { width: 50%; }
.col-2-3 { width: 66.66%; padding-right: 35px; }
.col-1-3 { width: 33.33%; }
.col-3-4 { width: 75%; }
.col-1-4 { width: 25%; }
.col-1-8 { width: 12.5%; }
.col-gold-left { width: 61.77%; padding-right: 35px; }
.col-gold-right { width: 38.23%; }
.col-padding-left { padding-left: 35px; }
.container:after, .container_blog:after { content: ""; display: table; clear: both; }
[class*='col-'] img { width: 100%; }

body { 
	background: #EEEEEE;
	font-family: 'Open Sans', sans-serif; 
   	font-weight: 300;
	font-size: 100%;
	color: #031634;
	margin: 0 !important;
}

.hero {
	    background-image: url('img/hero(final).jpg');
	    background-position: top right;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	    background-color: #EEEEEE;
	    position: relative;
	    min-height: 600px;

	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/smiley_girl(cropped).jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/smiley_girl(cropped).jpg', sizingMethod='scale')";
}

.hero_alcohol_lp {
	    background-image: url('img/girl_smiling-alt.jpg');
	    background-position: bottom right;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	    background-color: #EEEEEE;
	    position: relative;
	    min-height: 600px;

	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/girl_smiling.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/girl_smiling.jpg', sizingMethod='scale')";
}

.hero_copy {
	color: #fff;
	font-weight: 300;
	font-size: 52px;
	line-height: 72px;
	padding-top: 40px;
	padding-left: 40px;
	margin-top: 0;
	text-shadow: 1px 2px 3px #666;
}

.hero_sub_text {
	background: #828180;
	color: #eee;
	font-weight: 300;
	padding: 15px 40px 15px;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
}

header {
	background: #A19DAD;
	height: 80px;
}

footer p {
	color: #A19DAD;
}

/* TYPE */
h1, .h1 {
	color: #828180;
	font-size: 36px;
	font-weight: 700;
	line-height: 42px;
	margin-bottom: 35px;
	margin-top: 35px;
} 

h2, .h2 {
	color: #A19DAD;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 25px;
} 

h3, .h3 {
	color: #A19DAD;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 25px;
} 

.agents_txt { 
	padding-left: 48px;
	color: white;
	text-transform: uppercase !important;
}

p { color: #828180; display: block; font-size: 18px; line-height: 28px; margin-bottom: 15px; }
strong { font-weight: 700; }

ul { color: #828180; display: block; font-size: 18px; line-height: 28px; margin-bottom: 15px; margin-left: 35px; }
li { list-style: disc; }

a:link    { color: #e7bb82; text-decoration: none }
a:visited { color: #e7bb82; text-decoration: none }
a:hover   { color: #E8E5DE; text-decoration: none }
a:active  { color: #E8E5DE; text-decoration: none }

/* MAIN NAVIGATION */
nav ul { margin: 0; }
nav ul li { display: block; float: left; margin-top: 25px; }
nav ul li a { padding-left: 25px; color: #EEEEEE !important; text-decoration: none; }
.logo { padding-left: 0; }
.logo img {width: 100px; margin-top: -15px; }
.mobile_menu { display: none; }
#menu { display: block; }

/* 
	LEVEL ONE
*/
ul.dropdown { position: relative; }
ul.dropdown li { zoom: 1; }
ul.dropdown li a { display: block; }
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; }

/* 
	LEVEL TWO
*/
ul.dropdown ul { 
	width: 280px; 
	padding: 10px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	z-index: 2; 
	margin-left: 15px; 
}

ul.dropdown ul li { 
	font-weight: normal; 
	background: #828180; 
	float: none; 
	margin: 0 0; 
}

ul.dropdown ul li a { 
	border-right: none; 
	width: 100%; 
	display: inline-block; 
	color: #E8E5DE !important; 
	padding: 5px 10px; 
}

.small_arrow:after {
	content: '▾';
	margin-left: 8px;
}

.arrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   padding-top: -105px;
}
.arrow.up {
   border-bottom-color: #EEEEEE;
}
.arrow.down {
	border-top-color: #EEEEEE;
}


/* BUTTONS */
.hero_cta {
	display: block;
	margin-top: 40px;
}
.hero_cta a {
	font-size: 28px;
	font-weight: 700;
	color: white;
	background: #fac35e;
	background: -webkit-linear-gradient(#fac35e, #FFB235); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fac35e, #FFB235); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fac35e, #FFB235); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fac35e, #FFB235); /* Standard syntax */
	text-decoration: none;
	padding: 12px 23px;
	border: 4px solid white;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-left: 40px;
	
}

/* HELPERS - LAYOUT */
.padding {
	padding: 25px;
}

.margin_top {
	margin-top: 45px;
}

.margin_bottom {
	margin-bottom: 45px;
}

.padding_right { padding-right: 25px; }

.float_right { float: right; }

.txt_right { text-align: right; }

/* CONTACT FORM */
iframe { height: 100%; }
label, input, textarea { display: block; width: 100%; }
label { margin-bottom: 10px; }
input { height: 35px; }
input, textarea { margin-bottom: 22px; font-size: 16px; }


.submit-button { 
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	background: #A19DAD;
	text-decoration: none;
	padding: 10px 16px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    max-width: 250px;
    margin-top: 25px;
    cursor: pointer;
}

/* BLOG STYLES */
ul.hfeed { margin-left: 0; }
.hentry { list-style: none; margin-bottom: 55px; }
.blog_sidebar { background: transparent; }

.e-content img { width: 400px; margin: 35px 0; }

/* IMAGES */


/* ------------------------------------------------------------------------------------------------------------------------------
	SMALL SCREEN LAYOUT
------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1280px) and (min-width: 1199px) {
	.container { max-width: 1000px; }

} /* END @MEDIA */


/* ------------------------------------------------------------------------------------------------------------------------------
	LG TABLET LAYOUT
------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1200px) and (min-width: 900px) {
	.container { width: 95%; max-width: 95%; }
	.container_marquee { width: 95%; max-width: 95%; }

	.hero, .hero_alcohol_lp {
	    background-position: center top;
	    min-height: 600px;
	}

} /* END @MEDIA */


/* ------------------------------------------------------------------------------------------------------------------------------
	SM TABLET LAYOUT
------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 899px) {
	.container { width: 95%; max-width: 95%; }
	.container_marquee { width: 95%; max-width: 95%; }
	.col-1-2 { width: 100%; }
	.col-2-3 { width: 100%; padding-right: 0; }
	.col-1-3 { width: 100%; }
	.col-3-4 { width: 100%; }
	.col-1-4 { width: 100%; }
	.col-1-8 { width: 50%; }
	.col-padding-left { padding-left: 0; margin-top: 25px; }

	.hero {
		background-image: url('img/hero(final).jpg');
	    min-height: 300px;
	}

	.hero_alcohol_lp {
	    background-image: url('img/girl_smiling.jpg');
	    min-height: 300px;
	}

	.hero_copy {
		font-size: 22px;
		line-height: 32px;
		padding: 10px;
		text-shadow: none;
		background: rgba(0,0,0,.75);
		position: absolute;
		top: 0;
	}

	.hero_sub_text {
		font-size: 14px;
		line-height: 24px;
		padding-top: 12px;
		padding-left: 10px;
		display: none;
	}

	.agents_txt {
		font-size: 18px;
		display: block;
		margin-top: 0;
		position: absolute;
		bottom: 0;
		margin-bottom: 75px;
		padding-left: 10px;
	}

	header {
		height: 100%;
	}

	nav ul li { display: block; float: left; width: 100%; margin-top: 6px; }
	nav ul li:last-of-type { margin-bottom: 10px; }
	nav ul li a { 
		display: block;
		width: 100%; 
		padding: 15px 10px;
		background: #828180;
	}
	.mobile_menu { display: block; width: 100%;  }
	.mobile_menu a { display: block; width: 100%; color: #EEEEEE; text-decoration: none; padding: 15px 0; margin-bottom: 10px; }
	#menu { margin-top: -15px; }

	.padding_right { padding-right: 0; }

	/* BUTTONS */
	.hero_cta {
		display: block;
		margin-top: 0;
		position: absolute;
		bottom: 0;
		margin-bottom: 30px;
	}
	.hero_cta a {
		font-size: 18px;
		font-weight: 700;
		color: white;
		text-decoration: none;
		padding: 10px 15px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		margin-left: 10px;
		background: #e6b356;
		background: -webkit-linear-gradient(#fac35e, #e6b356); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fac35e, #e6b356); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fac35e, #e6b356); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fac35e, #e6b356); /* Standard syntax */
		border: 4px solid white;
	}

	.hide_for_mobile { display: none; }


} /* END @MEDIA */