/*default*/
body { background: #f8f9fa; }
h1, .h1, h2, .h2 { letter-spacing: -.02em; margin-top: .9em; margin-bottom: .7em;}
h2 { text-align: center; }
h1 { font-size: 20px; font-weight: 800; text-transform: uppercase; line-height: 28px}
h2, .h2 { font-size: 19px; font-weight: 600  }
h3, .h3 { font-size: 1.1rem; }
h4, .h4 { font-size: 1rem; }
li{line-height: 1.15em;}
.card{border-radius:10px}
/*layout*/
.navbar-brand, .navbar>.container { display: block }
.navbar-brand { display: none }
nav.navbar { display: block; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);padding-bottom: 0 }
nav.navbar { display: block; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); padding-bottom: 0;background: #fff !important; z-index: 99;}
nav.navbar .navbar-brand {display: block }
.navbar-brand img { max-width: 120px; margin: 10px 0; }
footer{display:block}
.form-footer{display:none}
label{ margin-bottom: .1rem;}
.offerfrom{font-size:.9em;font-style: italic; font-weight: 300;display: block; color:rgba(0,0,0,.6)}
.nocc{display:block; font-size:12px;font-style: italic;}
/*custom elements*/
.card.onfire:before { content: "\f06d"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; background: #fff; width: 90px; position: absolute; z-index: 99; top: -10px; border-radius: 4px; padding: 2px 4px 2px 17px; left: -10px; box-shadow: 0 0 10px 0 rgba(0,0,0,.25); color: orangered; }
.card.onfire:after { display: block; content: "HOT"; position: absolute; z-index: 999; top: -8px; left: 27px; color: orangered; font-weight: bold; }
.thin{font-weight: 300}
form#optin { display: block; padding: 20px 40px; color: #212529;  }
label { color: #212529 }
.delete-item { position: absolute; right: 4px; bottom: 4px; padding: 4px 8px; color: rgba(0, 0, 0, 0.35); }
.delete-item:hover { color: rgba(0, 0, 0, 0.65); }
.imgtext { width: 100%; padding: 0 4px; text-align: center; font-size: .85em; }
.imgtext span { text-decoration: line-through; }
.card-title { font-size: .9em; margin-bottom: .15rem; }
.card-text { font-size: .85em; color: #212529 }
.formholder { background: #fff; }
.cartwrap .card-title, .itemswrap .card-title { font-weight: bold }
#adarea .btn{width:100%} 
.cardimg img{ max-width: 100px; }
.cardimg {padding: 10px 0px 0px !important; margin: 10px;min-height: 130px; display: flex; flex-direction: column; justify-content: flex-end; } 
.cardimg + div{padding: 6px 0 8px;}
#scrollmessage{position:fixed;display:flex;bottom:0;width:100%;text-align:center;background-color:#fff;padding:20px;z-index:9998;box-shadow:0 0 10px 0 rgba(0,0,0,.1);justify-content:space-around;transition:0 .3s;transition:transform .3s;transition:transform .3s, 0 .3s; color:rgba(0,0,0,.5);}
@media (min-width: 769px) {
#scrollmessage { display: none; visibility: hidden; opacity: 0 }
}  
#submit{ display: flex; justify-content: space-evenly; align-items: center; }
/*#submit div{ display: flex; align-items: center;}*/
/*responsive layout*/

@media (min-width: 767px) {
    
 .offerholder > .row > div{min-height: 1053px;}
    .nocc{display:none}
    .cardimg{margin: 10px;}
.col-auto .img-fluid { height: auto; }
form#optin{ display: block; padding: 20px 40px; color: #fff }
label { color: #fff; }
.formholder {height:100vh }
.offerholder{height:100vh;}
form#optin{ margin: auto; top: 100px; position: -webkit-sticky; position: sticky; }
footer{display:none}
.form-footer{display:block}
.navbar-brand { display: block }
nav.navbar { display: none }
nav.navbar .navbar-brand { display: none }
    .thankyou nav.navbar .navbar-brand { display: block; }
  .thankyou nav.navbar { display: block;box-shadow: none; background: #f8f9fa !important }  
.navbar-brand img {display: block; max-width: 150px; margin: 40px 0; }
.thankyou .navbar-brand img { max-width: 120px; margin: 10px 0; }    
#adarea .btn{max-width:80%}
input[type="text"].form-control, input[type="phone"].form-control,  input[type="email"].form-control{height: 44px;border: none; background-color:rgba(255,255,255, 0.35); color:#000;}
}

/*responsive typography*/
@media (min-width: 990px) {
.card-title { font-size: 16px; }
.card-text { font-size: 16px; }
.imgtext { font-size: .9em }
.home h1 { font-size: 48px; line-height: 49px; letter-spacing: 1.15px;font-weight: 400;}
    h1{text-transform:none}
h2, .h2 {  font-size: 28px; letter-spacing: 1.15px;font-weight: 600 }
h3, .h3 { font-size: 1.6rem; }
h4, .h4 { font-size: 1.35rem; }
}
/*theming*/
@media (max-width: 767px) {
.formholder.bg-primary{ background-color:#fff !important; }
}
@media (min-width: 1200px) {
.container { max-width: 1120px; }
}
/*per page*/
.thankyou .cardimg img{max-width:65px;}
.thankyou .cardimg{background:transparent;margin:10px;}
body.thankyou{background:#f8f9fa;}
/*.thankyou .navbar-brand img{max-width:150px;margin:10px 0;}*/
.thankyou .navbar-brand{display:block;width:100%;}

.thankyou footer,.home footer{display:block!important; position: relative}
body.home{background:#fff;}
.home .navbar-brand img{max-width:150px;margin:10px 0;}
.home .navbar-brand{display:block;width:100%;}
.container{position:relative;}
li{padding-bottom:.9em;}
.bottom-cta{display:none}
.home .bottom-cta, .home .bottom-cta{text-align:center;position:absolute;top:-30px;left:0;right:0;margin:0 auto;display:block; }
.home .bottom-cta a{text-decoration:none !important;}
.home .book img{width:230px;margin:0 auto;display:block;}
.home .book-wrap.card{background:none;border:none;border-radius:16px;}
.home .book{order:1;width:100%;z-index:9;}
.home .book-info{order:3;width:100%;padding:30px 20px 0;}
.home .book-info p{text-align:left;}
.home .book-cta{background:rgba(226,226,226,1); order:1; width:100%; max-width:350px; margin:0 auto; border:1px solid rgba(0,0,0,.125); padding:10px; border-radius:20px; padding-top:66px; margin-top:-60px;}
.home .book-cta em{font-weight: 300;}
.home .book-cta .btn, .home .bottom-cta .btn{width:260px;}
.quote{padding:0 45px 20px; font-family: Montserrat; font-weight: 300;}
.quote .text{font-style:italic;font-size:24px;}
.quote .sig{text-align:right;font-size:.99em;font-weight:500;}    
 @media (min-width: 990px) {
.home body{background:#fff;}
.home .book img{width:500px;height:auto;position:absolute;z-index:9;left:0;right:0;margin:0 auto;top:-70px;}
.home .book-info ul{padding-left:20px;}
.home .book-info li{}
.home .book-wrap{display:flex;flex-direction:row;padding:20px 30px;margin-top:60px;margin-bottom:100px;}
.home .book-wrap.card{background-color:rgba(226,226,226,1);border-radius:0}
.home .book{order:2;width:450px;}
.home .book-info{order:1;width:420px;padding:0;}
.home .book-cta{order:3;width:400px; max-width: 100%;display:flex;margin:0;border:none;padding:0;background:transparent;}
/*     .home .book-cta .btn{width:100%;}*/
.home .intro{margin-bottom:50px;} 
}