@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@font-face {
font-family: 'Avenir Next LT Pro Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir Next LT Pro Bold'), 
url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Demi';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir Next LT Pro Demi'), 
url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir Next LT Pro Regular'), 
url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
}
body{
	padding:0;
	margin:0;
	font:23px Open Sans;
	color:#111;
}
#banner{
	background:url(../images/banner.jpg) top center no-repeat;
	text-align:center;
	padding: 30px 0 0;
	border-bottom: 140px solid #663399;
	position: relative;
}
#banner h1{
	margin:0;
	color:#ea0c23;
	font:700 48px 'Avenir Next LT Pro Bold';
	padding:0;
	font-style:italic;
	font-weight:700;
}
#banner h2{
	margin:0 0 20px;
	padding:0;
	font-weight:700;
	color:#663399;
	font:700 40px Avenir Next LT Pro Bold;
	line-height: 1EM;
}
#banner h3{
	margin:0;
	font:32px 'Avenir Next LT Pro Demi';
	padding:0;
	font-weight: 400;
	COLOR: #993399;
	line-height: 1em;
	position: relative;
}
#banner h3 span{
	font-family:Open Sans;
	font-weight:600;}
#banner h3 strong{
	font-family:'Avenir Next LT Pro Bold';
}
#banner a.btn{
	position: absolute;
	left: 0;
	margin: auto;
	right: 0;
	font-family:Helvetica, Arial;
	max-width: 1000px;
	bottom: -62px;
	font-size: 34px;
}

p.belowbutton { 	
	position: absolute;
	left: 0;
    margin: auto;
    right: 0;
    bottom: 120px;
    color: #fff;
    max-width: 600px;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;	}

a.btn span{ display: block; font-size: 24px; text-transform: none; display: block; font-weight: normal; letter-spacing: 0.25px; color: #fff !important; font-family: Helvetica, Arial !important; }

a.btn span.shipping { font-size: 16px; }

img.bannerimage {
    top: 7px;
    margin-top: -212px;
    margin-left: 20px;
    position: relative;
}
a.btn{
	display:inline-block;
	color: #fff!important;
	text-decoration:none;
	border-radius:10px;
	box-shadow: 0px -1px 12px #000;
	padding:10px 40px;
	background:#ea0c23;
	font: 700 39px Helvetica;
	text-transform:uppercase;
	letter-spacing:-1px;
	text-shadow: 3px 3px 0 #cc0000,      -1px -1px 0 #cc0000,         1px -1px 0 #cc0000,       -1px 1px 0 #cc0000,        1px 1px 0 #cc0000;
}
.wrap{
	max-width: 1200px;
	padding:0 20px;
	margin:0 auto;
}

#content{
		background:url(../images/content-bg.jpg) top center no-repeat;
		background-size:cover;
		padding: 75px 0 0;
}
#content h1{
	margin:0;font:700 57px 'Avenir Next LT Pro Bold';
	color:#663399;
	text-align:center;
}
#content h2{
	margin:0;font:400 42px 'Avenir Next LT Pro Demi';
	COLOR: #993399;
	text-align:center;
	font-style:italic;
}
#content h2 span{
	font-weight:bold;
	color:#ea0c23;
}
.offers{
	max-width:1200px;
	margin:0 auto;
	padding:80px 0;
}
.col-1, .col-2{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top

}
p{
	margin:0 0 1em;
}
.col-1{
	width:300px;
	padding-top:20px;
	text-align: center;
}
.col-2{
	width: 860px;
	margin-left:20px;
	}
.col-2 h3{
	color:#000;
	font-family:'Avenir Next LT Pro Demi';
	font-size: 32px;
	text-align:center;
	margin:0 0 30px;
	line-height: 1.2em;
	font-weight: bold;
}
.col-2 h3 span{
	font-size: 38px;
	font-family:'Avenir Next LT Pro Bold';
	color:#ef2f24;
	font-weight: bold;
}
#dark{
	background: rgba(0,0,0,0.1);
}
#dark .col-1, #dark  .col-2{
	vertical-align:middle;
}
div#includes {
    max-width: 1200px;
    margin: 50px auto 0;
    padding: 30px 15px;
}

div#includes h3 {
	text-shadow: 3px 3px 0 #62277c,      -1px -1px 0 #62277c,         1px -1px 0 #62277c,       -1px 1px 0 #62277c,        1px 1px 0 #62277c;
    font: 800 66px Open Sans;
    color: #fff;
    text-align:center;
    margin: 0 auto 50px;
    display: block;
    background: #95328b;
    padding: 0 10px;
    max-width: 300px;
    border-radius: 8px;
}

.session {
    text-align:center;
    font: 700 35px 'Avenir Next LT Pro Demi';
}
.session span{
    color: #ef2f24;
    font-family:'Avenir Next LT Pro Bold';;
}
.session:after{
    clear:Both;
    content:"";
    display:block;
}
.session img{
    float:left;
}

div#about {
    margin: 70px 0;
}

div#images {
    text-align: center;
}
div#images img{
    margin:0 40px 40px}

 div#bottom-offers{
 	background:url(../images/bottomcta.jpg) top center no-repeat;
 	text-align:center;
 	padding: 30px 0 0;
 	border-bottom: 140px solid #663399;
 	position: relative;
 	background-size: cover;
 }
 #bottom-offers span{
 	color:#ea0c23;
 	font-family:'Avenir Next LT Pro Bold';
 	font-style: normal!important;
 }
 #bottom-offers h1{
	margin:0 0 20px;
	font:700 49px 'Avenir Next LT Pro Demi'!important;
	line-height:1em!important;
	padding:150px 0 0;
	font-weight: 400;
	COLOR: #95328b;
	line-height: 1em;
	font-style: italic!important;
}
 #bottom-offers  img{
    position: relative;
    top: 30px;
    margin-bottom: -50px;
}
 #bottom-offers a.btn{
 	margin:10px 0!Important}
#footer{
	background:url(../images/content-bg.jpg) top center no-repeat;
	text-align:Center;
	padding:80px 0;
	font-size:16px;
}
.addthis_toolbox {
    display: none;
}
#footer a{
	color:#111;
	text-decoration: underline;
}
#footer h3{
	font-family: 'Dancing Script', cursive;
	color: #000;
	font-size:54px;
	margin:0 0 20px;
}
#footer ul{
	margin:0 0 80px;
	padding:0;
}
#footer h3 span{
	display:block;
	color:#be4488;
	font:700 18px Open Sans;
}
#footer p{
	margin:0 0 30px;
}
#footer ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top
	margin:0 5px;
	padding:0;
}
header.site-header{display:none;}
@media only screen and (max-width: 1256px){

img.bannerimage { max-width:100%; height: auto; }

}

@media only screen and (max-width: 977px){
	div#images img{margin: 10px 0;}
	img{
		max-width:100%;
		height: auto;
	}
	.col-1{float:left;margin-right: 20px;}
	.col-1,.col-2{
		display:block;
		margin: 0;
		width:auto;
		padding: 0 10px;
	}
	a.btn{
	font-size:46px;
	width: 70%;
	}
	#content h1, #bottom-offers h1{font-size:40px!important;}
	#content h2, div#includes h3, #banner h3{font-size: 27px!important;}
	body{font-size:18px!important;}
	#banner h2, #banner h1{font-size:40px!important;}
	#banner {border-bottom: 110px solid #663399;}
	.col-2 h3, .col-2 h3 span{font-size:28px;}
	.session img{float:none;}
	.session{
		font-size:30px!important;
	}
	#banner h2 br, #banner h1 br{
		display:none;
	}
		img.bannerimage{margin-top: -124px;}
		a.btn{font-size:24px!important;white-space: normal;}
}

@media only screen and (max-width: 767px){
	h3 br{display:none}
			a.btn{font-size:20px!important;white-space: normal;}

#content, .offers{padding: 40px 0 30px;}
   #bottom-offers h1 { padding: 80px 0 0; }
   .col-2 h3 span{display:block}
	img.bannerimage{margin-top: -40px;margin-left:0;}
}	
	
@media only screen and (max-width: 600px){
		#content h2, div#includes h3, #banner h3{font-size: 21px!important;}
	#content h1, #bottom-offers h1{font-size: 28px!important;}
	#content h2{font-size: 23px!important;}
	body{font-size:18px!important;}
	.col-2 h3, .col-2 h3 span{font-size: 22px;}
	#banner h2, #banner h1{font-size: 24px!important;}
}
@media only screen and (max-width: 550px){
	.col-1 {float: none!important; text-align: center!important; margin: 0 0 20px 0!important;}
	a.btn {font-size: 30px; width: 90%; padding: 10px 10px;}
	a.btn span { font-size: 16px; }
	a.btn span.shipping { font-size: 11px; }
	#banner {border-bottom: 90px solid #663399;}
}

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

	img.bannerimage{margin-top: 0;margin-left:5%;}
	#content h1{font-size:24px!important}
	}