@font-face {
    font-family: 'Lucida Grande';
    src: url('../font/LucidaGrande-Bold.eot');
    src: url('../font/LucidaGrande-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/LucidaGrande-Bold.woff2') format('woff2'),
        url('../font/LucidaGrande-Bold.woff') format('woff'),
        url('../font/LucidaGrande-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('../font/LucidaGrande.eot');
    src: url('../font/LucidaGrande.eot?#iefix') format('embedded-opentype'),
        url('../font/LucidaGrande.woff2') format('woff2'),
        url('../font/LucidaGrande.woff') format('woff'),
        url('../font/LucidaGrande.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Bold.eot');
    src: url('../font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Montserrat-Bold.woff2') format('woff2'),
        url('../font/Montserrat-Bold.woff') format('woff'),
        url('../font/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: open_sansbold;
	src: url('../font/opensans-bold-webfont.woff2') format('woff2'), 
	     url('../font/opensans-bold-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: open_sansregular;
	src: url('../font/opensans-regular-webfont.woff2') format('woff2'), 
	     url('../font/opensans-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: open_sanssemibold;
	src: url('../font/opensans-semibold-webfont.woff2') format('woff2'), 
	     url('../font/opensans-semibold-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: robotobold;
	src: url('../font/roboto-bold-webfont.woff2') format('woff2'), 
	     url('../font/roboto-bold-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal
}



p:last-child{padding-bottom:0}

h1{font-size:42px;line-height:52px;margin-bottom:0px; color:#000000;}
h2{font-size:48px;line-height:58px;color:#000;}
h3{font-size:55px;line-height:65px;color:#000;}
img{max-width: 100%;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.pr{position:relative;}
.pa{position:absolute;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-90{padding-top: 90px;}
.pt-100{padding-top: 100px;}
.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.ptb-30{padding-top: 30px;padding-bottom:30px;}
.ptb-40{padding-top: 40px;padding-bottom:40px;}
.ptb-50{padding-top: 50px;padding-bottom:50px;}
.box-shadow {
   box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 18%);
}
.pl-0{padding-left:0;}
.pl-10{padding-left:10;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pr-0{padding-right:0px!important;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-30{padding-left:30px;padding-right:30px;}
.plr-40{padding-left:40px;padding-right:40px;}
.purple-clr{color:#6f33a6;}
.white h1,.white p,.white{color:#fff;}
.clear{clear:both;}
.no-repeat{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.white-bg{background-color:#fff;}
.hidden{overflow:hidden;}
.zindex{z-index:9;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.light-blue{background:#3cb5e8;padding:0px 24px;}

/* Main Css start */

.header{background:#031c22;padding:25px 15px;-webkit-box-shadow: 0px 5px 10px -4px rgb(0 0 0 / 37%);
    -moz-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.37);
    box-shadow: 0px 5px 10px -4px rgb(0 0 0 / 37%);}

p.phntxt {padding-top:5px;margin-bottom:0px;
    color: #fff;float:right;
}
.main-section{padding-bottom:70px;}
.main-section .col-lg-8 {
    max-width: 680px;
    flex: 0 0 680px;
}
.main-section .col-lg-4 {
    max-width: 203px;
    flex: 0 0 203px;
}
.white-bg{padding:70px 30px 30px 30px;}
p.voice-txt {font-size:16px;
    position: relative;font-weight:600;
	text-align:center;margin-bottom:40px;
}
p.voice-txt:before {
    position: absolute;
    content: '';
    background: url(../img_index/speaker.png) no-repeat top left;
    background-size: 100%;
    width: 24px;
    height: 24px;
    top: 0;
    left: 175px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
p.voice-txt:after {
    position: absolute;
    content: '';
    background: url(../img_index/speaker.png) no-repeat top left;
    background-size: 100%;
    width: 24px;
    height: 24px;
    top: 0;
    right: 175px;
}
img.tony_portrait {
    width: 203px;
    display: block;
    margin: 63px auto 15px;
}
h1.tony_txt{color:#27377a;font-weight:600;
font-size:23px;line-height:30px;}
img.border-img {
    border-top: 1px solid #d5d5d5;
}
p.horton-txt {margin-bottom:5px;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.3px;
}
.next-btn{display:none;
margin:0px auto 0px;
    font-weight: 700;
    background-color: #E06B0E !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: 'Montserrat';
	font-weight:bold;
	font-style:normal;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 100px 10px 100px;
    border: solid #e47925 1px;
    text-decoration: none;
    width: 315px !important;
    height: 45px !important;
    letter-spacing: 1px;
    line-height: 22px;}
	
	.next-btn:hover{color:#fff;text-decoration:none;}
	
	.footer p{font-size:12.75px;line-height:20px;color:#333;margin-bottom:10px;}
	.footer p a{margin:0 14px;color:#333;}
	

/* Bottle-section css start */
.sec2{border-bottom:1px solid #d5d5d5;padding-bottom:70px;}
.col-4.centerpack {
	padding: 0
}

.bottle-center {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 0 0 0px
}

.bottle-left {
	width: 100%;
	float: right
}

.bottle-center .pack-type {
	border-top-left-radius: 10px;
	border-top-right-radius:10px
}

.b1g3-cart {
    position: relative;
    border-radius: 5px;
    background: linear-gradient(180deg,#eac400 0,#e19a00);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
    border: 3px solid #c58700;
    margin: 8px 0px 8px 22px;
    text-transform: uppercase;
    width: 90%;
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px 10px 60px;
    color: white;
    box-sizing: border-box;
}
.b1g3-cart:before {
    z-index: 2;
    position: absolute;
    left: -18px;
    top: -15px;
    content: '';
    background: url(../img_new/guarantee-badge.png)no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
}
.bottle-center .free-ship,
.bottle-center .money-back,
.bottle-center .pack-type,
.bottle-center .supply {
	margin: 0;
	text-transform: uppercase
}

.bottle-center .pack-type {
	background: #669fa4;
	color: #fff;
	text-align: center;
	font-size: 30px;
	padding: 9px 0 10px;
	font-family: robotobold
}

.bottle-left .pack-type,
.bottle-right .pack-type {
	background: #B9B9B9;
	font-size: 22px
}

.bottle-center .supply {
	background: #1c434b;
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	padding: 20px 20px 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-family: robotobold
}

.bottle-left .supply,
.bottle-right .supply {
	font-size: 22px;
	padding: 20px 20px 0px;
	background:#8b8b8b;
	color:#ffffff;
}

.bottle-center .pack-pic {
	text-align: center;
	padding: 50px 10px 10px
}
.bottle-center .supply:after {
    width: 0;
    height: 0;
    border-left: 145px solid transparent;
    border-right: 145px solid transparent;
    border-top: 35px solid #1c434b;
    position: absolute;
    bottom: -35px;
    left: 0;
    content: '';
}
.bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 145px solid transparent;
    border-right: 145px solid transparent;
	    border-top: 35px solid #8b8b8b;
}
.firstpack, .lastpack {
    margin-top: 0px;
}
.price-part {
	text-align: center;
	padding: 10px 0 42px
}
.price-part {width:100%;
float:left;
display:inline-block;
box-sizing:border-box;
    text-align: center;
    padding: 10px 0px 12px;
}
.payment{margin-top:15px;}
.bottle-center .price {
	font-size: 50px;
	color: #000;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top: 17px;left:-20px;
	font-family: open_sansbold
}

.btn_outer {
    width: 100%;
    float: left;
    display: inline-block;
}
span.discount {
    font-size: 14px !important;
    position: absolute;
    top: 30px !important;
}
.centerpack .bottle-center .price {
    top: -5px;
}
.centerpack .bottle-center .price-each span{top:-23px;}
.centerpack .btn_outer{margin-top:-24px;}

.bottle-left .price,
.bottle-right .price {
	font-size: 42px
}

.bottle-center .price span {
    font-size: 37px;
    position: absolute;
    top: -8px;
    left: -20px;
}

.bottle-left .price span,
.bottle-left .price span, .bottle-right .price span {
    font-size: 32px;
    position: absolute;
    top: -5px;
    left: -20px;
}
.bottle-center .price-each {
	font-size: 50px;
	color: #000;
	position: relative;
	display: inline-block;
	top: 5px;
	left: -5px;
	font-family: open_sansbold
}

.bottle-left .price-each,
.bottle-right .price-each {
	font-size: 42px
}

.bottle-center .center-content {
	padding: 0 0px
}
.order-total-area {
    width: 100%;
    display: inline-block;
    background: #f6f6f6;
    padding: 12px 10px 10px 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0px 0 10px 10px;
}
.bottle-center .free-ship {
	font-size: 18px;
	padding: 10px 0 10px 27px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: relative;
	font-family: open_sansregular
}

.bottle-center .money-back {
	font-size: 18px;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 27px;
	position: relative
}

.bottle-center .money-back img {
	position: absolute;
	top: 12px;
	left: 5px
}

.bottle-left .money-back span,
.bottle-right .money-back span {
	font-size: 18px
}

.bottle-right {
	width: 100%
}

.bottle-center .price-each span {
	font-size: 24px;
	position: absolute;
	top: 0px;
	left: -15px;
	padding-top: 5px
}

.bottle-left .price-each span,
.bottle-right .price-each span {
	font-size: 24px;
	top: 0
}

.bottle-center .free-ship img {
	position: absolute;
	top: 12px;
	left: 5px
}

.cart-btn a {
	display: inline-block
}

.cart-btn {
	text-align: center;
	padding: 10px 20px;
	box-sizing: border-box
}

.bottle-center .pack-pic {
	text-align: center;
	padding: 30px 10px 10px;
	margin-bottom: 15px
}
.b1g3-cart:hover {color:#fff;text-decoration:none;
    background: linear-gradient(180deg,#eac400 0,#eac400);
    cursor: pointer;
}

.lastpack .bottle-center .pack-pic {
	padding: 40px 10px 0
}
.firstpack .bottle-center .pack-pic{padding: 30px 10px 0}
.bottle-center .free-ship img.van-pic {
	position: static;
	vertical-align: middle;
	top: 16px;
	left: 5px
}

.retail-price {
	color: #000;
	font-size: 22px;
	padding-bottom: 20px;
	font-family: open_sansregular
}
.firstpack .price-part {
    padding-top: 0px;
    margin-top: -5px;
}


/* Bottle-section css end */

/* radio button css start */
.purchase-div {
    width: 100%;
    display: inline-block;
    float: left;
	padding:0 15px;
}
.purchase-txt {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 18px;
    line-height: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.purchase-txt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
    position: absolute;
    top: -8px;
    left: 5px;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}

.purchase-txt:hover input ~ .checkmark {
  background-color: #ccc;
}
.purchase-txt input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.purchase-txt input:checked ~ .checkmark:after {
  display: block;
}
.purchase-txt .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: white;
}


/* radio button css end */



/* Main Css end */

@media screen and (min-width:1200px){	
.container{max-width:960px !important;}
}



@media only screen and (max-width:980px){
	p.voice-txt{margin-bottom:20px;}
	.main-section {
    padding-bottom: 50px;
}
p.voice-txt:after{display:none;}	
p.voice-txt:before {display:none;}	
.white-bg {
    padding: 20px 30px 30px 30px;
}
.next-btn{width:100% !important;}
p.phntxt {padding-top:0px;
    margin-top: -30px;
}
img.logo {
    width: 200px;
}
img.tony_portrait{margin:33px auto 15px;}

.packages {
		display: flex;
		flex-direction: column;
		align-items: center
	}
	.product-1 {
		order: 3
	}
	.product-3 {
		order: 2;
		margin-top: 2em;
		margin-bottom: 2em
	}
	.product-6 {
		order: 1;
		margin-top: .4em
	}
	.packages .col-lg-4 {
    width: 400px;
    display: block;
    margin: 0 auto 20px;
}
.bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 185px solid transparent;
    border-right: 185px solid transparent;
    border-top: 35px solid #8b8b8b;
}
.bottle-center .supply:after{ border-left: 185px solid transparent;
    border-right: 185px solid transparent;}
	
	.purchase-txt {
    margin-right: 25px;}
	
	.purchase-div{padding:0 20px;}
	.lastpack .price-part {
    padding-top: 0;
}
.sec2 {
    padding-bottom: 50px;
}
.bottle-center .pack-type{font-size:26px;}
}

@media only screen and (max-width:740px){
	
	.container{max-width:100%}
	
}

@media only screen and (max-width:480px){
	p.phntxt {padding-top:0px;
    margin-top: 0px;float:none;
}
	img.logo {
    display: block;
    margin:0 auto;}
	
	.header .col-lg-9{text-align:center;}
}

@media only screen and (max-width:420px){
	
	.packages .col-lg-4 {
    width: 100%;
    display: block;
    margin: 0 auto 20px;
}
	.bottle-center .supply:after, .bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 192px solid transparent;
    border-right: 192px solid transparent;
}
}


@media only screen and (max-width:400px){
	
	.next-btn{padding:10px 90px;}
		.bottle-center .supply:after, .bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
}
.purchase-txt {
    margin-right: 16px;
}
}

@media only screen and (max-width:380px){
	
	
		.bottle-center .supply:after, .bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 172px solid transparent;
    border-right: 172px solid transparent;
}
.purchase-txt {
    margin-right: 12px;
}
}


@media only screen and (max-width:360px){
	
	.next-btn{padding:10px 80px;}
	.bottle-center .supply:after, .bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 165px solid transparent;
    border-right: 165px solid transparent;
}
	.purchase-txt {
    margin-right: 6px;
}
}
@media only screen and (max-width:320px){
	
	.next-btn{padding:10px 60px;}
	p.voice-txt{font-size:15px;}
	
	.bottle-center .supply:after, .bottle-left .supply:after, .bottle-right .supply:after {
    border-left: 144px solid transparent;
    border-right: 144px solid transparent;
}
.purchase-div {
    padding: 0 5px;
}
.purchase-txt {
    margin-right: 1px;
}
}