/* CSS Document */
body {
  font-family: 'Karla', sans-serif;
  font-size: 1.5em;
}
h1, h2, h3, h4 {
  font-family: 'Spectral', serif;
  font-weight: bold;
}
h1 {
  font-size: 2.75em;
  font-weight: bold;
}

h2 {
  font-size: 1.75em;
  font-weight: bold;
}
.bodycopy {
  font-family: 'Lato', sans-serif !important;
}
ul {
  text-align: left;
}
.boxed, .bonusrow .col-sm-8, .bonusrow .bonus_image {
  background-color: rgba(255, 255, 255, 0.60);
  border: 0px solid white;
  border-radius: 15px;
}
.bonusrow .col-sm-8 {
  padding-top: 10px;
}
.area1 h1 {
  font-variant: small-caps;
}
.area1 {
  /* background-image: url(images/area_1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;*/
  text-align: center;
  padding: 50px;
  color: #000000;
}
.area2 {
  /*font-size: 24px;*/
  text-align: left;
  background-color: rgba(186, 139, 190, .1);
  background-image: url(images/area_2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.area2a {
  /*font-size: 24px;*/
  text-align: left;
  background-color: rgba(186, 139, 190, .1);
  background-image: url(images/area_2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 50px;
}

.area2inner {
  padding: 50px;
}
@media (min-width: 1280px) {
    h1 .large {
  font-size: 1.5em;
}
} /* end media */
    
  .area2inner {
    background-image: url('images/area2inner.png');
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  .area8 {
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    padding: 50px;
    background-color: #000000;
  }
  .area3 {
    background: #645698;
    background: linear-gradient(to bottom right, #fbd887 0%, #645698 10%, #380548 100%);
    text-align: center;
    padding: 50px;
    color: #ffffff;
  }
  .area4 {
    background: #d4bcd5;
    background: linear-gradient(to bottom right, #d4bcd5 35%, #e1e3ff 90%, #fbd887 100%);
    text-align: center;
    padding: 50px;
    color: #000000;
  }
  .area4a {
    background: #d4bcd5;
    background: linear-gradient(to top right, #d4bcd5 35%, #e1e3ff 90%, #fbd887 100%);
    text-align: center;
    padding: 50px;
    color: #000000;
  }
  .area4 h1, .area4a h1 {
    -webkit-text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.85);
    -moz-text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.85);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.85);
  }
  .area6 {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px;
  }
  .area6 img, .area7 img {
    width: 100%;
    height: auto
  }
  .area6side {
    background-image: url(images/area6.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-position: center;
  }
  .area7 {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px;
  }
  .area7side {
    background-image: url(images/area7.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
  }
  .area9 {
    display:none;
    background-image: url(images/area_9.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px;
    color: #000000;
    background-position: center center;
  }
  .area10 {
    background: rgb(196, 172, 161);
    background: -webkit-linear-gradient(bottom right, rgba(32, 63, 79, 1) 0%, rgba(207, 164, 179, 1) 50%, rgba(145, 117, 138, 1) 100%);
    background: -o-linear-gradient(bottom right, rgba(32, 63, 79, 1) 0%, rgba(207, 164, 179, 1) 50%, rgba(145, 117, 138, 1) 100%);
    background: linear-gradient(to top left, rgba(32, 63, 79, 1) 0%, rgba(207, 164, 179, 1) 50%, rgba(145, 117, 138, 1) 100%);
    text-align: center;
    padding: 50px;
    color: #000000;
    font-size: 24px;
  }
  .area11 {
    background: rgb(83, 53, 29);
    background: -webkit-linear-gradient(bottom right, rgba(83, 53, 29, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(58, 31, 34, .5) 100%);
    background: -o-linear-gradient(bottom right, rgba(83, 53, 29, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(58, 31, 34, .5) 100%);
    background: linear-gradient(to top left, rgba(83, 53, 29, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(58, 31, 34, .5) 100%);
    text-align: center;
    padding: 50px;
    color: #000000;
  }
  .area11a {
    background: rgb(83, 53, 29);
    background: -webkit-linear-gradient(bottom left, rgba(58, 31, 34, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(83, 53, 29, .5) 100%);
    background: -o-linear-gradient(bottom left, rgba(58, 31, 34, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(83, 53, 29, .5) 100%);
    background: linear-gradient(to top right, rgba(58, 31, 34, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(83, 53, 29, .5) 100%);
    text-align: center;
    padding: 50px;
    color: #000000;
  }
  .area12 { /* testimonial area */
    border: rgba(212, 188, 213, 1), solid 1px;
    background-color: rgba(186, 139, 190, .1);
    border-radius: 20px;
    text-align: center;
    padding: 20px 40px 0px 40px;
    color: #000000;
    margin: 40px auto 40px auto;
  }
  .sociallink {
    padding: 10px;
  }
  .box-image {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
  }
  .bonus_image {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
    width: 100%;
    height: auto
  }
  .testimonial_image {
    width: 100%;
    height: auto;
    border: 1px #645698 solid;
    border-radius: 50%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
  }
  .checklist {
    padding-left: 15%;
    list-style-image: url("images/checkmark.png");
  }
  .side_image {
    width: 100%;
    height: auto
  }
  .bonusrow {
    text-align: left;
    margin-top: 50px;
  }
  .blacktext {
    color: #000000;
  }
  .top-button {
    padding: 20px;
    margin: 20px;
    border: 1px #000000 solid;
  }
  .btn {
    background: #ffe279;
    background-image: -webkit-linear-gradient(top, #ffe279, #f2b270); /* 31479a  7e9cb7 */
    background-image: -moz-linear-gradient(top, #ffe279, #f2b270); /* ba8bbe  f2b270 */
    background-image: -ms-linear-gradient(top, #ffe279, #f2b270);
    background-image: -o-linear-gradient(top, #ffe279, #f2b270);
    background-image: linear-gradient(to bottom, #ffe279, #f2b270);
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 3px #666666;
    -moz-box-shadow: 1px 3px 3px #666666;
    box-shadow: 1px 3px 3px #666666;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    min-width: 200px;
    font-weight: bold;
  }
  .btn_order {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
    margin: 20px;
  }
  .btn:disabled {
    background: #f2b270;
  }
  .btn:hover {
    background: #f2b270;
    background-image: -webkit-linear-gradient(top, #f2b270, #ffe279);
    background-image: -moz-linear-gradient(top, #f2b270, #ffe279);
    background-image: -ms-linear-gradient(top, #f2b270, #ffe279);
    background-image: -o-linear-gradient(top, #f2b270, #ffe279);
    background-image: linear-gradient(to bottom, #f2b270, #ffe279);
    text-decoration: none;
    color: #000000;
  }
  .btn_orange {
    background: #fc9831;
    background-image: -webkit-linear-gradient(top, #fc9831, #d0451b);
    background-image: -moz-linear-gradient(top, #fc9831, #d0451b);
    background-image: -ms-linear-gradient(top, #fc9831, #d0451b);
    background-image: -o-linear-gradient(top, #fc9831, #d0451b);
    background-image: linear-gradient(to bottom, #fc9831, #d0451b);
    /* background-image: linear-gradient(to bottom, #d0451b, #bc3315); */
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 3px #666666;
    -moz-box-shadow: 1px 3px 3px #666666;
    box-shadow: 1px 3px 3px #666666;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
  }
  .btn_orange:hover {
    background: #d0451b;
    background-image: -webkit-linear-gradient(top, #d0451b, #fc9831);
    background-image: -moz-linear-gradient(top, #d0451b, #fc9831);
    background-image: -ms-linear-gradient(top, #d0451b, #fc9831);
    background-image: -o-linear-gradient(top, #d0451b, #fc9831);
    background-image: linear-gradient(to bottom, #d0451b, #fc9831);
    text-decoration: none;
    color: 000000;
  }