/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {font-family: 'Montserrat', sans-serif; font-weight:300;} 

/* Navbar animation */
.navbar { background-color: rgba(0, 0, 0, 0.2); }
b, strong {font-weight: 600;}
.container { max-width: 1100px;}
.top-nav-collapse {background-color: #1C2331; }
.top-bar{background:#c162b2;} .offer-set{ background:#0f3549;}
.top-bar p{ margin-bottom:0; font-size:14px; padding:14px 0; color:#fff; letter-spacing:0.5px; font-weight:500;}
.top-bar p strong{color:#79de43; font-weight:600;}
.banner-stuck{background:#fff; padding:50px 0;}
.logo-set img{ margin:10px 0;}
.logo-set .arrow, .bg-proces{ position: relative;} 
.logo-set .arrow:before, .bg-proces:before{
  content: "";
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #c162b2;
  position: absolute;
  right: 50%; display:block;
  margin-right: -10px;
  bottom: -20px;
}
.bg-proces:before{
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #bd5eaf;bottom: -30px;
}

.top-txt{color:#0f3549; font-size:34px; line-height:42px; font-weight:500; padding-bottom:40px;}
.top-txt strong {color:#c162b2;} 
.usp-txt{ padding-left:20px;}
.ic-prd{ margin:30px 0 0 16px;} 

.banner-txt h1{ font-size:56px; font-weight:700;margin-top:20px; line-height:58px; padding-bottom:30px;} 
.banner-txt p.desc{font-size:18px;}
.banner-txt p.prc{ padding-bottom:10px; margin-bottom:0!important; color:#ebea70;font-size:18px;}

.reset-btn{ background:#fff; padding:22px 50px; font-size:18px; letter-spacing:1px; font-weight:600;font-family: Roboto,sans-serif;color:#000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.action-btn{ padding:20px 10px; color:#fff; background:#7bc142; line-height:30px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px; display:inline-block; font-size: 1.8rem; font-weight: 700; width:100%; text-align:center;}
.action-btn:hover{ background:#218838; color:#fff;}  
a:hover{ text-decoration:none;}
.action-bar small{ display:block; text-align:center; padding-top:10px; color:#666; font-size:14px; font-weight:300;}
.action-bar small i{ color:#28a745; font-size:12px;}
.desktop-testimonial{ padding-top:40px;}
.usp-txt .desktop-testimonial p{color: #696969; font-size:16px; font-weight:300; padding-bottom:10px;} 
.usp-txt .desktop-testimonial strong{font-size:80%; color: #6c757d; font-style:italic;}

.usp-txt h4{ font-weight:700; font-size:30px; color:#0f3549; margin-bottom: 1.1rem;}
.usp-txt ul li{ list-style:none; font-size:22px; color:#b64cb2; line-height:36px; font-weight:600;}
.usp-txt ul{ padding-left:0;}
.usp-txt p{ font-size:18px; color:#676868; font-weight:500; padding-top:10px;}

.bg-proces{ background:#bd5eaf; padding:70px 0;}
.bg-proces h1{ font-weight:700; font-size:48px; color:#fff; padding-bottom:15px;}
.bg-proces p{ padding:0 20px; color:#fff; line-height:32px; font-size:24px; padding-bottom:0px;}
.bg-proces .action-bar small{color: #333; max-width:100%;}

.col-result{ padding:90px 0 70px 0; background:#f4fafb url(../images/bg-why.jpg) no-repeat top left;}
.col-result h2, .six-benefits h2{color:#0f3549; font-size:40px; font-weight:700; padding-bottom:20px; line-height:42px;}
.col-result h4{font-size:20px; padding-bottom:20px; line-height:28px;}
.col-result p, p.subtxt{ color:#2e2e2e; font-size:18px; padding-bottom:20px; line-height:26px;}
.col-result h3{font-weight:400;}

.six-benefits{ padding:80px 0;} 
.six-benefits h2{padding-bottom:50px; }
.six-benefits img{ max-width:110px;}
.six-benefits h3.headline{ padding:20px 0 10px 0; font-weight:500; margin-bottom:0;font-size:1.35rem;}
.six-benefits p{color: #696969; font-size:16px;} 
.six-benefits .action-bar, .testimonial .action-bar{width:360px; margin:20px auto;}   

.fight-sign{padding:80px 0; background:#f6f3ec;}
.fight-sign .lft-txt{ text-align:left;}
.fight-sign h2{color:#0f3549; font-size:40px; font-weight:700; padding-bottom:50px;}
.fight-sign p{ font-size:18px;}
.fight-sign p, .fight-sign h4{ padding-bottom:20px; margin-bottom:0;}

.age-sign{padding:60px 0; background:#bd5eaf;} 
.age-sign p{color:#fff;  padding-right:0px; line-height:22px;}
.age-sign h4{ color:#fff;font-size: 1.6rem; padding-bottom:0.6rem; font-weight:600;}
.age-sign ul.libi{ padding-left:0;}
.age-sign ul.libi li{ display:inline-block; width:48%; color:#fff; font-weight:500;}
.how-effect{padding:80px 0;}    
.how-effect h4{ padding:20px 0;}
.how-effect h2, .package h2{color:#0f3549; font-size:40px; font-weight:700;}
.how-effect .txt-say{ font-style:italic; font-weight:400;}
.midbig{ font-size:18px; font-weight:300; padding-top:20px;}
.says{ font-size:24px; font-weight:bold;}
.how-effect h2.mid-head{ padding-top:40px; padding-bottom:50px;}

.package {padding:80px 0;}
.package h2 span{color:#7bc142;}
.package p.sub-text{ font-size:21px;}
.day-txt{ background:#bd5eaf; color:#fff; font-size:26px; text-transform:uppercase; font-weight:600; padding:6px 10px; max-width:53%; margin:35px auto 50px auto;} 
.box-sad{ border:1px solid #ccc; padding:14px;
-webkit-box-shadow: 0px 0px 24px -11px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 24px -11px rgba(0,0,0,0.55);
box-shadow: 0px 0px 24px -11px rgba(0,0,0,0.55);}
.box-sad .top-head{background:#f8f9f9; padding:20px;}
.box-sad .top-head p{ font-size:21px; color:#000; font-weight:600; margin-bottom:0;}
.box-sad .top-head strong{ display:block; color:#bd5eaf; font-size:36px;}
.box-sad .top-head span{text-transform: uppercase; color:#333;}
.box-sad p.price{ margin-bottom:5px;}
.box-sad .msrp{ font-weight:500; color:#666;}
.box-sad p.ships{ font-size:14px; margin-bottom:10px;}
.box-sad .btn{ padding:10px 80px; color:#fff; background:#7bc142; line-height:30px; margin-bottom:20px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px; display:inline-block; font-size: 1.2rem; font-weight: 700;text-align:center;}
.box-sad span.price-top-bold {
    vertical-align: top;
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
    letter-spacing:0.5px;
    text-align: center;
    top: 8px;
    position: relative;
}
.box-sad .price b {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: bold;
    line-height: normal;
    letter-spacing:1px;
}
.box-sad span.price-each-label {left: -32px; top: -2px;
    position: relative; font-weight:300; font-size:12px; 
}
.mid-action{background:#f6f3ec; padding:80px 0;} 
.mid-action .action-bar{ max-width:360px; margin-left:0px;}
.list-arrow li{ list-style:none; color:#0f3549; padding-bottom:20px; line-height:26px;}
ul.list-arrow { list-style:none; padding-left:0;}
ul.list-arrow li span{ float:left; padding:10px 16px; background:#fff; margin-right:20px;}
ul.list-arrow li span i{color:#bf20d0; font-size:20px;} 
.sd-use h3{ font-weight:600; padding-top:60px; padding-bottom:20px;}
.sd-use p{font-weight:500; font-size:18px; padding-bottom:60px;}
.how-effect.how-use h4{ padding-bottom:50px; line-height:32px;}
.bestoffer .box-sad{ border:3px solid #0f3549;}    

.testimonial{ padding:80px 0; background:#f4fafb;}
.testimonial h2 {color: #0f3549;font-size: 38px;font-weight: 700;}
.testimonial .tst-mid img{ margin-bottom:15px;}
.testimonial .tst-mid p{color: #696969;}
.testimonial h4{ padding-bottom:50px;}
.page-footer p{color:#fff;} .page-footer small{ display:block; color:#d2e4e9; line-height:18px; font-weight:300; font-size:90%; text-align:justify; padding:30px 0;}
.page-footer {background-color:#0f3549; padding:50px 0 50px 0;}
footer.page-footer {color: #464646;}
footer.page-footer .ftr-btm {margin:0 auto; padding-top:30px; color:#666; font-weight:400;}
footer.page-footer a{ padding:5px 15px; color:#fff; font-weight:400; font-size:18px;}

.clientsay .mainhead h1, .faqs h2{ font-size:40px;padding:0px 0 0px 0; font-weight:600;color: #0f3549;} 
.shomob, .mobfix{ display:none;}
.clientsay .mainhead{ border-bottom:1px solid #ddd; padding-bottom:30px;}
.totals-rev{ font-weight:500;}
.okeReviews p.date-max{ margin-bottom:0px; padding-bottom:0; color:#37465A; font-size:13px;}
.page-footer p {margin-bottom: 1rem;} 
#order-form{ padding-bottom:30px;}
.say-cstmr{ background:#fbfbfb; padding:20px; border:1px solid #d9d9d9; margin-top:25px;
-webkit-border-radius: 4px; font-size:14px;
-moz-border-radius: 4px;
border-radius: 4px;} .say-cstmr img{ margin-bottom:15px;}
.say-cstmr h2{ text-align:center; color:#c149bc; padding-bottom:20px;}
.say-cstmr strong{ color:#333;}
.pink-border{border: 6px solid #bd5eaf;padding: 20px 0;}
.gurantee h4{font-size: 1.3rem;}
.gurantee .headline{color:#c149bc;}
.faqs{ padding:70px 0;}
.faq-box {text-align: left;border-bottom: 1px solid #d5d5d5;padding-top:15px; padding-bottom:0px;color: #666;font-size: 16px;}
.faq-box .fstchl {font-weight:600;font-size: 1.20rem !important; padding-bottom:0; color:#555;}
.faq-box p {font-size: 1.1em;color: #222;}
.faq-box .fstchl:hover{ cursor:pointer;}

/*======Checkout Styles=======*/

.form-control{font-family: 'Montserrat', sans-serif; font-weight:300;}
.top-bar-mid{ padding:7px; color:#fff; background:#b64cb2; text-align:center; font-size:14px;} 
.checkout-steps {margin: 0; color: #696969;position: relative;}
.dr-steps{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
}
.dr-steps .active-step{background: #1e204a;cursor: pointer;}
.dr-steps .active-step .step-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22.5px 0 22.5px 25px;
    border-color: transparent transparent transparent #1e204a;
    position: absolute;
    right: -25px;
    top: 0;
} 
.dr-steps .active-step p {color: #fff;}
.dr-steps .shipping-step p {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dr-steps .step p {
    color: #d7d7d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.dr-steps .step .step-number {
    background: #d7d7d7;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
}
.dr-steps .active-step .step-number { background: #fff;color: #1e204a;}
.dr-steps .active-step {background: #1e204a;cursor: pointer;}
.dr-steps .shipping-step {padding-right: 3em;position: relative;}
.dr-steps .step {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 0;
    padding-right: 0px;
    cursor: pointer;
}
.dr-steps .billing-step {padding-left: 3em;}
.dr-steps .step .step-text {line-height: 1;font-size: 1em;} 
.dr-steps .active-step p {color: #fff;}
.order-summary-section{ padding-top:45px;}
.order-summary-section h3{font-size: 21px;}
#order-form h3{ padding-top:35px;}
h3.header-with-subtitle.mix {margin-bottom: 20px!important; padding-top:10px!important;}
.cart-totals, .product-pricing {list-style-type: none;}
.cart-totals li {border-bottom: 1px solid #e4e2e2;box-shadow: 0 1px 0 #fff;padding:7px 10px;font-size:15px;color: #666;}
.cart-totals li .pull-right {float: right;}
.cart-totals .pink-text{color: #c33aae;}
.cart-totals{padding-bottom:15px;}

.bill-pay .dr-steps .active-step .step-number {background: #c83cc3;}
.bill-pay .dr-steps .active-step {background: #fff;} 
.bill-pay .dr-steps .active-step p {color: #c83cc3;}
.bill-pay .dr-steps .active-step .step-triangle {border-color: transparent transparent transparent #fff;}
.bill-pay .dr-steps .billing-step {background: #0f3549;}
.bill-pay .dr-steps .step.billing-step p {color: #fff;} 
.bill-pay .dr-steps .step.billing-step .step-number {background: #fff; color:#0f3549;} 	

.quotes-slide {display: none;}
.mobsho{ display:none;}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
.gurantee .headline {font-size: 1.5rem;} .mobsho, .gurantee .action-btn.mobsho{ display:block;}     	
.gurantee h4 {font-size:1rem;} .desk, .gurantee .mobsho.desk{ display:none;}   	
.gurantee .w-75 {width: 90% !important;}
.gurantee .action-btn{padding: 12px 10px; line-height:28px;font-size: 1.3rem;}
.faqs {padding:30px 0;}
.faqs h2{ font-size:32px;}
.faq-box .fstchl {font-weight:500;font-size: 1rem !important;}
.order-summary-section {padding-top:10px;} 
#order-form h3 {padding-top: 25px;}
#order-form {padding-bottom: 10px;}
.information-section.offset-2 {margin-left:0%;}	  
.top-bar p {font-size: 12px; padding: 5px 0;}
.banner-stuck {padding:25px 0;} .top-bar-mid{line-height:20px;}
.top-txt {font-size: 21px; line-height: 30px; padding-bottom:30px;}  .top-txt br{ display:none;}
.banner-img img{ max-width:80%;} .banner-img{ text-align:center!important;}
.banner-img img.ic-prd {max-width:100%;margin:20px 0 25px 0;}
.col-result {padding: 35px 0 20px 0;text-align: center !important;} 
.col-result h2, .six-benefits h2 {font-size:32px;line-height:36px; margin-bottom:0px;}
.col-result h4 {font-size: 18px; padding-bottom: 15px; line-height: 26px;} 
.col-result p, p.subtxt {font-size: 16px; padding-bottom: 10px; line-height: 24px;text-align: center !important;}
.bg-proces { background: #bd5eaf; padding:30px 0;}
.col-result{background-size:100%; background:#f4fafb;} 
.bg-proces h1 {font-size: 32px; padding-bottom: 10px;}
.bg-proces p { padding: 0 20px; line-height: 28px; font-size: 21px;} 
.six-benefits {padding:60px 0 20px 0;} 
.six-benefits h2 { padding-bottom:30px;}
.fight-sign {padding:30px 0;}
.fight-sign h2 {font-size:32px; padding-bottom:20px;}
.fight-sign .lft-txt { text-align: center;} 
.age-sign {padding:30px 0;}
.age-sign p {padding-right: 0px;padding-top: 0px;line-height:24px;font-style: italic;text-align: center;} 
.how-effect {padding:30px 0;}
.age-sign h4 {font-size: 1.2rem; text-align:center;} .age-sign ul.libi li{ width:auto; padding-right:10px;}
.how-effect h2, .package h2 {font-size:32px;}
.how-effect.text-left{text-align: center!important;}
.how-effect h4 {padding:15px 0;font-size: 1.2rem;}
.how-effect h2.mid-head {padding-top:20px; padding-bottom:10px;} 
.says {font-size: 21px;}
.mid-action {padding:40px 0 30px 0;}
.mid-action img.img-fluid{ max-width:80%;}
.col-md-5.img-bag{ text-align:center; margin-bottom:20px;}
ul.list-arrow li span { margin-bottom: 35px;}
.how-effect.how-use h4 {padding-bottom:20px;line-height:30px;} 
.sd-use h3 {padding-top: 40px;padding-bottom: 10px;} 
.sd-use p {padding-bottom:20px;}
.testimonial {padding:30px 0;} 
.testimonial .tst-mid{padding-bottom:20px;}
.testimonial .tst-mid img{ max-width:60%;}
.day-txt {font-size:18px;padding: 6px 0px;max-width: 100%; margin:20px auto 25px auto;} 
.testimonial h2 {font-size: 32px;}
.package {padding: 35px 0;} 
.box-sad{ margin-bottom:10px;}
.clientsay .mainhead h1 {font-size:32px;} 
.clientsay.pb-5{padding-bottom:1rem !important;}
.okeReviews p {line-height: 1.5; font-size:16px;} 
footer.page-footer a {padding: 5px 5px;font-size: 14px;}  
.top-bar .list-inline li:last-child, .navmenu, .search-area{ display:none;} 
}