/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;  }
body { font: normal 62.5% "Montserrat", Helvetica, Arial, sans-serif; font-weight: 400; color: #999; min-height: 100%; background: #192128; }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #111; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 300;}
p { font-size:1.6em; line-height:1.6em; margin:24px 0; }

.left { float:left; display:inline;}
.right { float: right; display: inline;}

.push { clear: both;}

a { text-decoration: none; }
a:link { color: #10c778;}
a:visited { color: #10c778;}
a:hover { color: #10c778; text-decoration: underline;}
a:active { color: #10c778;}

a.button { display: block; background: #10c778; color: #fff; padding: 16px 20px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 3px; font-weight: 700;}
a.button:hover { background: #10a364; text-decoration: none;}


/* Header
--------------------------------------------------------------------------------------- */

.top_wrap {
	width: 100%;
	background: #242f38 url(../images/bg_top.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	overflow: hidden;
}

.header { width: 92.75%; max-width: 1240px; margin: 0 auto; padding: 40px 0; }

.main_nav { float: left; display: inline; margin-left: 40px; margin-top: 29px;}
.main_nav li { float: left; display: inline; font-size: 1.4em; text-transform: uppercase; margin-right: 30px; }
.main_nav li a { color: #fff; font-weight: 700;}
.main_nav li a:hover { text-decoration: none;}
.main_nav li a.active {color: #10c778;}


/* Content
--------------------------------------------------------------------------------------- */

.content_wrap { background: #fff; }

h2.tagline { text-align: left; font-size: 6em; font-weight: 100; color: #fff; margin: 50px 0 0 0;}
p.tagline_subtext { margin: 50px 0 50px 0; text-align: left; font-size: 4em; font-weight: 300;}
p.tagline_subtext img { width: 100%; max-width: 100%; height: auto; }

.form_wrapper h1 { width: 130px;}
.form_wrapper h1 img { width: 100%; max-width: 100%; height: auto; }

.form_wrapper { width: 92.75%; max-width: 1240px; margin: 0 auto; padding: 60px 0 0 0;}
.form_wrapper .left { width: 50%; padding-top: 7%;}
.form_wrapper .right { width: 30%; background: #f5f5f5; padding: 40px 40px 0 40px;}
.form_wrapper small { font-size: 1.2em; font-style: italic; color: #6f8495;}

.iframe { background: #fff; padding: 40px; }

/* Footer
--------------------------------------------------------------------------------------- */

.footer { color: #666; padding: 80px 0; margin: 0 auto; max-width: 1240px; width: 92.75%; overflow: hidden;}
.social {float: right; display: inline; width: 110px;}
.social .left, .social .right { width: 40%;}
.social img { width: 100%; max-width: 100%; height: auto; opacity:.3; filter:alpha(opacity=30);}
.social a:hover img { opacity:1; filter:alpha(opacity=100);}

p.copyright { font-size: 1.4em; float: left; display: inline; color: #7b8893; margin: 12px 0 0 0;}


.tablet, a.tablet { display: none;}

/* Media Queries
--------------------------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) { 
	
	.classhere {
		background: transparent url(../images/bg_header@2x.jpg) !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
}

/* Desktops and laptops ----------- */

@media only screen 
and (max-width : 1140px) {

	.hp_tier_1 p { line-height: 1.8em; font-size: 1.6em;}

	.feature_item { min-height: 460px; margin-bottom: 50px; }
	.feature_item .right { width: 54%; margin-right: 8.06451612903%; }
	.feature_item h3 { font-size: 5em;}

	.hp_marketing h3, .hp_tier_6 h3 { font-size: 4.2em; }

}

@media only screen 
and (max-width : 880px) {

	.tablet, a.tablet { display: block;}
	.desktop, a.button.desktop { display: none;}
	
	.main_nav, .sticky_nav { clear: both; width: 100%; background: #5e7284; overflow: hidden; display: none; margin: 7px 0 0 0;}
	.sticky_nav { display: none;}
	.main_nav li, .sticky_nav li { width: 20%; border-right: 1px solid #72879a; text-align: center; margin: 0; display: block; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.main_nav li.last, .sticky_nav li.last { border: 0;}
	.main_nav li a, .sticky_nav li a { padding: 20px 0; display: block;}

	h2.tagline { font-size: 4em; line-height: 1em; margin: 40px 0 10px 0;}
	p.tagline_subtext { margin: 0 0 40px 0; font-size: 3em; line-height: 1em; }

	.form_wrapper .right { width: 38%; background: #f5f5f5; padding: 20px 20px 0 20px;}
	.form_wrapper .left { width: 45%;}

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	.tablet, a.tablet { display: block;}
	.desktop, a.button.desktop { display: none;}
	
	.header { padding: 24px 0 40px 0; }
	.main_nav, .sticky_nav { clear: both; width: 100%; background: #5e7284; overflow: hidden; display: none; margin: 7px 0 0 0;}
	.sticky_nav { display: none;}
	.main_nav li, .sticky_nav li { width: 20%; border-right: 1px solid #72879a; text-align: center; margin: 0; display: block; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.main_nav li.last, .sticky_nav li.last { border: 0;}
	.main_nav li a, .sticky_nav li a { padding: 20px 0; display: block;}

	a.btn_order { float: right; display: inline; width: 49px; margin-top: 14px;}
	a.btn_order img { width: 100%; max-width: 100%; height: auto; }

	h2.tagline { font-size: 4em; line-height: 1em; margin: 40px 0 10px 0;}
	p.tagline_subtext { margin: 0 0 20px 0; font-size: 3em; line-height: 1em; }

	.form_wrapper .right { width: 38%; background: #f5f5f5; padding: 20px 20px 0 20px;}
	.form_wrapper .left { width: 45%;}

}

@media only screen 
and (max-width : 480px) {

	.tablet, a.tablet { display: block;}
	.desktop, a.button.desktop { display: none;}

	.header { height: auto;}
	.header h1 { float: none; display: block; margin: 0 auto; width: 130px;}

	.main_nav { clear: both; width: 100%; background: #5e7284; overflow: hidden; display: none;}
	.main_nav li { width: 100%; border-bottom: 1px solid #72879a; text-align: left; height: 50px; padding: 0; border-right:0;}
	.main_nav li.last { border: 0;}
	.main_nav li a { display: block; padding: 0 0 0 5%; width: 90%; border: 0; height: 50px; line-height: 50px; }
	.main_nav li a:hover,	.main_nav li a.active:hover { border: 0;}
	.main_nav li a.active { border: 0;}

	a.btn_order { float: right; display: inline; width: 49px; margin-top: 14px;}
	a.btn_order img { width: 100%; max-width: 100%; height: auto; }

	.form_wrapper h1 { width: 130px; margin: 0 auto;}

	h2.tagline { font-size:2.8em; margin: 30px 0 10px 0; text-align: center;}
	p.tagline_subtext { margin: 0 0 36px 0; font-size: 2em; line-height: 1em; text-align: center;}

	.form_wrapper { padding: 30px 0 0 0;}
	.form_wrapper .left { width: 90%; padding: 30px 0; margin: 0 auto; float: none; display: block; text-align: center;}
	.form_wrapper .right { width: 90%; background: #f5f5f5; padding: 20px 5% 0 5%; float: none; display: block;}
	
	.footer { color: #666; padding: 40px 0; margin: 0 auto; max-width: 1240px; width: 92.75%; overflow: hidden;}
	.social {float: none; display: block; width: 110px; margin: 0 auto 30px auto; overflow: hidden; }
	
	p.copyright { font-size: 1.4em; float: none; display: block; color: #7b8893; margin: 0 0 0 0; text-align: center;}

.iframe { background: #fff; padding: 10%; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	.tablet, a.tablet { display: block;}
	.desktop, a.button.desktop { display: none;}

	.header { height: auto;}
	.header h1 { float: none; display: block; margin: 0 auto; width: 130px;}

	.main_nav { clear: both; width: 100%; background: #5e7284; overflow: hidden; display: none;}
	.main_nav li { width: 100%; border-bottom: 1px solid #72879a; text-align: left; height: 50px; padding: 0; border-right:0;}
	.main_nav li.last { border: 0;}
	.main_nav li a { display: block; padding: 0 0 0 5%; width: 90%; border: 0; height: 50px; line-height: 50px; }
	.main_nav li a:hover,	.main_nav li a.active:hover { border: 0;}
	.main_nav li a.active { border: 0;}

	a.btn_order { float: right; display: inline; width: 49px; margin-top: 14px;}
	a.btn_order img { width: 100%; max-width: 100%; height: auto; }

	.form_wrapper h1 { width: 130px; margin: 0 auto;}

	h2.tagline { font-size:2.8em; margin: 30px 0 10px 0; text-align: center;}
	p.tagline_subtext { margin: 0 0 36px 0; font-size: 2em; line-height: 1em; text-align: center;}
	
	.form_wrapper { padding: 30px 0 0 0;}
	.form_wrapper .left { width: 90%; padding: 30px 0; margin: 0 auto; float: none; display: block; text-align: center;}
	.form_wrapper .right { width: 90%; background: #f5f5f5; padding: 20px 5% 0 5%; float: none; display: block;}
	
	.footer { color: #666; padding: 40px 0; margin: 0 auto; max-width: 1240px; width: 92.75%; overflow: hidden;}
	.social {float: none; display: block; width: 110px; margin: 0 auto 30px auto; overflow: hidden; }
	
	p.copyright { font-size: 1.4em; float: none; display: block; color: #7b8893; margin: 0 0 0 0; text-align: center;}

.iframe { background: #fff; padding: 10%; }
	
}