/*
################
Clients colour palette!
################
*/
/* Just Script */
@font-face {
  font-family: Just Script;
  src: url(../fonts/JustScript/JustScriptWeb-Regular.ttf), url(../fonts/JustScript/JustScriptWeb-Regular.woff), url(../fonts/JustScript/JustScriptWeb-Regular.woff2), url(../fonts/JustScript/JustScriptWeb-Regular.svg), url(../fonts/JustScript/JustScriptWeb-Regular.eot);
  font-weight: 400;
  font-style: normal;
}
/* Just Sans Regular */
@font-face {
  font-family: Just Sans;
  src: url(../fonts/JustSans/Regular/JustSansWeb-Regular.ttf), url(../fonts/JustSans/Regular/JustSansWeb-Regular.woff), url(../fonts/JustSans/Regular/JustSansWeb-Regular.woff2), url(../fonts/JustSans/Regular/JustSansWeb-Regular.svg), url(../fonts/JustSans/Regular/JustSansWeb-Regular.eot);
  font-weight: 400;
  font-style: normal;
}
/* Just Sans Bold */
@font-face {
  font-family: Just Sans bold;
  src: url(../fonts/JustSans/Bold/JustSansWeb-Bold.ttf), url(../fonts/JustSans/Bold/JustSansWeb-Bold.woff), url(../fonts/JustSans/Bold/JustSansWeb-Bold.woff2), url(../fonts/JustSans/Bold/JustSansWeb-Bold.svg), url(../fonts/JustSans/Bold/JustSansWeb-Bold.eot);
  font-weight: 700;
  font-style: normal;
}
.at-share-btn-elements {
  position: absolute;
  right: 10px;
  top: 30px;
}
#hero__module {
  background-color: #ff7d7d;
}
#hero__module .jumbotron {
  padding: 2rem 2rem;
}
#hero__module .top_logo {
  width: 140px;
  position: relative;
  top: 30px;
  left: -30px;
}
#hero__module .jumbotron {
  background-color: #ff7d7d;
}
#hero__module .lead {
  font-size: 1.1rem;
  font-weight: 300;
  width: 70%;
  padding-top: 20px;
  color: white;
  font-family: Just Sans;
}
#hero__module .hero-caption {
  width: 70%;
  padding-top: 50px;
}
#hero__module .hero-image-right {
  width: 20%;
  right: 13%;
  top: 85px;
  position: absolute;
}
@media (max-width: 62em) {
  #hero__module .lead {
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
  }
  #hero__module .hero-image-right {
    width: 24%;
    right: 5%;
    top: 0%;
    position: absolute;
  }
  #hero__module .hero-caption {
    width: 100%;
  }
  #hero__module .top_logo {
    width: 140px;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
#callout_2_module {
  background-color: #ff7d7d;
  padding: 20px;
  margin-top: 2%;
  color: white;
  text-transform: uppercase;
}
#callout_2_module .container {
  background-color: black;
  padding-top: 15px;
  padding-bottom: 5px;
}
#callout_2_module a {
  color: white;
}
#callout_2_module a:hover {
  text-decoration: none;
}
.pink-card {
  background-color: #ff7d7d;
}
.white-card {
  background-color: white;
  border: #ff7d7d solid 2px;
}
#callout_2_module .btn {
  border-radius: 0px;
  width: 100%;
  text-transform: uppercase;
  background-color: black;
  color: white;
  font-size: 150%;
  padding-bottom: 21px;
  white-space: normal !important;
  word-wrap: break-word;
  line-height: 30px;
  font-family: Just Sans bold;
}
#callout_2_module .btn:focus {
  text-decoration: underline;
}
#callout_2_module .btn-span {
  color: #ff7d7d;
}
.btn-span:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: white;
          text-decoration-color: white;
}
#callout_1_module {
  margin-top: 2%;
}
#callout_1_module p {
  color: white;
}
#cards__module .container {
  margin-bottom: 30px;
}
#cards__module p {
  color: black;
  font-size: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  left: 30px;
  font-family: Just Sans;
}
#cards__module .bubble-svg {
  position: relative;
  right: 97px;
  top: 5px;
  width: 175px;
}
#cards__module img {
  border-radius: 50px;
}
#cards__module .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  bottom: -3px;
  font-weight: bold;
  height: 50px;
  font-family: Just Sans bold;
  font-size: 15px;
}
.card_image_1,
.card_image_2,
.card_image_3,
.card_image_4,
.card_image_5,
.card_image_6 {
  background-size: cover;
  border-radius: 20px;
  margin: 15px 0px 15px 0px;
  max-width: 355px;
  width: 70%;
  position: relative;
  margin-left: 90px;
  height: 229px;
}
.card_image_1 {
  background-image: url(../assets/power_of_attorney.jpg);
}
.card_image_2 {
  background-image: url(../assets/will_writing.jpg);
}
.card_image_3 {
  background-image: url(../assets/funeral_planning.jpg);
}
.card_image_4 {
  background-image: url(../assets/Planning_for_care.jpg);
}
.card_image_5 {
  background-image: url(../assets/bereavement_image_2.jpg);
}
.card_image_6 {
  background-image: url(../assets/divorce_image.jpg);
}
@media (min-width: 545px) {
  #cards__module .bubble-svg {
    right: 70px;
    width: 180px;
    padding-top: 0px;
  }
}
@media (min-width: 1200px) {
  #cards__module .bubble-svg {
    right: 74px;
    width: 260px;
    padding-top: 13px;
  }
}
@media (max-width: 80em) {
  .card_image_1,
  .card_image_2,
  .card_image_3,
  .card_image_4,
  .card_image_5,
  .card_image_6 {
    background-size: cover;
    border-radius: 20px;
    margin: 15px 0px 15px 0px;
    width: 70%;
    position: relative;
    margin-left: 90px;
    height: 229px;
  }
  #cards__module p {
    color: black;
    font-size: 95%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 26px;
    position: relative;
    left: 10px;
    font-family: Just Sans;
  }
  .card_image_1 {
    background-image: url(../assets/power_of_attorney.jpg);
  }
  .card_image_2 {
    background-image: url(../assets/will_writing.jpg);
  }
  .card_image_3 {
    background-image: url(../assets/funeral_planning.jpg);
  }
  .card_image_4 {
    background-image: url(../assets/Planning_for_care.jpg);
  }
  .card_image_5 {
    background-image: url(../assets/bereavement_image.jpg);
  }
  .card_image_6 {
    background-image: url(../assets/divorce_image.jpg);
  }
}
@media (max-width: 75em) {
  .card_image_1,
  .card_image_2,
  .card_image_3,
  .card_image_4,
  .card_image_5,
  .card_image_6 {
    background-size: cover;
    border-radius: 20px;
    margin: 15px 0px 15px 0px;
    width: 70%;
    position: relative;
    /*margin-left: 90px;
        */
    height: 229px;
    left: 60px;
  }
  .card_image_1 {
    background-image: url(../assets/power_of_attorney.jpg);
  }
  .card_image_2 {
    background-image: url(../assets/will_writing.jpg);
  }
  .card_image_3 {
    background-image: url(../assets/funeral_planning.jpg);
  }
  .card_image_4 {
    background-image: url(../assets/Planning_for_care.jpg);
  }
  .card_image_5 {
    background-image: url(../assets/bereavement_image.jpg);
  }
  .card_image_6 {
    background-image: url(../assets/divorce_image.jpg);
  }
}
@media (max-width: 70em) {
  .card_image_1,
  .card_image_2,
  .card_image_3,
  .card_image_4,
  .card_image_5,
  .card_image_6 {
    background-size: cover;
    border-radius: 20px;
    margin: 15px 0px 15px 0px;
    width: 70%;
    position: relative;
    /*margin-left: 90px;
        */
    height: 229px;
  }
  .card_image_1 {
    background-image: url(../assets/power_of_attorney.jpg);
  }
  .card_image_2 {
    background-image: url(../assets/will_writing.jpg);
  }
  .card_image_3 {
    background-image: url(../assets/funeral_planning.jpg);
  }
  .card_image_4 {
    background-image: url(../assets/Planning_for_care.jpg);
  }
  .card_image_5 {
    background-image: url(../assets/bereavement_image.jpg);
  }
  .card_image_6 {
    background-image: url(../assets/divorce_image.jpg);
  }
}
@media (max-width: 62em) {
  .card_image_1,
  .card_image_2,
  .card_image_3,
  .card_image_4,
  .card_image_5,
  .card_image_6 {
    border-radius: 20px;
    margin: 45px 22px 35px 20px;
    width: 100%;
    position: relative;
    height: 248px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .card_image_1 {
    background-image: url(../assets/power_of_attorney.jpg);
  }
  .card_image_2 {
    background-image: url(../assets/will_writing.jpg);
  }
  .card_image_3 {
    background-image: url(../assets/funeral_planning.jpg);
  }
  .card_image_4 {
    background-image: url(../assets/Planning_for_care.jpg);
  }
  .card_image_5 {
    background-image: url(../assets/bereavement_image.jpg);
  }
  .card_image_6 {
    background-image: url(../assets/divorce_image.jpg);
  }
}
@media (max-width: 34em) {
  .card_image_1,
  .card_image_2,
  .card_image_3,
  .card_image_4,
  .card_image_5,
  .card_image_6 {
    background-size: cover;
    border-radius: 20px;
    width: 80%;
    position: relative;
    height: 270px;
    left: 0px;
  }
  #cards__module .bubble-svg {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 20px;
  }
  #cards__module p {
    color: black;
    font-size: 108%;
    padding: 43px 0px 32px 0px;
    line-height: 26px;
    position: relative;
    left: 0px;
    font-family: Just Sans;
  }
  .card_image_1 {
    background-image: url(../assets/power_of_attorney.jpg);
  }
  .card_image_2 {
    background-image: url(../assets/will_writing.jpg);
  }
  .card_image_3 {
    background-image: url(../assets/funeral_planning.jpg);
  }
  .card_image_4 {
    background-image: url(../assets/Planning_for_care.jpg);
  }
  .card_image_5 {
    background-image: url(../assets/bereavement_image_2.jpg);
  }
  .card_image_6 {
    background-image: url(../assets/divorce_image.jpg);
  }
}
#video__module {
  margin-top: 2%;
}
#video__module .embed-responsive-item {
  z-index: 9999;
}
.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
.spacer {
  margin-top: 4%;
}
.btn {
  background-color: #2fcfa0;
  border-radius: 50px;
}
p {
  font-size: 140%;
}
/*** Animations ***/
.grow {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.grow:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.grow:active {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.grow:focus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.img-fluid {
  width: 100%;
}
.dotted_bg_1 {
  position: absolute;
  width: 100%;
  margin-top: -262px;
  z-index: -1;
}
.dotted_bg_2 {
  position: absolute;
  width: 100%;
  margin-top: -62px;
  z-index: -1;
}
.dotted_bg_3 {
  position: absolute;
}
.bubble_grey_1 {
  position: absolute;
  width: 200px;
  margin-top: -100px;
  z-index: -1;
  right: 0px;
}
.bubble_grey_2 {
  position: absolute;
  width: 400px;
  margin-top: -300px;
  z-index: -1;
  right: 0px;
}
.bubble_grey_3 {
  position: absolute;
  width: 200px;
  margin-top: -41px;
  z-index: 1;
  right: 35px;
}
.bubble_pink {
  position: absolute;
  width: 500px;
  margin-top: -25px;
  z-index: 99999;
  opacity: 0.8;
}
#footer__module {
  background-color: #ff7d7d;
  height: 250px;
  margin-top: 2%;
  -webkit-box-shadow: 0px -16px 4px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px -16px 4px 0px rgba(0, 0, 0, 0.09);
  text-transform: capitalize;
}
#footer__module container {
  padding-bottom: 20px;
}
#footer__module h5 {
  color: black;
  font-size: 1.85rem;
  font-family: Just Script;
}
#footer__module li a {
  color: black;
}
#footer__module li {
  padding: 0px;
  margin: 0px;
}
@media (max-width: 62em) {
  #footer__module {
    height: 580px;
    text-align: center;
  }
}
@media (max-width: 60em) {
  .mobile-responsive {
    position: relative;
    top: -100px;
    left: 150px;
  }
}
.social-icon {
  height: 38px;
}
.copyright {
  font-size: 15px;
}
.footer-sponsor {
  width: 100%;
}