/* SALES PAGE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


h1, h2, h3, h4, h5, h6, p {
font-weight: 400;
  letter-spacing: -.05rem;
}

h1 {
font-size: 3.5rem;
}

h2 {
font-size: 3rem;
}

h3 {
font-size: 1.8rem;
}

h4 {
font-size: 1.5rem;
}

p, li  {
font-size: 1.5rem;
}

.sp1 {
background: url(../jpg/sleepers.jpg) fixed center center;
background-size: cover;
padding: 0px 0px 30px;
}

.sp1 h1,
.sp1 h3 {
color: #000;
}

.toplogo {
text-align: center;
padding: 30px;
}

.toplogo img {
width: 60%;
max-width: 250px;
height: auto;
}

.salesbox {
background: rgba(255,255,255,0.8);
padding: 20px;
border: 1px solid #2b348e;
margin: 0 auto;
width: 80%;
border-radius: 3px;
max-width: 350px;
}

.salesbox img {
max-width: 70%;
}

.caption {
color: #999;
margin-bottom: 0px;
}

.sp2 {
padding:0px;
}

.sp2 .row {
margin-bottom: 0px;
}

.sp2 h3 {
margin-bottom: 30px;
}

.ibullet img {
float: left;
margin-right: 30px;
clear:both;
width: 64px;
height: 64px;
}

.ibullet p {
margin: 0px;
padding-right: 0px;
padding-bottom: 30px;
overflow:auto;
display:block;
text-align: left;
}

.twoup {
width: 38%;
float: left;
padding: 15px 6% 0px;
}

.twoup img {
border-radius: 50%;
width: 80%;
max-width: 150px;
padding: 30px 0px 15px;
}

.sp3 h3 {
font-size: 2rem;
margin-bottom: 1rem;
}

.sp3 p {
color: #bcbfdc;
}

.sp3 .container {
width: 90%;
}


.visible-xs {
display: block;
}

.hidden-xs {
display: none;
}

.fadetex {
background: url(../jpg/fadedowntex.jpg) bottom repeat-x #FFF;
}

.tickli li {
  background: url(../png/tick.png) no-repeat left top;
  padding: 3px 0px 24px 48px;
  list-style: none;
  margin: 0;
}

.tickli ul {
margin-bottom: 0px;
}

.phase img {
max-width: 60%;
margin: 0px 20% 30px;
}

.phase h3 {
font-size: 1.8rem;
}

.phase li,
.phase p {
font-size: 1.5rem;
}

.phase h2 {
font-size: 2rem;
}

.reverse {
background: #2b348e;
color: #fff;
}

.container {
padding: 30px 0px;
}

.sp5 {
  background: url(../jpg/2015-ipad-mob.jpg) no-repeat #fff bottom;
  background-size: contain;
  width: 100%;
  height: 135vw;
  color: #000;
  text-align: center;
  border-top: 1px #ddd solid;
}

.sp5wrapper {
width: 100%;
}

.sp5 h2 {
font-size: 8vw;
text-align: center;
padding: 5vw 0px 0px;
}

.sp5 h3 {
font-size: 4vw;
padding: 0vw 8vw 3vw;
text-align: center;
margin: 0;
}

.sp5 h4 {
font-size: 4.5vw;
padding: 0vw 8vw 50vw;
text-align: center;
}

.sp5 a {
font-size: 4vw;
padding: 5vw;
border: none;
width: 80%;
height: auto;
line-height: 2vw;
white-space: wrap;
clear: both;
text-align: center;
}

.sp5 img.ppcc {
width: 80vw;
}

.sp5 p {
font-size: 3vw;
color: #fff;
margin: 0px 0px 3vw;
}

.sp5 p.quote {
font-size: 3.5vw;
}



.sp6 h1,
.sp6 p {
text-align: center;
}



.q {
float: left; 
display: block;
font-size: 60px;
line-height: 90px;
color: #ccc;
font-weight: 700;
width: 60px;
height: 60px;
}

.question {
margin-top: 15px;
}

.question p, .question h3 {
text-align: left;
}

.question h3 {
padding-top: 30px;
margin-bottom: 5px;
margin-left: 60px;
padding-bottom: 20px;
}


.question p {
font-size: 1.25rem;
padding-left: 15px;
}

.testimonial {
background: #fff;
}

.testimonial h4{
font-size: 1.5rem;
line-height: 1.35;
  letter-spacing: -.08rem;
}

.testimonial p {
font-size: 1.5rem;
line-height: 1.35;
  letter-spacing: -.08rem;
  margin-bottom: 0px;
  color: #2b348e;
}

.testimonial .container {
border-bottom: 1px #ccc solid;
}

.testimonial img {
border-radius: 50%;
width: 100%;
height: auto;
}

.testimg {
width: 15%;
float: left;
}

.testcopy {
width: 80%;
margin-left: 5%;
float: left;
}


.awesome {
}

.awesome h1 {
text-align: center;
font-size: 3em;
margin-bottom: 30px;
}

.awesome h2 {
text-align: center;
text-transform: uppercase;
font-size: 2em;
font-weight: bold;
padding-top:15px;
padding-bottom: 15px;
}

.supericon {
width:150px;
height:150px;
border-radius: 50%;
margin: auto;
text-align: center;
margin:0px auto 15px;
box-shadow: 0px 0px 90px 0px rgba(255, 255, 255, 0.5);
}

.supericon .glyphicons {
color: #fff;
font-size: 72px;
margin-top: 30px;
}

.texty {
margin-left:15px;
padding-right:15px;
}

.texty p {
text-align: left;
}

.lessons h3 {
font-size: 2rem;
text-align: center;
}

.rightborder {
border-right: none;
}

.bgcolor1 {
background: #2e348e;
}

.color1 {
color: #2e348e;
}

.highlighter {
background: #fff;
border: 1px dotted #ccc;
border-radius: 20px;
padding:20px;
margin: 15px auto 30px;
max-width: 280px;
}

.highlighter h3 {
text-align: center;
margin-bottom: 10px;
}

.highlighter p {
text-align: center;
margin-bottom: 0px;
}


/* TABLET / Sales page  */
@media (min-width: 550px) {

.container {
padding: 60px 0px;
}

h1 {
font-size: 4.5rem;
}

h2 {
font-size: 4rem;
}

h3 {
font-size: 2.6rem;
}

h4 {
font-size: 2rem;
}

p, li  {
font-size: 2rem;
}

.salesbox img {
max-width: 50%;
}

.salesbox {
padding: 40px;
width: 80%;
}

.ibullet p {
	padding-right: 30px;
}

.twoup {
width: 20%;
padding: 0px 2% 0px;
}


.sp3 h3 {
font-size: 2rem;
margin-bottom: 1rem;
}

.sp3 p {
font-size: 1.5rem;
}

.sp3 .container {
width: 90%;
}

.visible-xs {
display: none;
}

.hidden-xs {
display: block;
}

.phase img {
max-width: 100%;
margin: 0px 0px 30px;
}

.phase h3 {
font-size: 2.5rem;
}

.phase li,
.phase p {
font-size: 1.75rem;
}

.phase h2 {
font-size: 2rem;
}

.q {
float: left; 
display: block;
font-size: 80px;
line-height: 80px;
color: #ccc;
font-weight: 700;
width: 110px;
height: 60px;
}

.question h3 {
height: auto;
margin: 0;
padding: 20px 0;
}

.question.six.columns {
width: 100%;
margin-left: 0px;
}

.sp6 .row {
margin: 0;
}

.question.twolines h3 {
}

.question p {
font-size: 1.5rem;
padding-left: 110px;
}

.supericon {
width:15vw;
height:15vw;
border-radius: 50%;
margin: auto;
text-align: center;
margin:0px auto 15px;
box-shadow: 0px 0px 90px 0px rgba(255, 255, 255, 0.5);
}

.supericon .glyphicons {
color: #fff;
font-size: 7vw;
margin-top: 3.5vw;
}

.lft {
}

.mdl {
}

.rgt {
}

.texty {
margin: 0px;
}

.texty p {
text-align: left;
font-size: 1.5rem;
}

.lessons h3 {
font-size: 2rem;
}


.sp5 {
  background: url(../jpg/2015-ipad.jpg);
  background-size: cover;
  width: 100%;
  height: 50vw;
  color: #fff;
text-align: left;
position: relative;
}

.sp5wrapper {
width: 40%;
margin-left: 50%;
padding: 6vw 4vw 4vw;
}

.sp5 h2 {
font-size: 4vw;
margin: 0 0 2vw;
padding: 0;
text-align: left;
}

.sp5 h3 {
font-size: 1.8vw;
margin: 0 0 2vw;
padding: 0;
text-align: left;
}

.sp5 h4 {
font-size: 2.5vw;
margin: 0 0 3vw;
padding: 0;
text-align: left;
}

.sp5 a,
.sp5 input {
font-size: 2vw;
padding: 2vw;
border: none;
height: auto;
line-height: 2vw;
white-space: wrap;
margin: 1vw auto 1vw;
width: 100%;
}

.sp5 img.ppcc {
width: 40vw;
float: left;
margin: 0 0 1vw;
}

.sp5 p {
font-size: 1.5vw;
margin: 0 0 2.5vw;
text-align: center;
}

.sp5 p.quote {
font-size: 1.65vw;
}

.end {
margin-bottom: 22vw;
}



} /* END OF TABLET QUERY */


/* DESKTOP / Sales page   */
@media (min-width: 1025px) {

.testimg {
width: 30%;
float: left;
text-align: right;
}

.testimonial img {
width: 92px;
height: 92px;
}

.testcopy {
width: 50%;
margin-left: 5%;
float: left;
}

.testimonial h4{
font-size: 1.75rem;
line-height: 1.35;
  letter-spacing: -.08rem;
}

.testimonial p {
font-size: 1.75rem;
line-height: 1.35;
  letter-spacing: -.08rem;
  margin-bottom: 0px;
  color: #2b348e;
}

.phase h3 {
font-size: 2.5rem;
}

.phase li,
.phase p {
font-size: 1.75rem;
}

.phase h2 {
font-size: 2rem;
}

.supericon {
width:180px;
height:180px;
}

.supericon .glyphicons {
font-size: 80px;
margin-top: 45px;
}


} /* END OF DESKTOP QUERY */