@import url("https://use.typekit.net/llp6cqr.css");

body {overflow-x: hidden;}

.rustica-title {color:#383838;font-size:40px;font-family: rustica, sans-serif;font-weight: 700;font-style: normal;}

.btn-bereav {background-color:#0697bc;color:#fff;border-radius:30px;padding: 4px 22px;font-size: 14px;}
.btn-bereav-or {background-color: #fe6a30;}
.btn-bereav-or-lg {background-color: #fe6a30;padding: 6px 26px;font-size:16px;}


/* ========================= HEADER ========================== */
.header-cont {position:relative;background-color:#000;overflow:hidden;position:fixed;padding:10px 0px;top:0;width:100%;z-index:2000;}
.logo-cont, .header-links-cont {display:inline-block;width:50%;}
.header-links-cont {text-align:right;padding:12px;}
.header-link {display:inline-block;margin:5px 12px;}
.header-link a, .header-link a:hover {color:#fff;font-size:12px;text-decoration:none;}


/* ========================= HEADER ========================== */
.banner-cont {position:relative;height:540px;background-image:url(../images/bereavement-header.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;text-align:center;}
.banner-text {position:absolute;width:100%;bottom:0;padding:50px 0px;color:#fff;background:rgba(6,151,188,0.7);}
.banner-main-text {font-size:40px;font-family: rustica, sans-serif;font-weight: 700;font-style: normal;margin-bottom:30px;}
.banner-sub-text {font-size:34px;font-family: rustica, sans-serif;font-style: normal;line-height:32px;margin-bottom:30px;}


/* ========================= CHART ========================= */
.chart-cont {padding-top:40px;text-align:center;}
.chart-cont .rustica-title {max-width:800px;margin:0 auto 30px;}

.chart-img-cont {margin-bottom:40px;}

.get-started {margin-bottom:60px;}

.chart-video {display:inline-block;max-width:480px;margin:0px 30px 60px;vertical-align: top;}
.vid-ul {display:inline-block;margin-bottom:60px;vertical-align:top;text-align:left;font-size:20px;font-family: dinosaur, sans-serif;font-weight: 400;font-style: normal;}
.vid-ul ul {list-style: none; /* Remove default bullets */}
.vid-ul ul li {margin-bottom: 8px;}
.vid-ul ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #1bd194; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: .75em; /* Also needed for space (tweak if needed) */
    margin-left: -.75em; /* Also needed for space (tweak if needed) */
}


/* ========================= FEATURES ========================= */
.features-cont {background-color:#f5f5f5;padding:30px 0px;color:#383838;font-family: rustica, sans-serif;font-weight: 700;font-style: normal;}
.features-list {max-width:650px;margin:0 auto;}
.features-title {font-size:20px;margin-bottom:20px;}
.features-group {margin-bottom:20px;}

.fg-dot {display:inline-block;height:14px;width:14px;border-radius:14px;margin-right:5px;}
.fg-dot-green {background-color:#1bd194;}
.fg-dot-orange {background-color:#fe6a30;}
.fg-dot-yellow {background-color:#ffea21;}
.fg-dot-blue {background-color:#0697bc;}
.fg-dot-light-green {background-color:#97d034;}

.fg-text {display:inline-block;font-size:20px;}
.fgi-list {padding:0px 10px;}
.fg-item {padding:5px;background-color: #fff;margin-bottom:2px;}
.fgi-text {display:inline-block;width:84%;font-size:14px;}
.fgi-check {display:inline-block;width:15%;padding:0px 10px;text-align:right;font-size:12px;color:#1bd194;}


/* ========================= SECTION ========================= */
.sect-cont {padding:40px 0px;}
.sect-cont .container {max-width:1100px;}
.sect-grey {background-color:#f5f5f5;}
.col-sect {margin-bottom:30px;}
.sect-title {color:#383838;font-size:34px;font-family: rustica, sans-serif;font-style: normal;font-weight: 600;margin-bottom:20px;}
.sect-text {font-size: 18px;font-family: dinosaur, sans-serif;font-weight: 300;font-style: normal;}
.list-bold {font-family: dinosaur, sans-serif;font-weight: 700;font-style: normal;margin-bottom:6px;}

.payments-btn {text-align:center;}


.reg-form-cont {padding:40px 0px;}
.reg-form-cont .container {max-width:1100px;margin:0 auto;}
.form-group {margin-bottom:20px;}


/* ========================= FOOTER ========================= */
.footer-cont {background-color: #000;color:#fff;padding-top:50px;}
.footer-col {display:inline-block;width:33%;padding:0px 12px;text-align:center;}
.footer-item {margin-bottom:20px;}
.footer-item a, .footer-item a:hover {color:#fff;text-decoration:none;font-size:12px;}
.footer-social {display:inline-block;margin:0px 12px;}
.footer-bottom {padding:20px 0px;font-size:12px;text-align:center;}
.footer-bottom a, .footer-bottom a:hover {color:#fff;text-decoration: none;}


@media all and (max-width: 992px) {
    .footer-col {display:block;width:100%;}
    .footer-col:nth-child(1) {margin-bottom:20px;}
}


@media all and (max-width: 768px) {
    .logo-cont {display: block;width:100%;margin-bottom:6px;text-align:center;}
    .header-links-cont {display: block;width:100%;text-align:center;}

    /* .chart-cont {padding-top:180px;} */
    .banner-cont {height:640px;}

    .sect-cont {text-align:center;}
}