/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap'); */
body{
    font-family: 'Quicksand', sans-serif;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    font-size: 22px;
}
p{
    font-weight: 400;
    line-height: 1.45;
    font-size: 22px;
}
ul.benefits{
    line-height: 1.45;
    font-size: 22px;
    list-style: square inside url("../images/green.png");
    font-weight: normal;
}
.buy-button-d{
    max-width:460px;
    /* background-color:#26a940; */
    background-color:#0017be;
    color:white;
    font-weight:bold;
    text-align:center;
    padding: 15px 0 25px 0;
    border-radius:50px;
    margin:0 auto;
    margin-bottom:20px;
    font-size:18px;
    -webkit-box-shadow: -1px 1px 10px 0 rgba(0,0,0,.7);
    -moz-box-shadow: -1px 1px 10px 0 rgba(0,0,0,.7);
    box-shadow: -1px 1px 10px 0 rgba(0,0,0,.7);
    }
h1,h2,h3,h4{
    text-align:center;
    font-weight:700;
}
.centermecol{
   float:none;
   margin:0 auto
}
.hide{
   display:none;
}
#sales-box1,#sales-box2{
   animation-name:salesbox;
   animation-duration:1.2s;
   display:block;
   transition:2s;
   background-color:#fff;
   width:320px;
   height:80px;
   position:fixed;
   bottom:10px;
   left:5px;
   z-index:9999;
   border-radius:10px;
   box-shadow:0 0 10px rgba(0,0,0,.2)
}
@keyframes salesbox{
   0%{
       left:0;
       opacity:0
   }
   100%{
       left:5px;
       opacity:1
   }
}
.sales-box-text{
   font-size:12px;
   position:relative;
   display:inline;
}
.sales-time{
   color:#000;
   font-size:12px;
   text-align:right;
   display:block;
   position:relative;
   right:15px;
   font-weight:bold;
}
.title-row{
    background-color: rgba(50,115,95,1);
}
.title-row h1{
    font-weight:700;
    font-size:3.2rem;
    text-align:center;
    padding:10px;
    color:#fff;
}
.ylw{
    color:rgb(255, 249, 0);
}
.page-ref{
    text-align:center;
    font-weight:bold;
    color:#fff;
}
.section-row{
    padding:20px 0;
}
.etc{
    padding-top:35px;
    padding-bottom:35px;
    max-width:70%;
}
.reccg{
   color:#32a031
}
.wtchnw{
   padding-top:30px
}
.getnowh{
    text-align:center;
    font-weight:bold;
}
.wtchnw{
   padding-top:30px;
   text-align:center;
}
.booktype{
    padding-top:20px;
    padding-bottom:0px;
    text-align:center;
}
.booktype-cover{
    background-color: #f5f5f5;
    border-radius: 20px;
    -webkit-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.70);
    box-shadow: -1px 1px 10px 0px rgba(185, 185, 185, 0.7);
}
.red{
    color:red;
}
.disclaimer{
    font-size:15px;
    text-align:center;
}
ul.pros{
   list-style-image:url(../images/lostbookofremediesleaf.jpg)
}
.footer-background{
    background-color: #2b6452 !important;
}
footer{
   padding:100px 0 30px 0;
   background-color: #2b6452;
}
footer p{
   font-size:13px;
   text-align:center;
   color:#fff;
   line-height:16px
}
ul.ftl li{
   display:inline;
   padding-top:10px;
   text-align:center;
   padding:0;
   margin: 0;
   font-size:16px;
}
ul.ftl li a{
   color:#fff;
   padding:10px;
}
.ftl{
    text-align:center;
}
.blink_me{
   animation:blinker 1.4s linear infinite;
   color:red;
   font-size:2.5rem
}
@keyframes blinker{
   50%{
       opacity:0
   }
}
.testimonial-title{
    font-weight:bold;
    font-size:15px;
}
.testimonial-name{
    font-weight:bold;
    font-size:15px;
    padding-top:10px;
    text-align:left;
}
.img-rounded{
    border-radius: 20px;
    -webkit-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.70);
    box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.70);
}
.title-row::after{
    position:relative;
    top:20px;
    width: 0;
    height: 0;
    border-left: 38px solid transparent;
    border-right: 38px solid transparent;
    border-top: 20px solid rgba(50,115,95,1);
    margin:0 auto;
    display:block;
    margin-bottom:20px;
}
.video{
    height:260px;
    margin:0 auto;
    display:block;
    max-width: 825px;
    min-width: 240px;
    margin: 20px auto;
}
@media (min-width: 767px) {
    .video{
        height:300px;
   }
   body{
    font-size: 24px;
}
   p{
    margin: .9375em 1.25em;
    font-size: 24px;
   }
   ul.benefits{
    font-size: 24px;
   }
   .buy-button-d{
    font-size:22px;
    }
}
@media (min-width: 977px) {
    .video{
        height:320px;
   }
}
@media (min-width: 1200px) {
    .video{
        height:360px;
   }
}
.main-logo{
    max-height:60px;
}
.navbar-brand>img{
    margin-left: 20px;
    margin-top: 4px;
    max-height: 44px;
}
#custom-bootstrap-menu.navbar-default {
    transition: 2s;
    animation: menu-opacity 3s;
    z-index: 99;
    font-size: 12px;
    background-color: rgba(43,100,82,1);
    border-radius:0;
    border:none;
    margin-bottom:0;
}


#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: red;
    padding:0;
}
.navbar-toggle{
    background-color:black;
}
.navbar-toggle:active{
    background-color:black;
}
.navbar-toggle:focus{
    background-color:black;
}
.navbar-toggle:hover{
    background-color:black;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    transition: .5s
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover {
    color: rgba(220, 121, 44, 1);
    transition: .5s;
    background-color:white;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover {
    color: rgba(220, 121, 44, 1);
    background-color: rgba(250, 250, 250, 1);

}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #fafafa
}

#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus,
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover {
    background-color: black;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-toggle {
    background-color: white;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: none;
    border: red;
    border-radius: 4px
}

.logo {
    max-height: 100px;
    max-width: 160px
}

@media only screen and (max-width:767px) {
    .navbar-brand>img {
        margin-left: 20px;
        margin-top: 4px;
        max-height: 36px;
    }
        /*Mobile Menu Bg color */
    #custom-bootstrap-menu.navbar-default {
        font-size: 12px;
        background-color: rgba(43,100,82,1);
        border-radius:0;
        border:none;
    }
    /*Droptdown li BG color */
    #custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
        color: #fff;
        background-color: rgba(43,100,82,1);
        text-transform: uppercase;
        font-weight: 700;
        transition: .5s
    }
    #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus,
    #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover {
        color: rgba(220, 121, 44, 1);
        background-color: #000;
        transition: .5s
    }
    .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 30px
    }
    ul.benefits{
        padding:0;
    }
    .title-row h1{
        font-size:25px;
    }
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }

  svg{
    position:relative;
    top:10px;
  }