@font-face { font-family: 'newutraFont'; src: url("../font/NeutraText-Book.otf"); }
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px; }

a, a:hover {
  text-decoration: none;
  color: #343433; }

h2{color:#343433;}
.clr-grey{ color:#666767;}

.color-black{
	color: #000 !important;
}

body{ overflow-x: hidden; overflow-y: scroll; font-family: 'newutraFont';}

.home-bg{ background:url("../img/back_health1.jpg") }
.result-bg{ background:url("../img/back_health1.jpg") no-repeat 0 -140px; }
.home-header{ margin-bottom:250px;}

.contact-top{ text-align: right; margin-top:20px;}
.contact-top a, .banner-cta a{ padding:10px 25px; background:#d8d8d8; color:#000; font-size:20px; 
	-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.contact-top a:hover { background: #f00; color:#fff; -webkit-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6;}

 .danger{ background:rgba(255, 0,0, 0.6) !important;}
.modrate{ background:rgba(239, 99,6, 0.6) !important;}
.good{ background:rgba(66, 174,29, 0.6) !important;} 


h1{ font-size:36px; color:#343433; margin-top:10px; line-height: 60px;}
.banner-cta{ text-align: left; margin-top:50px;}
.banner-cta a{ padding:15px 50px; position: relative; color:#000; }

.banner-cta a:hover{ background: #f00; color:#fff;}


.banner-pic{ text-align: center; margin-top:70px;}
.banner-pic span { display: inline-block; padding:25px; border-radius:500px; animation: anim-9 4s ease infinite;}
.banner-pic img{ border-radius:500px; outline: none; animation: anim-8 4s ease infinite;}

.anim-icon-1{ position: absolute; top:150px; left:100px; -webkit-animation: anim-1 4s ease infinite; -moz-animation: anim-1 4s ease infinite; -ms-animation: anim-1 4s ease infinite; -o-animation: anim-1 4s ease infinite; animation: anim-1 4s ease infinite;}
.anim-icon-2{ position: absolute; bottom:50px; left:650px; -webkit-animation: anim-2 4s ease infinite; -moz-animation: anim-2 4s ease infinite; -ms-animation: anim-2 4s ease infinite; -o-animation: anim-2 4s ease infinite; animation: anim-2 4s ease infinite; }
.anim-icon-3{ position: absolute; top:150px; right:100px; -webkit-animation: anim-2 4s ease infinite; -moz-animation: anim-2 4s ease infinite; -ms-animation: anim-2 4s ease infinite; -o-animation: anim-2 4s ease infinite;}
.anim-icon-4{ position: absolute; bottom:-100px; right:550px; -webkit-animation: anim-4 5s ease infinite; -moz-animation: anim-4 5s ease infinite; -ms-animation: anim-4 5s ease infinite; -o-animation: anim-4 5s ease infinite; animation: anim-4 5s ease infinite; }
.anim-icon-5{ position: absolute; bottom:50px; left:100px; -webkit-animation: anim-7 60s ease infinite; -moz-animation: anim-7 60s ease infinite; -ms-animation: anim-7 60s ease infinite; -o-animation: anim-7 60s ease infinite; animation: anim-7 60s ease infinite; }
.anim-icon-6{ position: absolute; bottom:150px; right:200px; -webkit-animation: anim-7 40s ease infinite; -moz-animation: anim-7 40s ease infinite; -ms-animation: anim-7 40s ease infinite; -o-animation: anim-7 40s ease infinite; animation: anim-7 40s ease infinite; }
.anim-icon-7 { position: absolute; width: 100%; height:100%; text-align: center; top:-90px;}
.anim-icon-7 img{ -webkit-animation: anim-7 60s linear infinite; -moz-animation: anim-7 60s linear infinite; -ms-animation: anim-7 60s linear infinite; -o-animation: anim-7 60s linear infinite; animation: anim-7 60s linear infinite; }


@-webkit-keyframes anim-1{ 0%{ left:100px; } 50%{ left:130px;} 100% { left:100px; } }
@-moz-keyframes anim-1{ 0%{ left:100px; } 50%{ left:130px;} 100% { left:100px; } }
@-ms-keyframes anim-1{ 0%{ left:100px; } 50%{ left:130px;} 100% { left:100px; } }
@-o-keyframes anim-1{ 0%{ left:100px; } 50%{ left:130px;} 100% { left:100px; } }
@keyframes anim-1{ 0%{ left:100px; } 50%{ left:130px;} 100% { left:100px; } } 

@-webkit-keyframes anim-2{ 0%{ transform: scale(1);} 50% { transform: scale(1.2);} 100% { transform: scale(1);} }
@-moz-keyframes anim-2{ 0%{ transform: scale(1);} 50% { transform: scale(1.2);} 100% { transform: scale(1);} }
@-ms-keyframes anim-2{ 0%{ transform: scale(1);} 50% { transform: scale(1.2);} 100% { transform: scale(1);} }
@-o-keyframes anim-2{ 0%{ transform: scale(1);} 50% { transform: scale(1.2);} 100% { transform: scale(1);} }
@keyframes anim-2{ 0%{ transform: scale(1);} 50% { transform: scale(1.2);} 100% { transform: scale(1);} }

@-webkit-keyframes anim-4{ 0%{ bottom:-100px; } 50%{ bottom:-80px; } 100%{ bottom:-100px; } }
@-moz-keyframes anim-4{ 0%{ bottom:-100px; } 50%{ bottom:-80px; } 100%{ bottom:-100px; } }
@-ms-keyframes anim-4{ 0%{ bottom:-100px; } 50%{ bottom:-80px; } 100%{ bottom:-100px; } }
@-o-keyframes anim-4{ 0%{ bottom:-100px; } 50%{ bottom:-80px; } 100%{ bottom:-100px; } }
@keyframes anim-4{ 0%{ bottom:-100px; } 50%{ bottom:-80px; } 100%{ bottom:-100px; } }

@-webkit-keyframes anim-7{	0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}	}
@-moz-keyframes anim-7{	0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}	}
@-ms-keyframes anim-7{	0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}	}
@-o-keyframes anim-7{	0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}	}
@keyframes anim-7{	0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}	}

@-webkit-keyframes anim-8{ 0%{ box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7); } 50%{ box-shadow: 0 0 0px 15px rgba(242, 137, 32, 0.3); } 100%{ box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7);} }
@-moz-keyframes anim-8{ 0% { box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7); } 50%{ box-shadow: 0 0 0px 15px rgba(242, 137, 32, 0.3); } 100%{ box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7);} }
@-ms-keyframes anim-8{ 0% { box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7); } 50%{ box-shadow: 0 0 0px 15px rgba(242, 137, 32, 0.3); } 100%{ box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7);} }
@-o-keyframes anim-8{ 0% { box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7); } 50%{ box-shadow: 0 0 0px 15px rgba(242, 137, 32, 0.3); } 100%{ box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7);} }
@keyframes anim-8{ 0% { box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7); } 50%{ box-shadow: 0 0 0px 15px rgba(242, 137, 32, 0.3); } 100%{ box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.7);} }

@-webkit-keyframes anim-9{ 0% { background:rgba(242, 137, 32, 0.3); } 50% { background:rgba(255, 255, 255, 0.7); } 100% { background:rgba(242, 137, 32, 0.3);} }
@-moz-keyframes anim-9{ 0% { background:rgba(242, 137, 32, 0.3); } 50% { background:rgba(255, 255, 255, 0.7); } 100% { background:rgba(242, 137, 32, 0.3);} }
@-ms-keyframes anim-9{ 0% { background:rgba(242, 137, 32, 0.3); } 50% { background:rgba(255, 255, 255, 0.7); } 100% { background:rgba(242, 137, 32, 0.3);} }
@-o-keyframes anim-9{ 0% { background:rgba(242, 137, 32, 0.3); } 50% { background:rgba(255, 255, 255, 0.7); } 100% { background:rgba(242, 137, 32, 0.3);} }
@keyframes anim-9{ 0% { background:rgba(242, 137, 32, 0.3); } 50% { background:rgba(255, 255, 255, 0.7); } 100% { background:rgba(242, 137, 32, 0.3);} }


.question-header{margin-bottom:30px;}
.quest-progress-wrap{ position: relative; margin-top:130px; }
.quest-progress-bar{ width: 100%; height:10px; background:#fff;  border-radius:50px;}
.quest-progress-wrap ul { padding: 0 50px; position: absolute; top:-14px;}
.quest-progress-wrap ul li { width:40px; height:40px; background: #fff; border-radius: 100px; display: inline-block; margin:0 15px; text-align: center; line-height: 38px; font-size:18px; color:#343433;}
.quest-progress-wrap ul li.active{ background:#1ea33b; color:#fff; border:1px solid #fff;}

 

.question-container{ width:100%; position: relative; height: 600px; overflow: hidden; }

.move-bg{ position: absolute; top: 0; left: 0; width:100%; height:100%;  background:url("../img/bg-2.jpg") center center; background-size: cover; -webkit-transform: scale(1);
          -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.quest-heading{ color:#000; font-size:42px; margin-top:0px; margin-bottom: 20px;}

.ans-cont button{width:100%; text-align: left; padding: 10px; background:#fff; font-size:20px; color:#343433; margin-top: 30px; border-radius:4px; }
.ans-cont button:hover{ background:#b4d230; opacity: 1; color:#fff; }
.ans-cont input{width:100%; text-align: left; padding: 10px; background:#fff; font-size:20px; color:#343433; margin-top: 30px; border-radius:4px; }
.ans-cont input:hover{ background:#b4d230; opacity: 1; color:#fff; }
.btn-wrapper input{
display: none;
}
.btn-wrapper label{
position: relative;
color: #666767;
margin:10px;
padding:10px;
background-color: #fff;
font-size: 18px;
text-align: left;
display:block;
cursor: pointer;
border:1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;
}

.btn-wrapper  input:checked + label{
border: 1px solid #b4d230;
box-shadow:0 0 0 0.2rem rgba(255,255,255,1); background:#f00; color:#fff;
}
.btn-wrapper label:hover {background:#f00; color:#fff;}
.btn.focus, .btn:focus{box-shadow:0 0 0 0.2rem rgba(255,255,255,1); background:#f00; color:#fff;}


.progress-percentage-wrap{ position: absolute; bottom: 0px; left: 0px; width:100%; text-align: center;}
.progress-percentage-wrap span{ font-size:32px; padding:5px 40px; background:#b4d230; display: inline-block; color:#fff; position: relative;}
.progress-percentage-wrap span::after{ position: absolute; content: ''; top:0px; right: -30px; width: 0; height: 0; border-bottom: 58px solid #6b7a29; border-right: 30px solid transparent;}
.progress-percentage-wrap span::before{ position: absolute; content: ''; top:0px; left: -30px; width: 0; height: 0; border-bottom: 58px solid #6b7a29; border-left: 30px solid transparent;}

.back-btn a{ padding:15px 30px; color:#000; border:1px solid #ddd; background: #fff; font-size:20px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
.back-btn a:hover{background:#f00;; color:#fff;}
.next-btn button{ padding:15px 30px; color:#000; border:1px solid #000; background: #fff; font-size:20px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
.next-btn button:hover{background:#000; color:#fff;}
.back-btn button{ padding:15px 30px; color:#fff; border:1px solid #000; background: #000; font-size:20px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
.back-btn button:hover{background:#fff; color:#343433;}
.dynamic-inner-form-1 .form-control {
    height: 50px;
}

h2{ color:#fff; margin-top:80px; line-height: 52px;}
.final-score{ height:140px; background:rgba(255, 255, 255, 0.3); margin-top:70px; border-radius:500px; padding:20px; font-size:36px; text-align: center; display: flex; justify-content: space-between; align-items: center; color:#fff;}
.final-score span:last-child{ float: right; width:100px; height: 100px; background:#fff; border-radius:500px; font-size:42px; line-height: 100px; color:#343433;}
.result-text{ font-size:20px; color:#fff;}
.result-container{ background:#fff; padding-bottom: 50px;}
.result-container h2{ color:#343433; text-align: center; margin-top:50px;}
.result-content-box{ display: flex;  border:1px solid #ddd; font-size:18px; color:#343433; border-radius:4px; margin-top:20px; align-items: center;}
.result-content-box img{ min-width: 150px;}
.result-content-box p{margin-bottom: 0;}
.result-content-box:nth-child(even) p:first-child{ margin-bottom:0px; padding:10px 15px; }
.result-content-box:nth-child(odd) p:last-child{ margin-bottom:0px; padding:10px 15px; }
.product-immunity{ background:#f1f1f1; padding-top:40px; padding-bottom: 40px;}
.product-wrap{ padding:15px; background:#fff; border:1px solid #ddd; border-radius:4px; margin-bottom: 20px;}
.product-title{ font-size:26px; color:#288e41;}
.final-text{ height:200px; background:#008000; margin-top:70px; border-radius:500px; padding:50px; font-size:36px; text-align: center; display: flex; justify-content: space-between; align-items: center; color:#fff;}


.product-desc{ padding-top:15px; }
.price-wrap{ font-size:24px; color:#0062bd;}
.star-rating{ font-size:20px; color:#f0852c; display: inline-block; float:right;}

.product-buy{ text-align: center; padding-top:30px; padding-bottom: 20px;}
.know-more{ font-size:18px; color:#fff; background:#00a33b; padding:10px 20px; border-radius:4px;}
.know-more:hover{ color:#fff; }

footer{ background:#343433;}
footer .display-5{ color:#fff;}
footer a { display:block; color:#fff; line-height:26px;}
footer a:hover { color:#008e41; text-decoration:underline;}
.bottom-line{ text-align:center; background:#666767; color:#fff; line-height: 40px;}
footer .display-5{ font-size:20px;}
.enquery {display:none; height:30px; width: 120px; position: fixed; text-align: center; color:#fff; top:320px; right:-46px; background:green; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); z-index: 99999; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.join-btn{ background:#509da5; padding:10px 40px; margin-top:15px; font-size:18px; color:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
.btn{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.btn:hover{ -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7;} 
.community-btn a{ display: block; text-align: center; background:#509da5; color:#fff; font-size:20px; padding:20px; margin-top:40px; }
.login-signup-tab{border-bottom:0px;}
.login-signup-tab li{ width:50%; text-align:center;}
.login-signup-tab .nav-item{ margin-bottom:0px; }
.login-signup-tab .nav-item .nav-link { border:0px; background:#eee; color:#343433; border-radius:0px;}
.login-signup-tab .nav-item .nav-link.active { border:0px; background:#498deb; color:#fff; border-radius:0px;}
.login-signup-tab .nav-item .nav-link:hover { color:#343433 !important;}
h6{ margin-top:30px; font-size:20px; color:#343433; font-weight:bold;}
.offer-text{ font-size:16px; color:#666767;}
#myTabContent button{ background:#343433; color:#fff; padding:10px 25px; border:0px; border-radius:4px; width:100%; margin-top:25px; margin-bottom:20px; font-size:18px;}
.forgot-pass{ color:#008e41;}
.forgot-pass:hover { text-decoration: underline;}
.login-close{ width:30px; height:30px; background:#fff !important; top:-18px; opacity: 1 !important; right:-18px !important; position: absolute!important; border-radius: 10px;}

#question_1{
	display: block;
}
#question_2, #question_3, #question_4, #question_5, #question_6, #question_7, #question_8, #question_9, #question_10, #question_11, #question_12, #question_13, #question_14, #question_15, #question_16, #question_17, #question_18, #enquiry_form{
	display: none;
}
	
@media only screen and (max-width: 1400px) {   
	.anim-icon-1 { top:120px; left:100px;  }
	.anim-icon-2 { bottom:50px; left:540px;  }
	.anim-icon-3 { top:150px; right:100px;  }
	.anim-icon-4 { bottom:-100px; right:300px;  }
	.anim-icon-5 { bottom:20px; left:100px; }
	.anim-icon-6 { bottom:150px; right:70px; }
	.anim-icon-7 { top:-90px;}
}

@media only screen and (max-width: 1200px) {    
	.anim-icon-1 { top:120px; left:100px;  }
	.anim-icon-2 { bottom:50px; left:430px;  }
	.anim-icon-3 { top:110px; right:40px;  }
	.anim-icon-4 { bottom:-100px; right:40px;  }
	.anim-icon-5 { bottom:-20px; left:100px; }
	.anim-icon-6 { bottom:400px; right:410px; }
	.anim-icon-7 { top:-90px; overflow: hidden;}
	.quest-progress-wrap ul{ padding:0 10px;}
	.quest-progress-wrap ul li { width:35px; height:35px;   margin:0 10px; line-height: 32px; font-size:14px;  }
	.ans-cont button{ font-size:18px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px){.star-rating{ display: block; float: left;} .product-buy{margin-top:20px;} }
@media only screen and (max-width: 992px) {    
	.anim-icon-7 img { width:60% !important;}
	.quest-progress-wrap{  margin-top: 70px; }
	.quest-progress-bar{height:5px;}
	.quest-progress-wrap ul{ top:-13px;}
	.quest-progress-wrap ul li { width:25px; height:25px;   margin:0 10px; line-height: 22px; font-size:14px;  }
	.ans-cont button{ font-size:16px;}
	.result-content-box{ font-size:16px;}
}

@media only screen and (max-width: 768px) {  
	.anim-icon-7{ display: none;}
	.quest-progress-wrap ul{ top:-12px;}
	.quest-progress-wrap ul li { width:20px; height:20px; border-radius:4px;  margin:0 5px; line-height: 18px; font-size:12px;  }
	.quest-heading{margin-top: 40px;}
	.ans-cont button{margin-top:20px;}
	.back-btn{ margin-top:30px !important;}
	.question-container{height:700px;}
	.result-content-box{ text-align: center; padding:10px; flex-direction:column;}  
	.result-content-box:nth-child(even) p:last-child{ order: -1; }
}

@media only screen and (max-width: 576px) { 
	
	.anim-icon-1, .anim-icon-2, .anim-icon-3, .anim-icon-4, .anim-icon-5, .anim-icon-6 {width:50px; height:50px;}
	.anim-icon-1 img, .anim-icon-2 img, .anim-icon-3 img, .anim-icon-4 img, .anim-icon-5 img, .anim-icon-6 img { width:100%;}
	
	.anim-icon-1 {  top:14%; left:1%; }
	.anim-icon-2 { bottom:-60px; left:10%; }
	.anim-icon-3 { top:110px; right:40px;  }
	.anim-icon-4 { bottom:-100px; right:40px; }
	.anim-icon-5 { bottom:250px; left:30px;  }
	.anim-icon-6 { bottom:260px; right:30px; }
	.anim-icon-7 { top:-90px; overflow: hidden;}
	
	.contact-top{display: none;}	 
	h1{ margin-top:50px; font-size:26px; line-height: 40px;}	
	footer .display-5 { text-align:center;}  
	footer p{ text-align: center;}
	
	@-webkit-keyframes anim-1{ 0%{ left:1%; } 50%{ left:5%;} 100% { left:1%; } }
@-moz-keyframes anim-1{ 0%{ left:1%; } 50%{ left:5%;} 100% { left:1%; } }
@-ms-keyframes anim-1{ 0%{ left:1%; } 50%{ left:5%;} 100% { left:1%; } }
@-o-keyframes anim-1{ 0%{ left:1%; } 50%{ left:5%;} 100% { left:1%; } }
@keyframes anim-1{ 0%{ left:1%; } 50%{ left:5%;} 100% { left:1%; } } 
	
	.final-score{ flex-direction: column; height:auto; border-radius: 10px; }
	.final-score span{ display: block;}
	h2{ font-size:24px; line-height: 32px; margin-top:40px; text-align: center;}
	.quest-progress-wrap{ margin-top:40px;}
	.quest-progress-bar{ display: none; }
	.question-container{height:700px;}
	.quest-heading{ font-size:18px; margin-top:30px; line-height: 22px;}
}