h4 sup {
    top: -2px !important;
}
h2 .bodyCit {
	top: -5px;
}
h5 .bodyCit {
	font-size: 50%;
	top: -2px;
}

.arrow {
    position: absolute;
    max-width: 120px !important;
    left: 28%;
    top: 45%;
    transform: rotateY(180deg) rotateZ(70deg);
}
.kr-flag {
	max-width: 45px;
	margin-left: 8px;
}
.bg-grey {
	background-color: #F0F2F2;
}
.star-rating {
	font-size: 15px;
	color: #f78e3b;
}
.btn-faq {
	background: #f3bc00;
    border-radius: 0;
    border-style: none;
    font-size: 22px;
    font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-align: center;
    padding: 20px 0;
    margin: 0 8px;
}

.btn-faq h2 {
	font-size: 22px;
}

.btn-faq:hover,
.btn-faq:focus {
    background: #d48f36;
    border: none;
    text-decoration: none;
}
.tm-btn {
	font-size: 70%;
	font-weight: bold !important;
	top: 2px;
}
.fa-circle-xmark {
    color: #AD231B;
    border-radius: 50px;
    font-size: 24px;
    margin: 3px 3px 0 0;
    padding: 8px;
    text-align: center;
}
.fa-circle-check {
    color: #28a745;
    border-radius: 50px;
    font-size: 24px;
    margin: 3px 3px 0 0;
    padding: 8px;
    text-align: center;
}
.fa-ul li{
	font-size: 23px;
	list-style-type: none;
    font-weight: bold;
    letter-spacing: -0.25px;
    text-indent: 0px;
}
.text-highlight-red {
    background: #dc3545;
    color: white;
    padding: 6px;
}
.circle-group {
	background: #0A3B6C;
	margin-bottom: 20px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    justify-content: center;
    display: flex;
   	align-items: center;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
}
.result-box p{
	font-size: 22px !important;
	line-height: 1.3;
}
.step-box1 {
  background-color: #f9b738;
  color: #000;
  padding: 20px 15px 15px 15px;
  position: relative;
  margin-bottom: 40px;
  float: left;
}

  .step-box1:after {
	  content: " ";
	  position: absolute;
	  right: 360px;
	  bottom: -20px;
	  border-top: 20px solid #f9b738;
	  border-right: 20px solid transparent;
	  border-left: 20px solid transparent;
	  border-bottom: none;
  }

.step-box2 {
  background-color: #fef7ed;
  color: #000;
  padding: 20px 15px 15px 15px;
  position: relative;
  margin-bottom: 40px;
  float: left;
}

  .step-box2:after {
	  content: " ";
	  position: absolute;
	  right: 360px;
	  bottom: -20px;
	  border-top: 20px solid #fef7ed;
	  border-right: 20px solid transparent;
	  border-left: 20px solid transparent;
	  border-bottom: none;
  }

.step-box3 {
  background-color: #f9b738;
  color: #000;
  padding: 20px 15px 15px 15px;
  position: relative;
  margin-bottom: 20px;
  float: left;
}

.border-white{
	border: 2px dashed white !important;
}

.text-grey {
	color: #999;
}
.bg-blue {
	background-color: #0A3B6C;
}

#progbar {
	position: relative;
    margin: 0;
    line-height: 1;
	font-weight: bold;
}

#progbar p{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: white;
}

.progbar {
	height: 40px;
    width: 100%;
    -webkit-appearance: none;
}

.progbar::-webkit-progress-bar {
	background-color: rgb(200, 204, 216);
	border-radius: 7px;
}

.progbar::-webkit-progress-value {
	background-color: rgb(245, 62, 26);
	border-radius: 7px 0 0 7px;
}

.font-normal{font-weight:normal!important;}
img.border-testimonial {
    box-sizing: border-box;
    border-style: solid;
    border-width: 6px;
    border-color: #ffffff;
    box-shadow: 0px 3px 4px 2px rgb(0 0 0 / 30%);
}
.bg-white-new {
    background-color: #ffffff;
    border: #163f68 solid 1px;
}
.testimonial-img {
	margin-right: 20px;
    float: left;
	margin-bottom: 10px;
    margin-top: 2px;
    clear: both;
    max-width: 300px;
    display: inline-block;
    box-sizing: border-box;
    border-style: solid;
    border-width: 6px;
    border-color: #ffffff;
    box-shadow: 0px 3px 4px 2px rgb(0 0 0 / 30%);
}

.bonuses {
    background: #043769;
    padding: 20px;
    margin: 0 auto;
}
.danger-list li:before {
	content: "\0021";
	font-family: 'Font Awesome Free';
    font-size: 42px;
    color: #ad231b;
    font-weight: 500;
    margin: -17px 10px 0 -44px;
    position: absolute;
    padding: 3px 10px;
    text-shadow: -1px -1px 0 #ad231b, 1px -1px 0 #ad231b, -1px 1px 0 #ad231b, 1px 1px 0 #ad231b;
}

.danger-list li {
    list-style-type: none;
    font-weight: bold;
}

.fa-down-long {
	color: #28a745;
	font-size: 40px;
	margin: 0 5px 0 0;
	position: relative;
	text-align: center;
}

.text-red{
    color: #ad231b !important;}
	.bg-lightgrey {
	background: #fef7ed !important;
	border: 1px  solid #163f68;
	margin-top: -10px;
}
.btn-primary {
	color: #111111;
    background-color: #F9B738;
    border-color: #F9B738;
	border-radius: 0;
	border-style: none;
	font-size: 17px;
	font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 800;
	margin-bottom: 25px;
	padding: 10px 25px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.75);
	width: 100%;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #111111;
    background-color: #E29213 !important;
    border: none;
    text-decoration: none;
}

img.right-pic {
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    float: right;
    clear: both;
	max-width:300px;
	max-height:400px;
}
img.left-pic {
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    clear: both;
	max-width:300px;
}
sup {
    vertical-align: super;
	color: #A9A9A9;
	font-weight:normal !important;
}
sup.tm {
	color: inherit;
	font-weight:bold !important;
	font-size: 50% !important;
}
.bodyCit {
    color: #A9A9A9;
    vertical-align: super;
}

p.card-text {
	font-family: 'Merriweather', serif !important;
	letter-spacing: 0;
}
p .bodyCit {
	font-size: 40% !important;
	top:-5px!important;
}
p sup, .check-list li sup {font-size: 40% !important;
	top:-5px!important;
}

h3 sup {
	vertical-align:super;
	top:-3px;
}

h3 {font-size:30px;}

h5{
	font-size: 19px !important;
}
.bg-lightgrey {
    background: #fef7ed !important;
    border: 1px solid #163f68;
    margin-top: -10px;
}

.faq-bg-white {
    background: white !important;
    border: 1px solid #163f68;
    margin-top: -10px;
}

#accordion p {
	margin-left: 5px;
	text-indent: 0;
	max-width: 100%;
}

#accordion .btn-link {
	width: 100%;
    text-align: left;
    position: relative;
	padding: 16px 30px;
	font-size: 23px;
	color: #000;
	border-radius: 15px 15px 0px 0px !important;
	background-color: #e6e6e6;
	color: #163f68;
	border-color: #163f68;
	border-bottom: 0px !important;
	border: 1px solid;
	margin-bottom: 10px;
}
.border-blue{
	border: 2px dashed #0A3B6C !important;
}
.text-black{
	color: black;
}

#accordion .btn-link.focus, #accordion .btn-link:focus {
	text-decoration: none !important;
	color: #0A3B6C;
}

#accordion .btn-link:hover {
	color: #163f68;
    text-decoration: none;
}

#accordion .btn-link:first-child {
	border-top: #163f68 solid 1px;
}

#accordion .btn-link span {
	max-width: 90%;
	display: inline-flex;
}


[data-toggle="collapse"] .fa:before {
	content: url("https://cdn.truegcloud.com/metabolicflora/accordion-arrow-before.svg");
	position: absolute;
	right: 16px;
	margin-top: -20px;
	width: 13px;
}

[data-toggle="collapse"].collapsed .fa:before {
  	content: url("https://cdn.truegcloud.com/metabolicflora/accordion-arrow-after.svg");
	width: 25px;
	height: 21px;
}
@media (min-width: 768px) {
	.icon-90 {
		max-width: 90%;
	}
	p,
	.check-list li,
	.bullet-list li,
	#accordion .btn-link {
		font-size: 23px;
		letter-spacing: -0.25px;
		text-indent: 0px;
		
	}
	p sup,
	.check-list li sup {
		font-size: 50%;
	}
	.signature {
	max-width: 40%;
}
/* shop now floating button */
.shop-now {
	display: block;
	padding: 20px 10px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.shop-now-align {
	float: right;
	width: 220px;
}
.shop-now-align > p {
	text-align: center;
	text-indent: 0px;
	margin-bottom: 10px;
}
.shop-now a.action {
	
	background: #163f68;
	color: #f9b738 !important;
	padding: 10px 15px 8px 15px;
	display: inline-block;
	font-weight:700 !important;
	font-family: 'Montserrat', sans-serif;
font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	box-shadow:1px 2px 22px rgba(0,0,0,0.2);
	border-radius: 0px;
	text-decoration: none;
	
}
.shop-now a.action:hover {

	background: #d48f36;
	
}

}
@media (min-width: 1200px) {
	h1 {
		font-size: 60px;
		line-height: 1;
	}
	h1 sup,
	h2 sup {
		vertical-align:super;
	}
	h2 {
		font-size: 45px;
	}
		.h2blue {
		font-size: 38px;
		line-height: 1.2;
	}
	.upsell-option li {
		font-size: 14px;
		padding: 12px 20px;
	}
}

@media (max-width: 991px) {
	.headline {
		font-size: 50px;
	}
}
@media (max-width: 600px) {
	.amz-mob {
		text-align: center;
	}
	.amz-mob h5{
		font-size: 22px !important;
	}

.center-align {
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
    float: none !important;
    display: block !important;
    text-align: center;
}

}
@media (max-width: 480px) {
	.circle-group {
    background: #0A3B6C;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}
.text-highlight-red {
	line-height: 1.3;
}
.result-box p {
	font-size: 19px !important;
}
.step-box1, .step-box2, .step-box3 {
	padding: 20px 10px 0px 10px;
}
  .step-box1:before,
  .step-box2:before,
  .step-box3:before {
    top: 0px;
    background: none;
  }

  .step-box1:after,
  .step-box2:after,
  .step-box3:after {
    top: 50%;
    background: none;
  }
	.btn-primary {
	font-size: 14px !important;
	margin-bottom: 25px;
	padding: 10px 25px;
	
}
	.headline {
		font-size: 27px;
	}
	.shop-now {
	position: fixed;
	top: calc(100% - 50px);
	top: -o-calc(100% - 50px); /* opera */
	top: -webkit-calc(100% - 50px); /* google, safari */
	top: -moz-calc(100% - 50px); /* firefox */
	left: 0;
	bottom: 0 !important;
	background: rgba(255,255,255,.9);
		width: 100%;
		z-index: 999;
}

h1 {font-size: 37px;}

	
.shop-now a.action {
	float: none;
	position: absolute;
	left: 50%;
	top: 25px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	padding: 12px;
	font-size: 15px;
	margin: 0 auto;
			background: #f9b738;
	color: black;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	
}
img.right-pic {
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    float: right;
    clear: both;
    width: 100%;
	max-height:none;
}
img.left-pic {
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    clear: both;
    width: 100%;
	max-height:none;
}
h3 {font-size:24px;}

p, .check-list li, .bullet-list li, #accordion .btn-link {
    font-size: 19px;
}
}

@media (min-width: 1200px){
h2 {
    font-size:41px;
}

h1 sup, h2 sup {
    vertical-align: super;
}
h1 sup{
    top: -12px;
}


h2 sup {
    top: -2px;
}
}
/* For Ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	  	#accordion .btn-link span {
	max-width: 85%;
	display: inline-flex;
}
	.btn-primary {
	font-size: 13px !important;
	margin-bottom: 25px;
	padding: 10px 25px;
	
}
	h2{ font-size: 30px;
}
	h3{ font-size: 23px;
}
.arrow {
    position: absolute;
    max-width: 100px !important;
    left: 15%;
    top: 20%;
    transform: rotateY(180deg) rotateZ(44deg);
}
.kr-flag {
    max-width: 32px;
    margin-left: 6px;
}
	#accordion .btn-link{ 
		padding: 16px 25px;}
	
.headline {
    font-size: 40px;
}
h2 sup {
    vertical-align: super;
}
h1 sup, h2 sup {
    top:0;
}
}
/* For Ipad pro */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  	#accordion .btn-link span {
	max-width: 80%;
	display: inline-flex;
}
	  		.btn-primary {
	font-size: 13px !important;
	margin-bottom: 25px;
	padding: 10px 25px;
	
}
h2{ font-size: 38px;
}

.headline {
    font-size: 44px;
}

h2 sup {
    vertical-align: super;
	color: #A9A9A9;
	top:-8px;
}
}


/* For Iphone 5,5s */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	h5{
	font-size: 16px !important;
}
	#accordion .btn-link span {
	max-width: 100%;
	display: inline-flex;
}
		.btn-primary {
	font-size: 14px !important;
	margin-bottom: 25px;
	padding: 10px 25px;
	
}
h2{
    font-size: 24px;
}
.headline {
    font-size: 37px;
}

h2 sup {
    vertical-align: super;
}
h3 {font-size:20px;}
}

@media (max-width: 640px) {
	.arrow {
    position: absolute;
    max-width: 80px !important;
    left: -3%;
    top: 45%;
    transform: rotateY(180deg) rotateZ(22deg);
}
.kr-flag {
    max-width: 32px;
    margin-left: 6px;
}
    .center-align-testimonial {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
    }
    .w-50-new {
    	max-width: 50%;
    }
    .icon-90 {
    	max-width: 50%;
    }
}

/* For Iphone 6,7,8 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
		h5{
	font-size: 18px !important;
}
	h2 {
    font-size: 25px;
}

.headline {
    font-size: 40px;
}
h1 sup, h2 sup, h3 sup {
    top: -1px;
	vertical-align:super;
}

h3 {font-size:21px;
line-height: 1.5rem;}

.mob-70 {
	max-width: 70%;}
}

/* For Iphone X */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
		h5{
	font-size: 16px !important;
}
h2 {
    font-size: 25px;
	line-height:1;
}
h1 {
	line-height:1.1;
}

.headline {
    font-size:40px;
}

h2 sup {
    vertical-align: super;
	top:-1px;
}
h3 {font-size:20px;}
.img-60 {
	max-width: 60%;
}
.img-80 {
	max-width: 80%;
}
.img-100 {
	max-width: 100%;
}
.btn-faq {
	font-size: 20px;
		text-align: center;
		padding: 5px !important;
		line-height: 1.2em;
   	 	width: 100%;
	}
	#accordion .btn-link {
		padding: 16px 24px;
	}

}

/* For Iphone 6,7,8 plus*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
		h5{
	font-size: 16px !important;
}
	h2 {
    font-size: 28px;

}

.headline {
    font-size: 43px;
}
h2 sup {
    vertical-align: super;
}
h3 {font-size:26px;}
}