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

/* Default */
body {font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight:300; background: #fff; color: #777;  line-height: 1.8em; overflow-x:hidden;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
textarea, input, button, select {font-family: inherit; font-size: inherit; color: inherit;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {border: none; outline: none;}
.clear {clear: both; visibility: hidden; height:0px;}

h1 {font-size: 42px; font-weight: 300; color: #df2889; line-height:150%;}
h2 {font-size: 2.2em; font-weight: 300; color: #df2889;}
h2 span.hl { font-weight:600;}
h3 {font-size: 24px; font-weight: 300; color: #111;}
h4 {font-size: 16px; font-weight: 300; color: #111;}

.button { cursor:pointer; height: 40px; line-height: 40px; vertical-align: middle; display: inline-block; color: #fff!important; font-size: 20px; font-weight: bold; text-align: center; padding: 0 40px; background: #ccc; border-radius: 3px;}
.button-purple {background: #9900cc;}
.button-pink {background: #df2889;}
.button-orange {background: #FF3A00;}
.button-fbBlue {background: #3b5998;}

.purple {color: #9900cc;}
.pink {color: #df2889;}
.orange {color: #FF3A00;}

.title {padding: 50px 0;}
.title h1 {font-size: 40px;}

strong,
.b { font-weight:bold;}
.h { color:#df2889;}
sup { font-size:40%; vertical-align:super;}



/* Footer */
.footer { color: #ccc; font-size: 11px; font-weight:normal; line-height:140%}
.footer a { color: #ccc; }
.footer a.pink {color:#df2889}

.footer a:hover { color: #df2889!important; text-decoration:underline; }
.footer .upper { float: left; height: 300px; width: 100%; background: #1b1b1b; border-bottom: 1px solid #333; }
.footer .lower { display: inline-block; height: 59px; width: 100%; background: #000; }
.widget { display: block; float: left; height: 87%; margin: 0 3%; padding: 2% 0; width: 36%; }
.widget.left { margin: 0; width: 16%; }
h2.widgetTitle { color: #FFFFFF; font-size: 18px; margin: 20px 0; }
.footer-links li { margin: 5px 0; }
.footer-news .news-body { display: inline-block; padding: 3px 0px 15px 0; }
.footer-news h3 {font-size: 14px; color: #df2889; }
.copyright { float: left; width: 500px; padding-top:16px;}
.share-wrap { display: inline-block; float: right; height: 100%; width: 400px; text-align: right; padding-top:20px; }
.fb_iframe_widget {display: inline-block; position: relative;}



/* Homepage splash */
.homepage_splash {width: 100%; height: 600px; float: left;background: #F6F8F9; backgrdound: #eaebef;}
.homepage_splash .inner {height: 600px; background: url(../imgs/splash-homepage.jpg) no-repeat right bottom #F6F8F9;}
.homepage_splash h1 {float: left; margin-top: 60px;}
.homepage_splash p {float: left; clear: left; width: 370px; margin-top: 30px; font-size: 16px;}
.homepage_splash .button-wrap {float: left; clear: left; padding: 0; margin-top: 30px;}
.homepage_splash .button-wrap .button {margin-top: 15px;}
.more_info_link_joining {color: #9900cc; float: left;}
.more_info_link_parties {color: #df2889; float: right;}

/* Host splash */
.host_splash {width: 100%; height: 620px; float: left; background: url(../imgs/splash-host.jpg) no-repeat left bottom #eaebef;}
.host_splash .inner {}

/* Join splash */
.join_splash {width: 100%; height: 600px; float: left; background: #eaebef; }
.join_splash .inner {height: 600px; background: url(../imgs/splash-join.jpg) no-repeat left bottom #eaebef; position: relative;}
.join_splach h1		{ font-size:1.8em;}

.join_splash .inner .form_helper {float: right; margin: 30px 0 20px 0; padding-right: 110px; position: relative; z-index: 3;}
.join_splash .inner .form_helper h2 {line-height: 120%;}
.join_splash .inner .form_helper .arrow {position: absolute; top: 10px; right:0px;}
.join_splash .section_helper {position: absolute; bottom: -60px; left: 0;}
.join_splash .section_helper h3 {display: inline;}
.join_splash .section_helper img {margin: 0 0 0 10px; vertical-align: text-bottom;}


/* Promo Banner */
.promo_banner		{ text-align:center; width:100%;padding:10px;background-color: #df2889;}
.promo_banner a		{ color:#FFF; font-weight:700; font-size:1.3em;}

/* Sections */
.section {width: 100%; float: left;border-top: solid 1px #dce2e5; padding: 100px 0;}
.section h2 { line-height:150%;}
.section h3 {}
.section h3.sub {font-size: 1.4em; font-weight: 300; color: #777; line-height:1.8em; margin-top: .83em; }
.section h4 { margin-top: 30px;line-height: 1.6em; font-size: 1.4em;}
.section p { margin-top: .83em;}
.section img { float: left;margin-top: 12px;}
.section img.doc { margin-left:180px;}
.section .text {width: 40%; float: right;}
.section .text.smallPrint {width: 100%; float: none;}
.section .text.smallPrint h4	{ margin-bottom:3px;}
.section .text.smallPrint p		{margin-top:0px;}
.section a {color: #df2889;}

.section_alternate {background: #F6F8F9;}

.section_left img {float: right;  }
.section_left .text {float: left;}

.section_right img {float: left}
.section_right .text {float: right;}

.section_benefits { }
.section_benefits h2 {text-align: center; float: none;}

.section_why {padding-top: 300px;}
.section_why h2 {text-align: center; float: none; color: #1b1b1b;}

.full_width_video {width: 100%; height: 600px; float: left; position: relative;}
.full_width_video .video_cover {width: 100%; height: 600px; position: absolute; left: 0; top: 0; z-index: 2; float: left; background: url(../imgs/video-cover.jpg) center center; background-size: cover;}
.full_width_video .video {display: none; z-index: 1;}

/* Forms */
.form_container {float: right; padding: 40px 50px; background: #fff; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); position: relative; z-index: 2;}
.form_container div.form {float: right;}
.form_container div.form label {font-weight: bold; padding: 5px 0 2px 0; display: inline-block;}
.form_container div.form input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #a9a9a9; border-radius: 3px;}
.form_container div.form select {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #a9a9a9; border-radius: 3px;}
.form_container div.form .button {width: 100%;}

.form_container_host {margin-top: 50px;}
.form_container_host form {width: 330px;}
.arrow_carrot-right_alt2 {font-size: 30px; display: inline-block; margin-top: -6px; vertical-align: middle;}

.form_info {width: 330px; margin-right: 50px; float: left;}
.form_info ul li {line-height: 42px;}
.form_info ul li .icon_check_alt {font-size: 24px; vertical-align: middle; margin-right: 5px;}

.form_container_join {clear: right;}
.form_container_join div.form {width: 380px; padding-top:10px; }


.form_container_join div.img_box			{ width:100%; margin-left:-40px; margin-top:-20px;}
.form_container_join div.img_box img		{ width:300px;position: relative;   }
.form_container_join div.form h6			{ float:left; width:160px; position: absolute; left:270px; top:50px;}
.form_container_join div.form .purple_text	{ font-size: 16px; font-weight: bold; color: #9900cc; text-align:center }


/* Download brochure box */
.download_box				{ width: 100%; height: 205px; border: 10px dashed #df2889; text-align:center}
.download_box h3			{ margin-top: 20px; line-height:140%; font-size:22px;}
.download_box .button		{ margin-top: 10px;}
.download_box img			{ margin-left:20px; margin-right:-50px; margin-top:-60px;}

.download_box_big			{ text-align:left; vertical-align:top; height:inherit;}

.download_box_big .col1		{ width:55%; display:inline-block; vertical-align:top;}
.download_box_big img		{ margin-left:10px; margin-right: 0px; margin-top:30px; width:100%;}
.download_box_big .col2		{ width:40%;display:inline-block;vertical-align:top; padding-bottom:20px;}


.download_box_big h3.black	{ font-size:40px; font-weight:300; color: #333; line-height: 120%; margin-top: 20px;}
.download_box_big h3.pink	{ font-weight: 300; color: #df2889; line-height: 150%; margin-top: 20px;}
.download_box_big .button	{ margin-top:20px;}
.download_box_big ul		{ margin-top:16px;}
.download_box_big li		{ text-align:left; list-style-type:disc; list-style-position:inside;padding-left: 1em; text-indent: -1em;}




/* Maybe host box */
.maybe_host_box {width: 100%; height: 275px; background: #fff; border: 10px dashed #df2889;}
.maybe_host_box h3 {margin-top: 40px;}
.maybe_host_box p {float: none; margin-right: 50px;}
.maybe_host_box .button {margin-top: 30px;}

/* Benefits */
.section_benefits ul {width: 100%; margin:20px auto;}
.section_benefits ul li {width: 50%; float: left; margin-top: 50px; font-size: 20px; font-weight: 300;}
.section_benefits ul li .icon {width: 80px; height: 80px; margin-right: 10px; padding-top:25px; line-height: 80px; display: inline-block; background: #df2889; border-radius: 50%; color: #fff; text-align: center; vertical-align: middle; font-size: 30px;}

/* Why join */
.section_why {text-align: center;}
.section_why ul {text-align: center; margin-top: 50px;}
.section_why ul li {text-align: center; display: inline-block; margin: 0 45px;}
.section_why ul li img {border: 5px solid #df2889; border-radius: 50%;}
.section_why ul li h4 {text-align: center; margin-top: 20px; display: inline-block;}
.section_why p {float: none;}

/* FAQ */
.faq_list {width: 100%; float: left; margin: 50px 0 0 -5%; display: flex; flex-flow: row wrap;}
.faq_list li {width: 45%; margin-left: 5%; margin-bottom: 50px; float: left;}

/* Blog */
.blog_list	h2	{font-size:1.75em; }
.blog_list	h4	{font-size:1.15em;}
.blog_list li	{margin-bottom: 70px;}
.blog_list li .date {margin-top: 10px;}
.blog_list li .main_img {float: left; margin: 15px 50px 30px 0; border: 1px solid #ccc;}
.blog_list li p {float: none;}
.blog_list li a.button {font-weight: normal; margin-top:20px;}
.blog_nav		{ text-align:center;}
.blog_nav a		{ font-size:20px;}
.section_blog_post {padding: 50px 0;}
.section_blog_post .main_img {float: left; margin: 0 50px 30px 0; border: 1px solid #ccc;}
.section_blog_post p {float: none; margin: 0;}
.blog_nav .left		{float:left}
.blog_nav .right	{float:right}


/* Contact */
table.info				{ font-size:14px;}
table.info tr			{ height:46px;}
table.info td			{ vertical-align:text-top;}
table.info td.label		{ width:280px;}

/* 404 */
.section.pg404			{ }
.section.pg404 h1			{ font-size:52px;  }
.section.pg404 h2			{ font-size:25px; color:#999;}
.section.pg404 a			{ font-size:16px; }

/* Common Header */
	
	/* Header */
	#content	{z-index:3;	position:relative; border-top: 5px solid #9900cc;}
	
	.inner			{ margin: 0 auto; width: 940px;}
	.become-agent	{ }
	.book-a-party	{ margin-left: 20px;}
	.button-wrap			{ display: inline-block; float: right; padding: 28px; text-align: left;}
	.button-wrap .button	{ width: 150px;}

	.header {width: 100%;}
	.top	{ background: #000000; width: 100%; }
	.bottom { background: none repeat scroll 0 0 #1B1B1B; border-top: 1px solid #333333; height: 70px; width: 100%; }
	#hamburger		{ display:none;}
	#side-nav		{ display:none;}
	.become-agent	{ float: left; background: none repeat scroll 0 0 #9900CC; }
	.book-a-party	{ float: right; background: #df2889; }

	
	/* Header */
	

	.top { height: 96px; }
	.logo { display: inline-block; text-align: right; width: 230px; padding-top:18px; float:left; }
	.logo a { display: inline-block; }

	
	
	.button:hover { text-decoration: none; }
	
	.bottom { height: 70px;}
	
	.menu { display: block; height: 100%; line-height: 70px; width: 100%; }
	.nav { display: inline-block; }
	.nav li { float: left; }
	.nav li a { color: #FFFFFF; font-size: 14px; text-transform: uppercase; font-family: myriad_proregular, Verdana, Helvetica, sans-serif; padding: 5px 0; margin: 0 13.5px; }
	.nav li a:hover, .nav li a.active { text-decoration: none; border-bottom: 1px solid #df2889; }
	.main { display: inline-block; width: 100%; min-height: 600px; }
	
	
	
	
/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/



/* iPads + Tablets */
@media screen and (max-device-width: 940px) {

	.inner				{ width:100%;}
	.section h1			{ padding: 0 3%;}
	.section h2			{ font-size:2em; padding:0 3%;}
	.section h3			{ font-size:1.5em; padding:0 3%;}
  	.section p			{ padding: 0 3%;}
  	
  	.homepage_splash .inner,
  	.homepage_splash	{ height:550px;}
  	.homepage_splash h1 { font-size:2.3em;}
  	.homepage_splash p	{ width:24%;}
  	.more_info_link_joining,
  	.more_info_link_parties	{ display: none;}
  	
}
/* fix home page */
@media screen and (max-device-width: 857px) {
	.homepage_splash h1 { font-size:1.8em; }
}

@media screen and (max-device-width: 768px) {

	.inner				{ width:100%;}
	.desktopOnly		{ display:none;}
	
	/* hamburger  */
	#hamburger 		{ display:block; border-radius: 5px 5px 5px 5px; cursor: pointer; display: block; height: 45px; padding:   4px 3px 3px 3px; position: fixed; right:4px; top:20px; width: 38px; }
	
	/* hamburger stripes */
	#hamburger div	{ background-color: #666; border-radius: 2px 2px 2px 2px; height: 4px; margin:0 auto; margin-top: 4px; width: 90%; }
	
	/* wrappers for sliding content / blocking- with transitions */
	#container		{ -webkit-transition: margin-left 500ms ease; -moz-transition: margin-left 500ms ease; -o-transition: margin-left 500ms ease; transition: margin-left 500ms ease;}
	#contentLayer	{ display: none; height: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; right: 0; top: 0; width: 30%; z-index: 500;}
	#content		{ z-index:100;	position:relative; background:#fff;}
	
	
	/* side nav container */
	#side-nav{display:block;color:#fff;left:0;top:0;position:fixed;z-index:1;width:40%;height:100%;line-height:150%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:#3e3c3d;background:-moz-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3e3c3d),color-stop(100%,#2d2c2d));background:-webkit-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:-o-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:-ms-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:linear-gradient(to bottom,#3e3c3d 0,#2d2c2d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0)}
	


	/* Style the Side Nav menu */
	#side-nav ul			{ list-style: none; margin: 0; width: 100%; padding: 0;}
	#side-nav li			{ position: relative; font-size: 1em; border-bottom: 1px solid #222222; border-top: 1px solid #444444; padding: 15px; float:none;}
	#side-nav li a			{ color: #fff; text-decoration: none; margin:0;}
	#side-nav li a:hover, 
	#side-nav li a.active	{ border-bottom: 2px solid #df2889;}
	
	
	
	
	/* Header */
	
	.become-agent		{ }
	.book-a-party		{ margin: 0;}
	.top					{ background: none repeat scroll 0 0 #1B1B1B; border-top: 1px solid #333333; height: 65px; width: 100%;}
	.header .logo			{ display: none; }
	.bottom					{ display: none;}


	.button-wrap			{ display: block; float: none; padding: 15px; text-align: left; width:100%; }
	.button-wrap .button	{ height: 35px; line-height: 35px; vertical-align: middle; display: inline-block; color: #fff!important; font-size: 1em; font-weight: bold; text-align: center; padding: 0 15px; border-radius: 3px;}
	.button-wrap .button	{ width: 45%; max-width:150px; overflow:hidden}
	.top .button-wrap		{ width:auto; max-width:365px; }
	.top .inner				{ text-align:right;}
	 h1,					
	.title h1				{font-size: 2.5em; font-weight: 300; color: #df2889; line-height:130%; text-align:center; }
	.title					{padding:3% 8% 0% 8%;}
	.desktopOnly			{ display:none;}
	
	
	
	
	
	
	
	/* Sections */
	.section			{float: none; border-top: none; padding: 3% 0;background:none; }
	.inner				{ margin: 0 auto; width: 100%; }
	.inner.withMargins	{ margin:6%;}
	.section h2			{ font-size:2em; padding:0 6%;}
	.section h3			{ font-size:1.5em; padding:0 6%;}
  	.section p			{padding: 0 6%;}
  	
	.section img		{width: 100%; float: none; }
	.section .text		{width: 100%; float: none; padding:6% 8%;}
	.section .text h2	{font-size:1.8em;  line-height:130%; text-align:center;}
	.section h3.sub		{font-size: .85em; font-weight: 300; font-style:italic; color: #777; line-height:1.8em; margin-top: .83em; text-align:center; }	
	.section .text p	{font-size:1.2em; line-height:160%;}
	.section .text.smallPrint p		{font-size:0.8em;	line-height:130%;}
	.section .text.smallPrint h1	{font-size:1em;		line-height:130%;	text-align:center; margin-top:3%; margin-bottom:0;}
	.section .text.smallPrint p.b	{margin-top:6%;}
	
	 /* Forms */
	.form_container {float: none; padding: 10% 3%; background: #fff; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); position: relative; z-index: 2;}
	.form_container div.form {float: none;}
	.form_container div.form label {font-weight: bold; padding: 5px 0 2px 0; display: inline-block;}
	.form_container div.form input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #a9a9a9; border-radius: 3px;}
	.form_container div.form select {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #a9a9a9; border-radius: 3px;}
	.form_container div.form .button {width: 100%; font-size:1em;}

	.arrow_carrot-right_alt2 {font-size: 30px; display: inline-block; margin-top: -6px; vertical-align: middle;}

	
	
	
	/* Homepage splash */
	.homepage_splash			{ width: 100%; height:auto; float:none; padding-bottom:0; margin-bottom:8%;}
	.homepage_splash .inner		{ background: url(../imgs/splash-homepage.jpg) no-repeat center top #fff; background-size: contain; padding: 50% 8% 0% 8%; height:inherit;}
	.homepage_splash_info		{ box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); background:#fff; padding:3%;}
	.homepage_splash h1 { width: 100%; margin-top: 0%; background:#fff; font-size:2.5em; line-height:130%; text-align:center;padding: 0%;}
	.homepage_splash p	{ width: 100%; margin-top: 1%; font-size: 1.2em; padding:6% 6% 0 6%;}
	.homepage_splash .button-wrap { float:none; padding:3%; margin-top: 1%;  width:80%; margin:0 auto; min-width:336px; }
	.homepage_splash .button-wrap .button {margin-top: 0.5%;margin-bottom:0%; }
	
	.more_info_link_joining {color: #9900cc; float: left; font-size:.8em; margin:0%;}
	.more_info_link_parties {color: #df2889; float: right; font-size:.8em; margin:0%;}
	.homepage_splash .button.become-agent	{ margin-right:1%; width:100%;}
	.homepage_splash .button.book-a-party	{ margin-left:1%;width:100%;}
	




	/* Join splash */
	.join_splash {width: 100%; height: auto; float: none; background: #eaebef;}
	
	
	.join_splash .inner { padding-top: 65%; height: auto; background: url(../imgs/splash-join.jpg) no-repeat center top #fff; background-size: contain; position: relative;}
	.join_splash .inner .form_helper {float:none; width:100%; margin: 0% 0 10% 0; padding: 0; position: relative; z-index: 3; text-align:center;}
	.join_splash .inner .form_helper h2 {line-height: 120%; font-size:2.5em; margin-top:15%; float:left; width:100%; padding:0 20%;}
	.join_splash .inner .form_helper .arrow {position: absolute; top: 0%; right: 3%; width:15%;}
	.join_splash .section_helper {position: absolute; bottom: 60px; left: 0;}
	.join_splash .section_helper h3 {display: inline;}
	.join_splash .section_helper img {margin: 0 0 0 10px; vertical-align: text-bottom;}
	.form_container_join {float:none; width:80%; margin:0 auto; }
	.form_container_join:after {clear:both;}
	.form_container_join div.form {width: auto; padding: 15% 6% 0% 6%;}
	



	.form_container_join div.form div.img_box img	{  width:80%;   }		
	.form_container_join div.form div.img_box	{  width:100%; text-align:center;  margin:0;  }		
	.form_container_join div.form h6			{ position:relative; left:inherit; top:inherit; width:80%; float:none; margin:0 auto;}
	.form_container_join div.form .purple_text {font-size: 16px; font-weight: bold; color: #9900cc;}
	.form_container_join div.form .purple_text br {display:none; content:' ';}

	/* Join - Section Why */
	.section.section_why h3		{ font-size:1.3em;}
	.section_why .button		{width:auto; font-size:.85em; margin:0 6%; padding-left:6%; padding-right:6%;}
	.section_why .button .desktop	{display:none;}

	/* Host splash */
	.host_splash {padding-top: 46%; margin-bottom:20%; height: auto; background: url(../imgs/splash-host.jpg) no-repeat center top #fff; background-size: contain; position: relative; float:none;}
	.host_splash .inner {}
	
	/* Host - optin box */
	.maybe_host_box {width: 100%; height: 275px; background: #fff; border: 10px dashed #df2889;}
	.maybe_host_box h3 {margin-top: 40px;}
	.maybe_host_box p {float: none; margin-right: 50px;}
	.maybe_host_box .button {margin-top: 30px;}
	
	.form_info			{width: 100%; margin:0; float: none;}
	.form_info p		{ font-size: 1.2em;  text-align:center; margin:0%;}
	.form_info h2		{ text-align:center; font-size:2.5em; line-height:130%;}
	.form_info ul		{ margin:0 auto 6% auto; width:310px;}
	.form_info ul li	{ width:auto; display:block;}
	.form_info ul li b	{ font-weight:300; font-size:1em}
	.form_info ul li .icon_check_alt {font-size: 1.3em; vertical-align: middle; margin-right: 4px;}
	.form_info .desktopOnly		{ display:inline-block}
	.form_container_host		{width:80%; margin:0 auto; padding:3%;}
	.form_container_host .form	{margin:0 6%;}







	.share-wrap,
	.copyright			{ width: 100%;}
	.download_box img	{ }
	
	/* Download brochure box */
	.download_box {width: 93%; height: auto; border: 10px dashed #df2889; text-align: center; margin: 0 auto; padding: 6%;}
	.download_box h3 {margin-top: 6%; line-height:140%; font-size:1.3em;}
	.download_box .button {margin-top: 5%; font-size:1em; overflow:hidden;}
	.download_box img	{ margin:0;}
	
	
	
	.download_box_big .col1		{ width:100%; display:block;}
	.download_box_big img		{ margin-left:10px; margin-right: 0px; margin-top:30px; width:100%;}
	.download_box_big .col2		{width:100%; display:block; }
	.download_box_big .col2 ul	{ width:400px; margin:0 auto;}


	.download_box_big {height: auto; padding: 6%;}
	.download_box_big img {margin-left:3%; margin-right: 0px; margin-top:0px}
	.download_box_big h3.black { font-size:2em; font-weight:300; color: #333; line-height: 120%; margin-top: 6%;}
	.download_box_big h3.pink {font-weight: 300; color: #df2889; line-height: 150%; margin-top: 6%;}
	.download_box_big .button { margin-top:20px;}

	/* Footer */
	.footer { color: #ccc; font-size: .8em; font-weight:normal; line-height:140%}
	.footer a { color: #ccc; }
	.footer a:hover { color: #df2889!important; text-decoration:underline; }
	.footer .upper { height: auto; width: 100%; background: #1b1b1b; border-bottom: 1px solid #333; }
	.footer .upper .widget { display: block; height: auto; margin: 0 3%; padding: 2% 0; width: 36%; }	
	.footer .upper .widget.center,
	.footer .upper .widget.right	{ display:none;}
	.footer .upper .widget.left		{ margin: 0; width: 100%; }
	.footer .upper .widget.left a	{font-size:1.3em; line-height:175%;}	
	.footer .upper .widget ul		{ display:table; margin:0 auto;}
	.footer .lower					{ display: inline-block; height: auto; width: 100%; background: #000; }
	.footer h2.widgetTitle			{ display:none; }


	.footer-links li { margin: 3% 0; }
	.copyright { width: 90%; margin:0 auto; padding-top:3%; text-align:center; float:none; clear:both;}
	.share-wrap { display: inline-block; float: right; height: 100%; width: 400px; text-align: right; padding-top:20px; }
	.fb_iframe_widget {display: inline-block; position: relative;}

	/* FAQ */
	.faq_list		{width: 100%; float: none; padding:0 6%; margin:0; display: block; }
	.faq_list li	{width: 100%; margin-left: 0; margin-bottom: 10%; float: none;}
	.faq_list li p	{ margin:0;}
	.faq_list li h4	{ margin:6% 0 3% 0; font-size:1.3em}
	
	
	/* Blog */
	.blog_list {}
	.blog_list li			{ margin-bottom: 10%;}
	.blog_list li h2		{ font-size:1.5em;}
	.blog_list li .date		{ font-size:0.9em; margin:2% 6%}
	.blog_list li .main_img { max-width:420px; float: none; margin: 0% 6%; border: none;}
	.blog_list li img		{ }
	.blog_list li p			{ float: none; margin:2% 6%}
	.blog_list li a.button	{ font-weight: normal; margin:3% 6%; float:right;}
	.section_blog_post		{padding:0;}
	.section_blog_post .main_img {float: none; margin: 0; border: none;}
	.section_blog_post p	{float: none; margin:6%;}
	.blog_nav				{ margin-top:10%;}
	.blog_nav a				{ font-size:20px;}	
	.blog_view .title		{ margin: 6% 6% 0 6%; padding:0;}
	.blog_view .title h1	{ font-size:1.8em; text-align:left;}
	.blog_view .title .date	{ font-size:0.9em; }
	.blog_view .title br	{ display:none; font-size:22.9em;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
/* iPads + Tablets */
@media screen and (max-device-width: 610px) {

	/* Header */
	.inner				{ margin: 0 auto; width: 100%;  }
	.become-agent		{ }
	.book-a-party		{ margin: 0;}
	.header .logo		{ display: none; }
	

}


/* iPhone Portrait + Landscape */
@media screen and (max-device-width: 480px)
{
	/* side nav container */
	#side-nav			{width:70%;}



	
	
	
	
	/* Header */
	.inner				{ margin: 0 auto; width: 100%; }
	.become-agent		{ }
	.book-a-party		{ margin: 0;}
	.top					{ background: none repeat scroll 0 0 #1B1B1B; border-top: 1px solid #333333; height: 65px; width: 100%;}
	.header .logo			{ display: none; }
	.bottom					{ display: none;}


	.button-wrap			{ display: block; float: none; padding: 15px; text-align: left; width:100%; }
	.button-wrap .button	{ height: 35px; line-height: 35px; vertical-align: middle; display: inline-block; color: #fff!important; font-size: 1em; font-weight: bold; text-align: center; padding: 0 15px; border-radius: 3px;}
	.button-wrap .button	{ width: 45%; overflow:hidden}
	.top .button-wrap		{ margin-right:12%; float:none; }

	 h1,					
	.title h1			{font-size: 2.2em; font-weight: 300; color: #df2889; line-height:130%; text-align:center; }
	.title				{padding:8% 8% 6% 8%;}
	.desktopOnly		{ display:none;}
	
	/* Sections */
	.section h2			{ font-size:2em; padding:0 6%;}
	.section h3			{ font-size:1.5em; padding:0 6%;}
	.section			{float: none; border-top: none; padding: 10% 0;background:none; }
	.section img		{width: 100%; float: none; }
	.section .text		{width: 100%; float: none; padding:6% 8%;}
	.section .text h2	{font-size:1.8em;  line-height:130%; text-align:center;}
	.section h3.sub		{font-size: .85em; font-weight: 300; font-style:italic; color: #777; line-height:1.8em; margin-top: .83em; text-align:center; }	
	.section .text p	{font-size:1.2em; line-height:160%;}
	.section .text.smallPrint p		{font-size:0.8em;	line-height:130%;}
	.section .text.smallPrint h1	{font-size:1em;		line-height:130%;	text-align:center; margin-top:3%; margin-bottom:0;}
	.section .text.smallPrint p.b	{margin-top:6%;}
	
	 /* Forms */
	.form_container { width:100%; float: none; padding: 10% 3%; background: #fff; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); position: relative; z-index: 2;}
	.form_container div.form {float: none;}
	.form_container div.form label {font-weight: bold; padding: 5px 0 2px 0; display: inline-block;}
	.form_container div.form input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #a9a9a9; border-radius: 3px;}
	.form_container div.form select {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #a9a9a9; border-radius: 3px;}
	.form_container div.form .button {width: 100%; font-size:1em;}

	.arrow_carrot-right_alt2 {font-size: 30px; display: inline-block; margin-top: -6px; vertical-align: middle;}

	
	
	
	/* Homepage splash */
	.homepage_splash { width: 100%; height:auto; float:none; padding-bottom:0;}
	.homepage_splash .inner {background: url(../imgs/splash-homepage.jpg) no-repeat center top #fff; background-size: contain; padding:3%; }
	.homepage_splash_info		{ box-shadow: none; background:none; padding:0;}
	.homepage_splash h1 { width: 100%; margin-top: 50%; background:#fff; font-size:2em; line-height:130%; text-align:center;}
	.homepage_splash p	{ width: 100%; margin-top: 1%; font-size: 1.2em; padding:6% 6% 0 6%;}
	.homepage_splash .button-wrap { float:none; padding:3%; margin-top: 1%; width:100%; margin:0; min-width:0;margin-bottom:20%;  }
	.homepage_splash .button-wrap .button {margin-top: 0.5%;min-width:0; width:48%;  }
	
	.more_info_link_joining {color: #9900cc; float: left; font-size:.8em; margin-left:3%; }
	.more_info_link_parties {color: #df2889; float: right; font-size:.8em; margin-right:3%; }
	.homepage_splash .button.become-agent	{ margin-left:inherit;}
	.homepage_splash .button.book-a-party	{ margin-right:inherit;}
	





	/* Join splash */
	.join_splash {width: 100%; height: auto; float: none; background: #eaebef;}
	
	.join_splash .inner img.op { float:none; width:80%; margin:0;}
	.join_splash .inner div.op		{ text-align:center}
	.join_splash .inner { padding-top: 65%; height: auto; background: url(../imgs/splash-join.jpg) no-repeat center top #fff; background-size: contain; position: relative;}
	.join_splash .inner .form_helper {float:none; width:100%; margin: 0% 0 10% 0; padding: 0; position: relative; z-index: 3; text-align:center;}
	.join_splash .inner .form_helper h2 {line-height: 120%; font-size:1.8em; margin-top:20%; float:left; width:100%;}
	.join_splash .inner .form_helper .arrow {position: absolute; top: 0%; right: 3%; width:15%;}
	.join_splash .section_helper {position: absolute; bottom: 60px; left: 0;}
	.join_splash .section_helper h3 {display: inline;}
	.join_splash .section_helper img {margin: 0 0 0 10px; vertical-align: text-bottom;}
	
	.form_container_join { width:100%; float:none; }
	.form_container_join:after {clear:both;}
	.form_container_join div.form {width: auto; padding: 30% 6% 0% 6%;}
	.form_container_join div.form .purple_text {font-size: 16px; font-weight: bold; color: #9900cc;}
	.form_container_join div.form .purple_text br {display:none; content:' ';}

	/* Join - Section Why */
	.section.section_why h3		{ font-size:1.3em;}
	.section_why .button		{width:auto; font-size:.85em; margin:0 6%; padding-left:6%; padding-right:6%;}
	.section_why .button .desktop	{display:none;}

	/* Host splash */
	.host_splash {padding-top: 46%; margin-bottom:20%; height: auto; background: url(../imgs/splash-host.jpg) no-repeat center top #fff; background-size: contain; position: relative; float:none;}
	.host_splash .inner {}
	
	/* Host - optin box */
	.maybe_host_box {width: 100%; height: 275px; background: #fff; border: 10px dashed #df2889;}
	.maybe_host_box h3 {margin-top: 40px;}
	.maybe_host_box p {float: none; margin-right: 50px;}
	.maybe_host_box .button {margin-top: 30px;}
	
	.form_info			{width: 100%; margin:0; float: none;}
	.form_info p		{ font-size: 1.2em;  text-align:center; margin:0%;}
	.form_info h2		{ text-align:center; font-size:2.2em; line-height:130%;}
	.form_info ul		{ margin:0 auto 6% auto; width:200px;}
	.form_info ul li	{ width:auto; display:inline-block;}
	.form_info ul li b	{ font-weight:300; font-size:1em}
	.form_info ul li .icon_check_alt {font-size: 1.3em; vertical-align: middle; margin-right: 4px;}
	.form_info .desktopOnly		{ display:none;}
	.form_container_host		{margin-top: 0;}
	.form_container_host .form	{margin:0 6%;}







	.share-wrap,
	.copyright			{ width: 100%;}
	.download_box img	{ }
	
	/* Download brochure box */
	.download_box {width: 93%; height: auto; border: 10px dashed #df2889; text-align: center; margin: 0 auto; padding: 6%;}
	.download_box h3 {margin-top: 6%; line-height:140%; font-size:1.3em;}
	.download_box .button {margin-top: 5%; font-size:1em; overflow:hidden;}
	.download_box img	{ margin:0;}
	
	.download_box_big {height: auto; padding: 6%;}
	.download_box_big img {margin-left:3%; margin-right: 0px; margin-top:0px}
	.download_box_big h3.black { font-size:2em; font-weight:300; color: #333; line-height: 120%; margin-top: 6%;}
	.download_box_big h3.pink {font-weight: 300; color: #df2889; line-height: 150%; margin-top: 6%;}
	.download_box_big .button { margin-top:20px;}

	.download_box_big .col2 ul	{ width:80%; margin:0 auto;}
	
	
	/* Footer */
	.footer { color: #ccc; font-size: .8em; font-weight:normal; line-height:140%}
	.footer a { color: #ccc; }
	.footer a:hover { color: #df2889!important; text-decoration:underline; }
	.footer .upper { height: auto; width: 100%; background: #1b1b1b; border-bottom: 1px solid #333; }
	.footer .upper .widget { display: block; height: auto; margin: 0 3%; padding: 2% 0; width: 36%; }	
	.footer .upper .widget.center,
	.footer .upper .widget.right	{ display:none;}
	.footer .upper .widget.left		{ margin: 0; width: 100%; }
	.footer .upper .widget.left a	{font-size:1.3em; line-height:175%;}	
	.footer .upper .widget ul		{ display:table; margin:0 auto;}
	.footer .lower					{ display: inline-block; height: auto; width: 100%; background: #000; }
	.footer h2.widgetTitle			{ display:none; }


	.footer-links li { margin: 3% 0; }
	.copyright { width: 90%; margin:0 auto; padding-top:3%; text-align:center; float:none; clear:both;}
	.share-wrap { display: inline-block; float: right; height: 100%; width: 400px; text-align: right; padding-top:20px; }
	.fb_iframe_widget {display: inline-block; position: relative;}

	/* FAQ */
	.faq_list		{width: 100%; float: none; padding:0 6%; margin:0; display: block; }
	.faq_list li	{width: 100%; margin-left: 0; margin-bottom: 10%; float: none;}
	.faq_list li p	{ margin:0;}
	.faq_list li h4	{ margin:6% 0 3% 0; font-size:1.3em}
	
	
	/* Blog */
	.blog_list {}
	.blog_list li			{ margin-bottom: 10%;}
	.blog_list li h2		{ font-size:1.5em;}
	.blog_list li .date		{ font-size:0.9em; margin:2% 6%}
	.blog_list li .main_img { float: none; margin: 3% auto; border: none;}
	.blog_list li p			{ float: none; margin:2% 6%}
	.blog_list li a.button	{ font-weight: normal; margin:3% 6%; float:right;}
	.section_blog_post		{padding:0;}
	.section_blog_post .main_img {float: none; margin: 0; border: none;}
	.section_blog_post p	{float: none; margin:6%;}
	.blog_nav				{ margin-top:10%;}
	.blog_nav a				{ font-size:20px;}	
	.blog_view .title		{ margin: 6% 6% 0 6%; padding:0;}
	.blog_view .title h1	{ font-size:1.8em; text-align:left;}
	.blog_view .title .date	{ font-size:0.9em; }
	.blog_view .title br	{ display:none; font-size:22.9em;}

} 

@media screen and (max-device-width: 319px) {
	.more_info_link_joining {display:none;}
	.more_info_link_parties {display:none;}
}
@media screen and (max-device-width: 240px) {
	.button-wrap .button	{ font-size:0.8em;}
}

/*@media all and (min-width: 1024px) and (max-width: 1280px)
@media screen and (min-width: 940px) and (max-width: 1280px) {

 }

@media all and (min-width: 768px) and (max-width: 940px) { }

@media all and (min-width: 480px) and (max-width: 768px) { }

@media all and (max-width: 480px) { }


Portrait 
@media screen and (orientation:portrait) {  Portrait styles here  }
Landscape 
@media screen and (orientation:landscape) {  Landscape styles here  }


CSS for iPhone, iPad, and Retina Displays 

Non-Retina
@media screen and (-webkit-max-device-pixel-ratio: 1) 
{

}

Retina 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}*/



/* iPhone Landscape 
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

iPad Portrait 
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

iPad Landscape
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}*/