/* CSS Document */
body {
  font-family: 'Karla', sans-serif;
  font-size: 120%;
    color:#5b3754;
}
h1, h2, h3, h4 {
  font-family: 'Spectral', serif;
}
h4{
     font-size: 1.75rem; 

}
h1 {
  font-size: 2.75em;
  font-weight: bold;
}
.subtitle{
    font-size: 2.25em;
  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 {
  background-image: url(images/area_1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
  color: #5b3754;
}


.area1 h1 {
  font-size: 3.25em;
  font-weight: bold;
  color: #5b3754;
}


.area1 h1,.area1 h2, .area1 h3, .area1 h4 {
color: #5b3754;
  /*  	text-shadow: -1px 1px 0 rgba(00,00,00,.85),
				  1px 1px 0 rgba(00,00,00,.85),
				 1px -1px 0 rgba(00,00,00,.85),
				-1px -1px 0 rgba(00,00,00,.85);
    */
}

.area2 {
  font-size: 24px;
  text-align: center;
  padding: 50px;
      color: #5b3754;
}
.thanks {
  font-size: 18px;
  text-align: left;
  padding: 50px;
    background-image: url(images/area_1.jpg);
  background-size:cover;
  background-position: center center;
  background-repeat:repeat;

}

.thanks h1 {
  text-align: center;
}

.area8 {
  color: #FFFFFF;
  font-size: 24px;
  text-align: center;
  padding: 50px;
  background-color: #000000;
      color: #5b3754;
}
.area3 {
  background-image: url(images/area_3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
  color: #ffffff;
}
.area4 {
  background: rgb(182, 166, 205); /* 97 64 104 dk purple */
  background: -webkit-linear-gradient(rgba(189, 96, 107, 1) 0%, rgba(97, 64, 104, 1) 50%, rgba(182, 166, 205, 1, 1) 100%);
  background: -o-linear-gradient(rgba(189, 96, 107, 1) 0%, rgba(97, 64, 104, 1) 50%, rgba(182, 166, 205, 1) 100%);
  background: linear-gradient(rgba(189, 96, 107, 1) 0%, rgba(97, 64, 104, 1) 50%, rgba(182, 166, 205, 1) 100%);
  text-align: center;
  padding: 50px;
  color: #5b3754;
}
.area4a {
  background: rgb(189, 96, 107);
  background: -webkit-linear-gradient(rgba(182, 166, 205, 1) 0%, rgba(97, 64, 104, 1) 50%, rgba(189, 96, 107, 1) 100%);
  background: -o-linear-gradient(rgba(182, 166, 205, 1) 0%, rgba(97, 64, 104, 1) 50%, rgba(189, 96, 107, 1) 100%);
  background: linear-gradient(rgba(182, 166, 205, 1) 0%, rgba(97, 64, 104, 1) 50%, rgba(189, 96, 107, 1) 100%);
  text-align: center;
  padding: 50px;
  color: #5b3754;
}
.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);
}
.area5 {
  background-image: url(images/area_5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
  color: #5b3754!important;
}
.area5 h1, .area5 h4{
  color: #5b3754!important;
}

.area6 {
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
}
.area7 {
  background-image: url(images/area_7.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
  color: #5b3754;
}
.area9 {
  background-image: url(images/area_9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
  color: #5b3754;
  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: #5b3754;
  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: #5b3754;
}
.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 {
  background: rgb(221, 180, 89);
  background: -webkit-linear-gradient(bottom right, rgba(46, 75, 90, 1) 0%, rgba(253, 206, 66, 1) 50%, rgba(69, 53, 34, 1) 100%);
  background: -o-linear-gradient(bottom right, rgba(46, 75, 90, 1) 0%, rgba(253, 206, 66, 1) 50%, rgba(69, 53, 34, 1) 100%);
  background: linear-gradient(to top left, rgba(46, 75, 90, 1) 0%, rgba(253, 206, 66, 1) 50%, rgba(69, 53, 34, 1) 100%);
  text-align: center;
  padding: 50px;
  color: #5b3754;
}
.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%;
}

.book-image {
  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
}
.side_image {
  width: 100%;
  height: auto
}
.bonusrow {
  text-align: left;
  margin-top: 50px;
}
.btn {
  background: #fea301;
  background-image: -webkit-linear-gradient(top, #fea301, #fecc56);
  background-image: -moz-linear-gradient(top, #fea301, #fecc56);
  background-image: -ms-linear-gradient(top, #fea301, #fecc56);
  background-image: -o-linear-gradient(top, #fea301, #fecc56);
  background-image: linear-gradient(to bottom, #fea301, #fecc56);
  -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;
}
.btn:disabled {
  background: #fecc56;
}
.btn:hover {
  background: #fecc56;
  background-image: -webkit-linear-gradient(top, #fecc56, #fea301);
  background-image: -moz-linear-gradient(top, #fecc56, #fea301);
  background-image: -ms-linear-gradient(top, #fecc56, #fea301);
  background-image: -o-linear-gradient(top, #fecc56, #fea301);
  background-image: linear-gradient(to bottom, #fecc56, #fea301);
  text-decoration: none;
  color: #000000;
}
.btn_orange {
  background: #fea84a;
  background-image: -webkit-linear-gradient(top, #fea84a, #ff8500);
  background-image: -moz-linear-gradient(top, #fea84a, #ff8500);
  background-image: -ms-linear-gradient(top, #fea84a, #ff8500);
  background-image: -o-linear-gradient(top, #fea84a, #ff8500);
  background-image: linear-gradient(to bottom, #fea84a, #ff8500);
  /* 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: #ff8500;
  background-image: -webkit-linear-gradient(top, #ff8500, #fea84a);
  background-image: -moz-linear-gradient(top, #ff8500, #fea84a);
  background-image: -ms-linear-gradient(top, #ff8500, #fea84a);
  background-image: -o-linear-gradient(top, #ff8500, #fea84a);
  background-image: linear-gradient(to bottom, #ff8500, #fea84a);
  text-decoration: none;
  color: #000000;
}