/* 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;
}
h1 .large {
  font-size: 1.5em;
}
h2 {
  font-size: 1.75em;
  font-weight: bold;
}
.bodycopy {
  font-family: 'Lato', sans-serif !important;
}
ul {
  text-align: left;
  padding-left: 15%;
}
.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: #FFFFFF;
}
.area2 {
  /*font-size: 24px;*/
  text-align: center;
  padding: 50px;
}
.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 {
  width: 100%;
  height: auto
}
.area6side {
  background-image: url(images/area6.jpg);
  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.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.area9 {
  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 {
  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;
}