@import url(//fonts.googleapis.com/css?family=Quicksand:300,400,700);
@import url(//fonts.googleapis.com/css?family=Parisienne);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

body {
  font-family: 'Quicksand', sans-serif;
  font-size: 1em
}

header {
  padding: 15px 0
}

h1 {
  font-size: 2.2rem;
  color: #FFF;
  font-weight: 700;
  line-height: 2.95rem
}

h2,
#section-four h3 {
  font-size: 2rem;
  color: #333
}

p {
  font-size: 1.4rem;
  font-weight: 400
}

#section-one {
  position: relative;
  overflow: hidden
}

#section-one .book-cover {
  padding-right: 0px
}

#section-one .book-cover img {
  max-width: 100%;
  margin: 0 auto;
  display: block
}

#section-one .byline {
  font-weight: 300;
  font-size: 1.1rem;
  color: #FFF;
  margin-top: 5px
}

#section-one p {
  color: #FFF;
  margin: 30px 0;
  line-height: 1.5em
}

#section-one .price {
  margin: 20px 0 35px;
  color: #1285dd;
  font-size: 1.65rem;
  font-weight: 400
}

#section-one .btn {
  width: 210px
}

#section-two {
  position: relative;
  padding-bottom: 83px
}

#section-two h2,
#section-two #section-four h3,
#section-four #section-two h3 {
  margin-bottom: 55px
}

#section-three {
  z-index: 20;
  overflow: hidden;
  padding: 80px 20px;
  position: relative
}

#section-three h2,
#section-three #section-four h3,
#section-four #section-three h3 {
  text-align: center;
  color: #FFF
}

#section-four {
  margin: 0 auto;
  padding: 80px 20px;
  max-width: 1170px
}

#section-four h3 {
  font-size: 1.8rem;
  margin-bottom: 40px
}

#section-four p {
  font-size: 1.1rem;
  line-height: 1.5rem
}

#section-four .author {
  padding-right: 50px
}

#section-four .author img {
  max-width: 90%
}

#section-four .author h6 {
  font-weight: 400;
  text-align: right;
  margin-top: 15px;
  color: #1285dd;
  font-size: 1.7rem;
  font-family: 'Parisienne', serif
}

#section-four .last-chance img {
  max-width: 90%
}

#section-four .last-chance .btn {
  margin-top: 30px;
  width: 66%
}

#testimonials {
  max-width: 1000px;
  margin: 50px auto 0 auto
}

#testimonials p {
  color: #FFF;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.5em
}

#testimonials h5 {
  margin-top: 20px;
  color: #FFF;
  font-size: 1.4rem
}

#bullet-list .table-cell {
  vertical-align: top
}

#bullet-list .table-cell img {
  width: 100%;
  padding-right: 20px
}

#book-preview {
  text-align: center;
  position: relative
}

#book-preview .preview {
  font-size: 2em;
  font-weight: 700;
  color: #1285dd
}

#book-preview p {
  font-size: 1em
}

#book-preview #ipad {
  position: absolute;
  width: 490px;
  margin-left: -245px;
  left: 50%;
  top: 80px
}

#book-preview #ipad #book {
  position: absolute;
  top: 56px;
  width: 389px;
  left: 50%;
  margin-left: -193px;
  overflow: hidden
}

#book-preview #ipad #book img {
  width: 100%
}

#book-preview #ipad .turn-page {
  position: absolute;
  border-radius: 30px;
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 34px;
  font-size: 2.5em;
  color: #FFF;
  top: 240px;
  background-color: #1285dd
}

#book-preview #ipad .turn-page#page-left {
  left: -50px
}

#book-preview #ipad .turn-page#page-right {
  right: -50px
}

#book-preview #ipad .turn-page:hover {
  cursor: pointer;
  opacity: .85
}

#sell-me {
  background-color: #4c4c4c;
  padding: 80px 20px;
  color: #FFF;
  height: 540px
}

#sell-me .want-more {
  font-weight: 700;
  font-size: 1.9rem
}

#sell-me p {
  margin: 55px 10px;
  font-size: 1.5rem;
  font-weight: 300
}

#sell-me .btn {
  width: 60%;
  margin: 0 auto
}

#sell-me .btn img {
  width: auto!important
}

footers {
  text-align: center;
  background-color: #f4f4f4;
  
}

footers p {
  font-size: .9rem
}

footers p a {
  color: #1285dd;
  text-decoration: none;
  margin-bottom: 4px;
  display: inline-block
}

.inner {
  max-width: 1170px;
  padding: 0 10px;
  margin: 0 auto
}

.inner.extra-pad {
  padding: 100px 0
  
}

.background-image {
  background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), rgba(0,0,0,0.55) url('../leadmagnet/season.jpg');
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
     
}

.row .col-85 {
  width: 85%;
  float: left
}

.row .col-80 {
  width: 80%;
  float: left
}

.row .col-60 {
  width: 60%;
  float: left
}

.row .col-50 {
  width: 50%;
  float: left
}

.row .col-40 {
  width: 40%;
  float: left
}

.row .col-20 {
  width: 20%;
  float: left
}

.row .col-15 {
  width: 15%;
  float: left
}

.row:after {
  content: '';
  display: block;
  clear: both
}

.btn {
  width: 100%;
  display: table;
  font-weight: 400;
  text-decoration: none;
  padding: 16px 25px;
  text-transform: uppercase;
  color: #FFF;
  text-align: center;
  background-color: #1285dd;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px
}

.btn div[class*='col-'] {
  float: none;
  display: table-cell;
  vertical-align: middle
}

.btn:hover {
  cursor: pointer;
  opacity: .85
}

.btn img {
  max-width: 100%
}

.btn .text {
  padding-left: 10px
}

.arrow-down {
  color: #FFF;
  text-align: center;
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 5rem;
  font-weight: 300;
  line-height: 0.55em;
  margin-left: -30px;
  background-color: #1285dd;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px
}

.highlight {
  margin-bottom: 20px
}

.highlight h3 {
  color: #1285dd;
  font-size: 1.4rem;
  margin-bottom: 10px
}

.highlight p {
  line-height: 1.5em;
  font-size: 1rem
}

.circle-frame {
  overflow: hidden;
  border: 2px solid #f4f4f4;
  width: 140px;
  height: 140px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px
}

.circle-frame img {
  width: 100%
}

.table {
  display: table;
  width: 100%
}

.table .table-cell {
  display: table-cell
}

.table .table-cell[class*='col-'] {
  float: none
}

.banner,
.banner2 {
  position: relative;
  overflow: auto
}

.banner ul,
.banner2 ul {
  list-style: none
}

.banner ul li,
.banner2 ul li {
  float: left
}

.banner2 {
  min-height: 200px
}

.dots {
  position: absolute;
  left: 50%;
  margin-left: -26px;
  bottom: 0
}

.dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s
}

.dots li.active {
  background: #fff;
  opacity: 1
}

@media (max-width:1111px) {
  .inner.extra-pad {
    padding: 20px 10px
  }
  #section-two {
    padding-top: 40px
  }
  #section-two .row .col-50 {
    width: 100%
  }
  #book-preview {
    height: 540px
  }
}

@media (max-width:900px) {
  #section-one .col-50 {
    width: 100%
  }
  #section-one .col-50.book-cover {
    padding: 0 30px 20px 30px
  }
  #section-one .btn {
    width: 100%;
    padding: 25px;
    margin-bottom: 30px
  }
  #section-one .btn .col-20 {
    display: none
  }
  #section-one .btn .col-80 {
    width: 100%
  }
  #section-four {
    padding: 40px 20px
  }
  #section-four .col-50 {
    width: 100%
  }
  #section-four .last-chance {
    padding-top: 20px
  }
}

@media (max-width:650px) {
  #book-preview {
    display: none
  }
  #section-four {
    text-align: center
  }
  #section-four .col-40,
  #section-four .col-60 {
    width: 100%
  }
  #section-four .author {
    padding-right: 0
  }
  #section-four .author h6 {
    text-align: center
  }
  #section-four .last-chance .btn {
    width: 100%;
    padding: 25px;
    margin-bottom: 30px
  }
  #section-four .last-chance .btn .col-20 {
    display: none
  }
  #section-four .last-chance .btn .col-80 {
    width: 100%
  }
  #section-four img {
    margin-bottom: 20px
  }
  #testimonials {
    text-align: center
  }
  #testimonials .col-20 {
    display: none
  }
  #testimonials .col-80 {
    width: 100%
  }
}