@import url(https://fonts.googleapis.com/css?family=Permanent+Marker|Open+Sans:400,300,700,600);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);
@import url(https://fonts.googleapis.com/css?family=Helvetica, sans-serif);
body{
	padding:0;
	margin:0;
	background:#fff;
	font:400 21px Helvetica, sans-serif;
	color: #484452;
}
p{margin:0 0 15px}
.wrapper{
	max-width: 980px;
	margin:0 auto;
	padding:0 25px;
}
#section-1 p{margin:0;}
#section-1{
	background: url(../cysp-images/top-banner.jpg) center no-repeat;
	padding: 40px 0;
	font: 600 25px Helvetica, sans-serif;
	color:#587499;
	background-size: cover;
}
#section-1 h3{
	font-family:Helvetica, sans-serif;
	font-size:26px;
	margin: 0 0 20px;
	font-weight:400;
	color:#587499;
}
#section-1 .wrapper{
	padding-right: 400px;
	max-width: 540px;
	text-align: center;
}
#blue-bar{
	font:300 26px Helvetica, sans-serif;
	color:#fff;
	padding:30px 0;
	margin-top:-10px;
	background: #cbb583;
}
#blue-bar p{
	margin: 0 150px 0 0;
	text-align: Center;
}
#section-1.wrapper p{
	text-align:center;
}

#section-2{
	padding: 47px 0px;
	font:700 21px Helvetica, sans-serif;
	color: #555c6f;
	margin: 50px auto;
	max-width: 980px;
}

#section-2 ul{
	padding: 0 25px;
	margin:0;
}
#section-2 p{padding:0 25px}
#section-2 ul li{
	color: #333366;
	font:400 21px Helvetica, sans-serif;
	margin:0 0 25px;
	background:url(../cysp-images/arrow4.png) left center no-repeat;
	padding-left: 60px;
	list-style: none;
	min-height: 24px;
}

#section-3{
	background:url(../cysp-images/block3bg.jpg) center no-repeat;
	padding:30px 0 50px;
	background-size: cover;
}
#section-3 .wrapper{
	max-width:1100px
}
#section-3 h2{
	color:#993366;
	font:40px Helvetica, sans-serif;
	margin:0 0 45px;
	text-align: center;
	text-transform: uppercase;
	}
#boxes{
	text-align:Center;
}
#boxes.v2 .box{
	margin: 0 10px 50px;
}
.box{
	min-height: 120px;
	background:#fff;
	color: #000;
	border: 2px solid #b99831;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	padding:20px;
	text-align:center;
	width: 300px;
	margin:0 25px 50px;
	font:400 18px Helvetica, sans-serif;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	position:relative;
	min-height: 168px;
	filter: drop-shadow(3px 3px 2px #999);
}
.box h3{
	color:#fff;
	font: 700 31px Helvetica, sans-serif;
	margin: 0 0 10px;
}


#section-4{
	background: #679966;
	font: 400 21px Helvetica, sans-serif;
	color:#333366;
	background-size: contain;
	margin: 0 auto;
	color:#fff;
	position:relative;
	padding: 80px 0;
}
#section-4 img{
	float: right;
	right:0;
	position: relative;
}
#section-4 span{
	color: #fff;
	font-weight:bold;
	font-size:27px;
}
#section-4 h2{
	color:#fff;
	font: 40px Helvetica, sans-serif;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: .9em;
	}
#section-4 h2 span{
	font:700 29px Helvetica, sans-serif;
	font-style:italic;
	text-transform:none;
}
.padding{
	padding:0 25px;}
#section-5 h2{
	color:#993366;
	font: 40px Helvetica, sans-serif;
	text-align: center;
}
#section-5{
	text-align:Center;
	margin: 70px auto;
	font: 700 23px Helvetica, sans-serif;
	color:#484452;
}

#section-6{
	background: #993366;
	padding: 47px 0px;
	font: 400 21px Helvetica, sans-serif;
	color:#333366;
	background-size: contain;
	margin: 50px auto 0;
	color:#fff;
	position:relative;
	z-index: 2;
}
#section-6 h2{
	color:#fff;
	font: 40px Helvetica, sans-serif;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
	}
#section-6 ul{
	max-width:800px;
	margin:0 auto;
	padding:0;
}
#section-6 ul li{
	color: #fff;
	font:400 21px Helvetica, sans-serif;
	margin:0 0 25px;
	background:url(../cysp-images/arrow.png) left center no-repeat;
	padding-left: 40px;
	list-style: none;
}

#section-7{
	padding: 100px 0;
	font: 400 26px Helvetica, sans-serif;
	color:#fff;
	text-align:Center;
	margin: 0 auto;
	color:#fff;
	position:relative;
}
#section-7 h2{
	color:#587499;
	font:40px 'Permanent Marker';
	margin: 0 0 20px;
	text-align: center;
	}
div#business-box {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 0;
    color: #587499;
    padding: 15px;
    border: 16px solid #587499;
}

div#box-container {
     margin: 0 auto;
     background: rgba(153,51,102,0.7);
     padding: 30px 36px 60px;
     position: relative;
     right: -15px;
     top: 13px;
}
div#business-box span{
    color:#ffff66;
}


#section-8{
	background: #587499;
	padding: 70px 0;
	font: 400 21px Helvetica, sans-serif;
	color: #fff;
	background-size: contain;
	margin: 0 auto;
	position:relative;
	z-index: 2;
}
#section-8 h2{
	color: #fff;
	font: 40px Helvetica, sans-serif;
	margin: 0 0 40px;
	text-align: center;
	text-transform: uppercase;
	}
#section-8 ul{
	padding:0;
	margin-left: 100px;
}
#section-8 ul li{
	font: 400 21px Helvetica, sans-serif;
	color:#fff;
	margin:0 0 25px;
	background:url(../cysp-images/arrow.png) left center no-repeat;
	padding-left: 40px;
	list-style: none;
}
#section-8 img{
	float:right;
	margin-left:45px;
}

div#section-9 {
    max-width: 860px;
    margin: 60px auto;
    padding: 0 15px;
}
#section-9 h2{
	font: 700 42px Helvetica, sans-serif;
	margin: 0 0 20px;
	text-align: left;
	color: #679966;
	text-transform: uppercase;
}
#section-9 h3{
	color:#993366;
	font: 36px Helvetica, sans-serif;
	margin: 0 0 15px;
	text-align: center;
}
#section-9 img{
    float:right;
    margin-left:30px;
}
#section-9 span{
	color:#993366;
}
#section-10.v2{
	background:url(../cysp-images/signupbg2.jpg) center no-repeat;
	background-size: cover;
}
#section-10.v3{
	background:url(../cysp-images/signupbg3.jpg) center no-repeat;
	background-size: cover;
}
#section-10{
	background:url(../cysp-images/signupbg1.jpg) center no-repeat;
	padding: 47px 0px;
	font: 600 26px Helvetica, sans-serif;
	color: #FFF;
	background-size: cover;
	margin: 0 auto;
	position:relative;
	z-index: 2;
	padding: 60px 0 10px;
	text-align: center;
}
#section-10{padding-left:220px;}
#section-10 h2{
	color: #993366;
	font: 700 33px Helvetica, sans-serif;
	margin: 0 0 40px;
	text-align: center;
	}
#section-10 h2 span{
	color:#ffff66;
}
.clear{clear:both;}
div#whatyouget {
    MAX-WIDTH: 792px;
    margin: 0 auto 40px;
    background:#fff;
    color: #993366;
    font-weight: 600;
    font-size: 31px;
    position: relative;
    z-index: 2;
    box-shadow: 1px 4px 10px #484747;
    top: -16px;
}
div#whatyouget h2{
    text-transform:uppercase;
    font-size:29px;
    background:#679966;
    padding:10px;
    text-align: Center;
    color: #fff;
    margin: 0 0 30px;
}
div#whatyouget .left{
    float:left;
    width: 330px;
    border-right:1px solid #ccc;
    text-align:Center;
    font-size:21px;
    padding: 0 30px;
     color:#484452;
}
.left span{
    text-decoration:underline;
    font-style:italic;
    display:block;margin-top:-5px;
}
div#whatyouget .right{
    float:left;
    width: 330px;
    color:#484452;
    text-align:Center;
    font-size:25px;
    padding: 20px;
    font-weight: 600;
}

a.enroll {
    display: block;
    color: #fff;
    background: #587499;
    font: 700 38px 'Helvetica, sans-serif';
    text-decoration: none;
    max-width: 300px;
    margin: 0 auto;
    box-shadow: 1px 4px 10px #484747;
    position: relative;
    top: 14px;
    text-transform: uppercase;
}

p.payfull {
    text-align: Center;
    color: #fff;
    font: 700 26px Helvetica, sans-serif;
    margin: 0;
    text-transform: uppercase;
}
p.payfull span{
    text-decoration:underline;
    color: #ffff66;
}
p.close {
    text-align: Center;
    color: #fff;
    font: 600 26px Helvetica, sans-serif;
}


#section-11 h2{
	font: 40px Helvetica, sans-serif;
	margin: 0 0 30px;
	line-height: 1em;
	text-transform: uppercase;
	display: block;
}
#section-11 .clear{
	margin: 50px;
	display: block;
	content: "";
}
div#section-11 {
    margin: 60px auto;
    font-size: 18px;
    line-height: 1.5em;
}
#section-11 img.alignleft{
	float:left;
	margin-right:75px;
}
#section-11 img.alignright{
	float: right;
	margin-left:75px;
}

div#greenbar {
    max-width: 100%;
    margin: 120px auto 0;
    background: #679966;
    padding: 25px 10px 0;
}
div#greenbar p{display:none;}
#greenbar h2{
    text-align:Center;
    color:#fff;
    font:600 33px Helvetica, sans-serif;
    margin: 0;
}
#greenbar h2 span{
    color:#ffff66;
}
div#greenbar img{
    float:Left;
    margin-top: -69px;
    margin-right: 45px;
    position: relative;
    top: 16px;
}

#section-12{
    margin-bottom: 60px;
}
.week{
	padding: 40px 0;
	background:#f6f6f6;
}
.week.white{
	background:#fff;
}
.week h3{
	font: 39px Helvetica, sans-serif;
	margin:0;
	color:#993366;
	margin: 0;
	text-transform: uppercase;
	cursor: pointer;
}
.week h3 span{
	font:700 26px Helvetica, sans-serif;
}
#green.week span{
	color:#679966;
}
#violet.week span{
	color:#993366;
}
 #blue.week span{
	color:#587499
}
.week span{
	font-weight:bold;
}
.week h3 span{
	font:700 26px Helvetica, sans-serif;
	margin:0 0 30px;
	color: #484452!Important;
	position: relative;
	text-transform: none;
	top: -3px;
}
.week h3 span:after{
	width: 0;
	height: 0;
	content:"";
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #484452;
	position: relative;
	top: 24px;
	margin-left: 20px;
}
.week ul{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	padding: 0;
	margin: 25px 0 0 15px;
}
.week ul li{
	font-size:26px;
	margin:0;
	padding:0;
	list-style: none;
}

#section-15{
	padding: 47px 0px;
	font: 400 21px Helvetica, sans-serif;
	background-size: contain;
	margin: 16px auto 0;
	color: #484452;
	position:relative;
	z-index: 2;
}
#section-15 h2{
	color: #679966;
	font: 40px Helvetica, sans-serif;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
	}
#section-15 ul,#section-16 ul{
	max-width:800px;
	margin:0 auto;
	padding:0;
}
#section-15 ul li{
	color: #484452;
	font:400 21px Helvetica, sans-serif;
	margin:0 0 25px;
	background:url(../cysp-images/arrow3.png) left center no-repeat;
	padding-left: 40px;
	list-style: none;
}

#section-16{
	padding: 47px 0px;
	font: 400 21px Helvetica, sans-serif;
	background-size: contain;
	margin: 0 auto;
	position:relative;
	z-index: 2;
	border-top: 1px solid #484452;
}
#section-16 ul li{
	color: #484452;
	font:400 21px Helvetica, sans-serif;
	margin:0 0 25px;
	background:url(../cysp-images/arrow4.png) left center no-repeat;
	padding-left: 40px;
	list-style: none;
}

#section-16 .padding{
	padding:0 40px;
}
#section-16 h2{
	color: #993366;
	font: 40px Helvetica, sans-serif;
	margin: 0 0 40px;
	text-align: center;
	text-transform: uppercase;
	}
div#section-18 {
    margin: 60px auto;
}
div#signupbg {
    background: #555c6e;
    margin-top: -14px;
    padding: 0 0 40px;
}
div#section-18 h2{
	font: 40px Helvetica, sans-serif;
	margin: 0 0 30px;
	line-height: 1em;
	text-align:Center;
	color: #993366;
	text-transform: uppercase;
}

.accordionButton {
    background: #993366;
    color: #fff;
    font: 600 22px Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 5px 10px;
    cursor: pointer;
}

span.plusMinus {
    float: right;
}

.accordionContent {
    padding: 0 20px;
}
a.blue-btn {
    background:#587499;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:15px 5px;
    border-radius:12px;
    font-size:22px;
    box-shadow:1px 4px 10px #484747;
}

.mobile-only { display: none; }

@media only screen and (max-width:1060px){
	#section-9 h3 {
		margin: 0 0 15px;
	}
}
@media only screen and (max-width:977px){
	#section-1{background-size:cover;}
#section-1.wrapper{padding: 20px 10px;text-align: Center;}
img{max-width:100%;height:auto}
#section-1.wrapper p{text-shadow:1px 1px 1px #fff}
#section-2{}
div#banner-text{background-size: cover;font-size:22px;}
#section-6, #section-15, #section-16{padding:47px 15px;}
#section-10{padding-left:0;background-position:-240px!important}
div#whatyouget{top:0;}
}
@media only screen and (max-width:768px){
	.week h3 span{display:block;font-size:18px;}
	div#whatyouget .left, div#whatyouget .right{
		float:none;width:80%;margin:10px auto;
		}
#section-10 h2, div#whatyouget h2 {display: none;}
div#whatyouget h2.mobile-only {display: block !important;}
	.mobile-only { display: block !important; }
	.non-mobile { display: none; }
	div#whatyouget .left{border-bottom:1px solid #ccc;border-right: none;}
#section-1 .wrapper{padding: 0 !important;margin:0 auto;}
	#section-1{
	background: url(../cysp-images/top-banner-transparent.jpg) center no-repeat;
}
	#section-8 img{display:none;}
	#section-8 img{float:none;margin-left:0;}
	div#box-container{width:80%;right: 0;}
	div#box-container{font-size:21px}
		#section-4 img{margin-right:0;float:none;margin:-60px auto 0;display:block;top:0;}
#section-5, #section-2, #section-4,#section-4 span, 
#section-2 ul li{font:700 18px Helvetica, sans-serif}
li, p{font-size:18px!Important;}
#section-7{font-size:22px;}
#section-8 ul{max-width:100%;margin-left:0}
h2{font-size:35px!important}
div#section-11 img{float:none!Important;display:block;margin:0 auto!important}
div#greenbar img{float:none;display:block;margin:0 auto 10px}
div#greenbar{padding:25px 10px}
.week ul{width:auto;display:block;margin:10px 15px}
#section-4 h2 span{font-size:22px!important;}
.box{width:auto;max-width:300px;}
div#whatyouget{width:95%;margin: 0 auto 40px;}
}