@import url('fonts/fonts.css');
/*.animate, a, input, button, input, select{
	-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
	outline: none;
}
font-family: 'Futura-Hv-BT';
font-family: 'Futura-Hv-IBT';
*/
body{
	font-family: 'Futura-Bk-BT';
	overflow-y: scroll;
background:#4f98cc;
  -webkit-overflow-scrolling: touch !important;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
.header_icons_bar li img{
width:40px;
}
.hydrogen_bg{
	background: rgb(80,162,218);
background: linear-gradient(0deg, rgba(80,162,218,1) 0%, rgba(73,90,122,1) 16%, rgba(80,162,218,1) 32%, rgba(73,90,122,1) 48%, rgba(80,162,218,1) 64%, rgba(73,90,122,1) 80%, rgba(80,162,218,1) 100%);
}
section{
	overflow: hidden;
}
.navbar-light, .header_container{
	background: #4b739c;
}
.header_icons_bar{
	margin: 0px 10px;
	padding: 0px;
	list-style: none;
	display: flex;
}
.navbar-collapse .ml-auto{
	display: flex;
}
.navbar-light .navbar-nav .nav-link{
	color: #fff;
	    padding-right: 0.9rem;
    padding-left: .9rem;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #7fc348;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #7fc348;
}
.header_icons_bar li{
	padding: 0px 4px;
}
.section_1, .section_2, .section_3, .section_4, .section_5, .section_6, .section_7 {
	height:1000px;
}
.section_1{
	text-align: center;
	/*height: calc(100vh - 77px);
	    height: calc(969px - 77px);*/
	background: rgb(73,90,122);
background: linear-gradient(0deg, rgba(73,90,122,1) 0%, rgba(79,149,201,1) 44%, rgba(80,162,218,1) 100%);
}
.option_btn{
	margin: 70px 0px;
	z-index: 1;
	    z-index: 999;
}
.option_btn button{
	background: #4d84b2;
	border:solid 1px #75bbea;
	color: #75bbea;
	width: 275px;
	padding: 12px 0px;
	font-size: 20px;
	text-transform:uppercase;
	border-radius: .45rem;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	outline: none;
	letter-spacing:10px;
	    font-family: monospace;
}
.option_btn button:hover{
	color: #fff;
}
.option_btn .active{
	color: #fff;
	border-color: #fff;
	background: #495a7a;
}
.hydrogen_water h1{
	font-family: 'Futura-Hv-BT';
	font-size: 70px;
	color: #fff;
	z-index: 1;
	position: relative;
}
.hydrogen_water p{
	color: #fff;
	font-size: 17px;
	z-index: 5;
	position: relative;
}
.white_border_circle{
	    width:465px;
    height: 465px;
    border: solid 10px #83a9c9;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: 60px;
}
.circle_inner{
	width: 100px;
	height: 100px;
	background: #83a9c9;
	border-radius: 50%;
	position: absolute;
	top:39%;
	left: 39%;
	animation: rot 10s infinite linear;
}
.circle_inner img{
	width:66px;margin-top: 22px;margin-left: -7px;
}

.scroll_down{
	position: absolute;
    color: #fff;
    text-align: center;
   	top: 660px;
    width:100%;
	z-index: 20;
}
.scroll_down p{
	margin-top: 10px;
}
.scroll_down img {
  top: 0;
  left: 50%;
	max-width: 50px;
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
}

.why_drink{
	font-family: 'Futura-Hv-BT';
    font-size: 80px;
    color: #fff;
    margin-top: -83px;
    z-index: 5;
    position: relative;
}
.lady_picture {
    /*   position: fixed;
    width: 100%;
    text-align: center;
    top: 170px;
    z-index: 2;
    height:1105px;*/
	position: fixed;
    width: 100%;
    text-align: center;
    top: 117px;
    z-index: 2;
    height:850px;
}
.lady_picture img{
	max-width: 276px;
    position: absolute;
    /*top: 50%;*/
	    top: 56%;
    left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#lady_1, #lady_2, #lady_3, #lady_4, #lady_5, #lady_6 {
	height: 100%;
}
#lady_2 .blue_circle_small{
	margin-top:90px;
}
#lady_3 .blue_circle_small{
	margin-top: 165px;
}
#lady_4 .blue_circle_small{
	margin-top: 250px;
    left: 22px;
}
#lady_5 .blue_circle_small{
	margin-top: 375px;
}
#lady_6 .blue_circle_small{
	margin-top: 540px;
}
.section_2{
	background: rgb(73,90,122);
background: linear-gradient(180deg, rgba(73,90,122,1) 0%, rgba(73,90,122,1) 76%, rgba(80,162,218,1) 100%);
}
.section_2 .container{
	top: 150px;
}
.container{
	position: relative;
}
.blue_circle_small{
	width: 150px;
	height: 150px;
	background: #75bbea;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	top: 100px;
}
.blue_circle_big{
	width: 400px;
	height: 400px;
	/*background: #75bbea;
	border-radius: 50%;*/
	top: 300px;
	left: 50px;
	position: relative;
}
.circle_line{
	width: 300px;
    height: 15px;
    background: #75bbea;
    transform: rotate(139deg);
    position: absolute;
        left: 278px;
	top: 296px;
	display:none;
}
.firefox_circle{
	width: 400px;
	height: 400px;
	position: absolute;
	    left: -90px;
    top: -95px;
	border-radius: 50%;
	background: #75bbea;
}
.section_3 .blue_circle_big .firefox_circle, .section_5 .blue_circle_big .firefox_circle, .section_6 .blue_circle_big .firefox_circle {
    left: inherit;
	    right: 6px;
}
#organic-blob {
  fill: #75bbea;
	transform: scale(2);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}



#Circle2 {
  animation: from360to0 5s linear infinite;
  cx: 150;
  cy: 155;
  r: 100;
  transform-origin: 155px 150px;
}

#Circle3 {
  animation: from0to360 8s linear infinite;
  cx: 145;
  cy: 150;
  r: 100;
  transform-origin: 150px 145px;
}

#Circle4 {
  animation: from360to0 4.5s linear infinite;
  cx: 155;
  cy: 150;
  r: 100;
  transform-origin: 150px 155px;
}
.brain_img{
	position: relative;
	z-index: 2;
	max-width: 200px;
}
.section_detail{
	width: 400px;
    z-index: 20;
    position: relative;
}
.section_detail h1{
	color: #fff;
	    letter-spacing: 10px;
	text-transform: uppercase;
	font-size: 18px;
}
.section_detail h2{
	color: #fff;
	font-family: 'Futura-Hv-BT';
	font-size: 70px;
}
.section_detail p{
	color: #fff;
}
.section_detail button{
	border: solid 2px #ffffff;
	background: #ffffff;
	padding: 8px 30px;
	color: #50a3db;
	font-family: 'Futura-Hv-BT';
	font-size: 14px;
	box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
	border-radius: 50px;
}
.section_detail button:hover{
	border: solid 2px #ffffff;
	background:transparent;
	color: #fff;
}
.section_2 .section_detail{
	position: absolute;
	right: 0px;
	top: 180px;
}
.section_3{
	background: rgb(73,90,122);
background: linear-gradient(0deg, rgba(73,90,122,1) 0%, rgba(80,162,218,1) 27%, rgba(80,162,218,1) 100%);
}
.section_3 .section_detail{
	position: absolute;
	left: 0px;
	top:240px;
}
.section_3 .blue_circle_small{
	top: 446px;
}
.section_3 .blue_circle_big{
	    position: absolute;
    right: 0px;
    top: 400px;
    left: inherit;
}
.section_3 .blue_circle_big #organic-blob{
	    left: 96px;
}
.section_3 .circle_line {
    transform: rotate(-154deg);
    position: absolute;
	left: inherit;
    right: 335px;
    top: 557px;
}
.heart_img{
	position: relative;
    z-index: 2;
    max-width: 200px;
    left: 94px;
}
.section_4{
	background: rgb(73,90,122);
    background: linear-gradient(180deg, rgba(73,90,122,1) 0%, rgba(73,90,122,1) 76%, rgba(80,162,218,1) 100%);
}
.section_4 .blue_circle_small{
	top: 330px;
}
.section_4 .circle_line {
    transform: rotate(0deg);
    position: absolute;
    left: 325px;
    top: 430px;
}
.section_4 .section_detail{
	    position: absolute;
    right: 0px;
    top: 200px;
    left: inherit;
}
.section_4 .blue_circle_big {
    top: 280px;
}
.immune_img{
	    position: relative;
    z-index: 2;
    max-width: 200px;
}
.section_detail ul{
	margin: 0px;
    padding: 0px;
    list-style-image: url(../images/dot.svg);
    padding-left: 20px;
	color: #fff;
}
.section_detail ul li{
	padding-bottom: 10px;
}
.section_5{
	background: rgb(73,90,122);
background: linear-gradient(0deg, rgba(73,90,122,1) 0%, rgba(81,162,217,1) 27%, rgba(81,162,217,1) 100%);
}
.section_5 .section_detail{
	position: absolute;
	left: 0px;
	top:240px;
}
.section_5 .blue_circle_small{
	top: 515px;
}
.section_5 .blue_circle_big{
	    position: absolute;
    right: 0px;
    top: 370px;
    left: inherit;
}
.section_5 .blue_circle_big #organic-blob{
	    left: 96px;
}
.section_5 .circle_line {
    transform: rotate(-214deg);
    position: absolute;
    left: inherit;
    right: 335px;
    top: 557px;
}
.legs_img{
	position: relative;
    z-index: 2;
    max-width: 200px;
    left: 94px;
}
.section_6{
	background: rgb(73,90,122);
    background: linear-gradient(180deg, rgba(73,90,122,1) 0%, rgba(73,90,122,1) 76%, rgba(80,162,218,1) 100%);
}
.section_6 .section_detail{
	position: absolute;
	left: 0px;
	top:240px;
}
.section_6 .blue_circle_small{
	top: 630px;
}
.section_6 .blue_circle_big{
	    position: absolute;
    right: 0px;
    top: 370px;
    left: inherit;
}
.section_6 .blue_circle_big #organic-blob{
	    left: 96px;
}
.section_6 .circle_line {
   transform: rotate(-219deg);
    position: absolute;
    left: inherit;
    right: 250px;
    top: 590px;
}
.foot_img{
	position: relative;
    z-index: 2;
    max-width: 200px;
    left: 94px;
}
.section_7{
	text-align: center;
	background: rgb(73,90,122);
    background: linear-gradient(0deg, rgba(73,90,122,1) 0%, rgba(80,162,218,1) 27%, rgba(80,162,218,1) 100%);
}
.section_7 h1{
	color: #fff;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 18px;
	padding-top: 65px;
}
.section_7 h2{
	color: #fff;
    font-family: 'Futura-Hv-BT';
    font-size: 70px;
}
.section_7 p{
	color: #fff;
}
.details_circle{
	    width: 450px;
    height: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    background: url(../images/big_shield.svg) center no-repeat;
}
.details_circle_inner{
	width: 150px;
    height: 150px;
    background: #85bee4;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 107px;
}
.circle_icon_box_details{
	position: absolute;
}
.circle_icon_box_details img{
	height: 100px;
}
.circle_icon_box_details_description{
	background: rgba(0,0,0,0.4);
	width: 430px;
	border-radius: 8px;
	padding: 15px;
	text-align: left;
	position: absolute;
}
.circle_icon_box_details_description h2{
	font-size:30px;
}
.circle_icon_box_details_description p{
	margin: 0px;
}
.circle_icon_box_details_circle{
	width: 95px;
	height: 95px;
	background: #85bee4;
	border-radius: 50%;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	position: absolute;
	display: none;
}
.details_circle .footer_circle_pic{
	    height: 446px;
    margin-top: 160px;
}
.bg_section_2{
	/*background: url(../images/bg_2.svg) no-repeat bottom fixed;*/
    height: 100%;
	position: absolute;
	opacity: 0.8;
	margin-top: -78px;
	width: 100%;
}
.logo_icon_1{
position: absolute;
left: 5%;
top: 10%;
width: 85px;
animation: glowing-polygon 1s linear infinite;
}
.logo_icon_2{
	position: absolute;
	left: 10%;
    top: 40%;
	width: 70px;
	animation: glowing-polygon 2s linear infinite;
	}
	.logo_icon_3{
		position: absolute;
		left: 4%;
		top: 50%;
		width: 40px;
		animation: glowing-polygon 3s linear infinite;
		}	
		.logo_icon_4{
			    position: absolute;
    right: 4%;
    top: 50%;
    width: 120px;
			animation: glowing-polygon 1s linear infinite;
			}
			.logo_icon_5{
				position: absolute;
				right: 6%;
				top: 25%;
				width: 105px;
				animation: glowing-polygon 2s linear infinite;
				}
				.logo_icon_6{
					position: absolute;
					right: 4%;
						top: 38%;
						width: 55px;
	animation: glowing-polygon 3s linear infinite;
					}	
					.logo_icon_7{
						position: absolute;
						right: 40%;
						top: 20%;
						width: 25px;
						animation: glowing-polygon 1s linear infinite;
						}
						.logo_icon_8{
							position: absolute;
								right: 37%;
								top: 30%;
								width: 110px;
								animation: glowing-polygon 4s linear infinite;
							}
							.logo_icon_9{
								position: absolute;
								right: 45%;
								top: 15%;
								width: 40px;
								animation: glowing-polygon 3s linear infinite;
								}	
								.logo_icon_10{
									position: absolute;
									right: 70%;
									top: 18%;
									width: 40px;
									animation: glowing-polygon 1s linear infinite;
									}
									.logo_icon_11{
										position: absolute;
										left: 60%;
										top: 15%;
										width: 120px;
										animation: glowing-polygon 2s linear infinite;
										}
										.logo_icon_12{
											position: absolute;
											left: 41%;
											top: 18%;
											width: 50px;
											animation: glowing-polygon 3s linear infinite;
											}	
											.logo_icon_13{
												position: absolute;
												right: 58%;
												bottom: 22%;
												width: 40px;
												animation: glowing-polygon 1s linear infinite;
												}
												.logo_icon_14{
													position: absolute;
													left: 40%;
													bottom: 22%;
													width: 120px;
													animation: glowing-polygon 2s linear infinite;
													}
													.logo_icon_15{
														position: absolute;
														left: 15%;
														bottom: 26%;
														width: 50px;
														animation: glowing-polygon 3s linear infinite;
														}	



.bg_section_2 .glow_logo{
      fill:#fff;
      
      }
.germs_container .glow_logo{
      fill:#fff;
      animation: glowing-polygon 3s linear infinite;
      }
      @-webkit-keyframes glowing-polygon {
      0% { fill: #fff; -webkit-filter: drop-shadow( 0 0 3px #fff); }
      50% { fill: #fff; -webkit-filter: drop-shadow( 0 0 15px #fff); }
      100% { fill: #fff; -webkit-filter: drop-shadow( 0 0 3px #fff); }
      }
      @keyframes glowingPolygon  {
      0% { fill: #fff; filter: drop-shadow( 0 0 3px #fff); }
      50% { fill: #fff; filter: drop-shadow( 0 0 15px #fff);   }
      100% { fill: #fff; filter: drop-shadow( 0 0 3px #fff); }
      }

.bg_section_3{
	background: url(../images/bg_3.svg) no-repeat bottom fixed;
    height: 100%;
}
.bg_section_4{
	background: url(../images/bg_4.svg) no-repeat bottom fixed;
    height: 100%;
}
.bg_section_5{
	/*background: url(../images/bg_5.svg) no-repeat bottom fixed;*/
    height: 100%;
}


#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
	z-index: 1;
	opacity: 0.5;
}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}
.how_do_get{
	padding: 50px 0px;
	text-align: center;
	background: #fff;
}
.how_do_get h1{
	color: #495a7a;
	font-family: 'Futura-Hv-IBT';
	font-size: 80px;
}
.how_do_get p{
	color: #495a7a;
	font-size: 18px;
}
.order_now{
	font-family: 'Futura-Hv-IBT';
	font-size: 30px;
	color: #fff;
	border: solid 3px #50a2d9;
	background: #50a2d9;
	padding: 10px 40px;
	border-radius: 50px;
	margin: 10px 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
	outline: none;
}
.order_now:hover{
	color: #50a2d9;
	border: solid 3px #50a2d9;
	background:transparent;
}
.how_do_get .order_now{
	margin-bottom: 50px;
}
.how_to_get_sections_box{
	    width: 253px;
    height: 400px;
    display: inline-block;
    margin: 20px;
    border-radius: 25px;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
	color: #fff;
	vertical-align: top;
	-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
.how_to_get_sections_box h2{
	margin-top: 205px;
    font-family: 'Futura-Hv-IBT';
    margin-bottom: 25px;
}
.how_to_get_sections_box button{
	border: solid 2px #fff;
	border-radius: 30px;
	padding: 6px 20px;
	color: #fff;
	background: transparent;
}
.detox{
	background: url("../images/detox.jpg") no-repeat;	
}
.detox:hover{
	background: url("../images/detox_hover.jpg") no-repeat ;
}
.drink{
	background: url("../images/drink.jpg") no-repeat;
}
.drink:hover{
	background: url("../images/drink_hover.jpg") no-repeat ;
}
.brand{
	background: url("../images/ambassadors.jpg") no-repeat ;
}
.brand:hover{
	background: url("../images/ambassadors_hover.jpg") no-repeat ;
}
.testimonial{
	background: url("../images/testimonial.jpg") no-repeat ;
}
.testimonial:hover{
	background: url("../images/testimonial_hover.jpg") no-repeat ;
}
.pets{
	background: url("../images/systemic.jpg") no-repeat ;
}
.pets:hover{
	background: url("../images/systemic_hover.jpg") no-repeat ;
}
.ask_paul{
	padding: 60px 0px;
	background: url("../images/ask_paul.jpg") #50a2d9 no-repeat;
}
.ask_paul h1{
	font-family: 'Futura-Hv-IBT';
	font-size: 70px;
	color: #fff;
	text-align: center;
	margin: 0px;
}
.benefits_echo{
	background: #495a7a;
	text-align: center;
	color: #fff;
	padding: 70px 0px;
}
.benefits_echo h1{
	font-family: 'Futura-Hv-BT';
	font-size: 50px;
}
.benefits_echo p{
	margin: 20px 0px;
	font-size: 16px;
}
.benefits_echo input{
	width: 100%;
	border: 0px;
	padding: 8px;
	border-radius: 6px;
}
.benefits_echo_btn{
	background: #57b7f7;
	color: #fff;
	font-family: 'Futura-Hv-BT';
	padding: 8px 15px;
	border-radius: 6px;
	border: 0px;
}
#lady_1 img{
	margin-top: 95px;
	    margin-left: -18px;
}
/*#lady_2, #lady_3, #lady_4, #lady_5, #lady_6, #lady_7{
	margin-top: -375px;
}*/
#mobile_lady_1{
	display: none;
}
.order_now_box{
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9999;
}
.order_now_box .order_now{
	-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.3s linear;
		font-size: 22px;
		background: #fff;
		color:#75bbea;
	
}
.order_now_box .order_now:hover{
	background:#7fc348;
	color: #fff;
	border-color: #7fc348;
}
.rain_div{
	background: #fff;
	position: absolute;
	width: 200px;
	height: 500px;
}
.rain_div{
	    clip-path: polygon(18% 10%, 20% 14%, 22% 22%, 24% 30%, 26% 39%, 29% 44%, 33% 48%, 41% 53%, 45% 61%, 42% 63%, 29% 62%, 20% 62%, 13% 57%, 9% 51%, 6% 41%, 4% 31%, 2% 21%, 2% 8%, 8% 8%, 15% 8%);
    height: 955px;
    width: 1915px;
    position: absolute;
    top: 1px;
    left: 10px;
    right: 10px;
    bottom: 10px;
	background: transparent;
}
.water_fall{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	z-index: 1
}
.water_fall .rain{
	width: 90%;
    margin: 0 auto;
	height: 100%;
	position: relative;
}
.water_fall canvas{
	height: 550px;
	width: 400px;
}
.rain_drop {
  background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(80,163,219,0.1) ), to(rgba(255,255,255,0.6))  );
  background: -moz-linear-gradient(top, rgba(80,163,219,0.1) 0%, rgba(255,255,255,.6) 100%);
	width:1px;
	height:89px;
	position: absolute;
	bottom:200px;
	-webkit-animation: fall 5s linear infinite;
  -moz-animation: fall 5s linear infinite;
  
}

/* animate the drops*/
@-webkit-keyframes fall {
	to {margin-top:900px;}
}
@-moz-keyframes fall {
	to {margin-top:900px;}
}


/*---------------------------- Water Drop ---------------------------------------*/



.brain_drop{
	position: absolute;
	width: 600px;
    height: 532px;
	    left: -142px;
    margin-top: 125px;
}

/*.drop {
  position: relative;
	width: 20px;
	height: 20px;
  top: -30px;
  margin: 0 auto;
	background: #FFF;
	border-radius: 20px;
  -moz-animation-name: drip;
  -webkit-animation-name: drip;
  animation-name: drip;
  -moz-animation-timing-function: cubic-bezier(1,0,.91,.19);
  -webkit-animation-timing-function: cubic-bezier(1,0,.91,.19);
  animation-timing-function: cubic-bezier(1,0,.91,.19);
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count:1 ;
	z-index: 3;
}

.drop:before {
  content: "";
  position: absolute;
  width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 30px solid rgba(255,255,255,1);
  top: -22px;
}
@keyframes drip {
    from {
      top: 150px;
    }
	to {
      top: 190px;
		opacity: 0;
    }
}*/

.drop_container{
	position: absolute;
	top: 0px;
	left: 290px;
}

.drop {  
  /*position: absolute;*/
  left: 0;
  top: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 20px;
  
	z-index: 20;
	opacity: 0;
}
.drop:before {
  content: "";
  position: absolute;
  width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 30px solid rgba(255,255,255,1);
  top: -22px;
}
.drop_animation{
	animation: MoveUpDown 1s linear 1;
	animation-delay: 3s;
}

@keyframes MoveUpDown {
  0% {
    top: 0;
	  opacity: 0.5;
  }
  100% {
    top: 200px;
	  opacity: 1;
  }
}

.drop_two{
	    left: 120px;
    position: absolute;
}
.drop_three{
	    left: 198px;
    position: absolute;
	margin-top: 60px;
}
.wave {
  position: relative;
  opacity: 0;
  top: 0;
	width: 2px;
	height: 1px;
  border: #FFF 7px solid;
	-moz-border-radius: 300px / 150px;
	-webkit-border-radius: 300px / 150px;
	border-radius: 300px / 150px;
	margin: 0 auto;
	margin-top: 200px;
    z-index: 2;
}

.wave:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: -5px;
  left: -5px;
	width: 2px;
	height: 1px;
  border: #FFF 5px solid;
	-moz-border-radius: 300px / 150px;
	-webkit-border-radius: 300px / 150px;
	border-radius: 300px / 150px;
}
.wave_animation{
	-moz-animation-name: ripple;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -moz-animation-delay: 4s;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	
}
.wave_animation:after{
	  -moz-animation-name: ripple-2;
  -webkit-animation-name: ripple-2;
  animation-name: ripple-2;
  -moz-animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	
}

@keyframes ripple {
    from {
      opacity: 1;
    }
    to {
      width: 600px;
      height: 300px;
      border-width: 1px;
      top: -100px;
      opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  100% {
    width: 200px;
    height: 100px;
    border-width: 1px;
    top: 100px;
    left: 200px;
  }
}




.drop2 {
  position: relative;
	width: 20px;
	height: 20px;
  top: -30px;
  margin: 0 auto;
	background: #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
  -moz-animation-name: drip2;
  -webkit-animation-name: drip2;
  animation-name: drip2;
  -moz-animation-timing-function: cubic-bezier(1,0,.91,.19);
  -webkit-animation-timing-function: cubic-bezier(1,0,.91,.19);
  animation-timing-function: cubic-bezier(1,0,.91,.19);
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
	z-index: 3;
	
}

.drop2:before {
  content: "";
  position: absolute;
  width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 30px solid rgba(255,255,255,1);
  top: -21px;
    left: 0px;
}
@keyframes drip2 {
    to {
      top: 50px;animation-delay: 10s;
    }
}

.brain_round_icon, .heart_round_icon, .legs_round_icon, .foot_round_icon, .immune_round_icon {
      fill:#fff;
      -webkit-animation: glowing-polygon2 1900ms infinite;
      -moz-animation: glowing-polygon2 1900ms infinite;
      -o-animation: glowing-polygon2 1900ms infinite;
      animation: glowing-polygon2 1900ms infinite;
	animation-direction: alternate;
      }
      @keyframes glowing-polygon2 {
      0% { fill: #fff; -webkit-filter: drop-shadow( 0 0 3px #fff); }
      50% { fill: #fff; -webkit-filter: drop-shadow( 0 0 15px #fff); }
      100% { fill: #fff; -webkit-filter: drop-shadow( 0 0 3px #fff);opacity: 1; }
      }
.immune_round_icon {
	animation-delay: 2s;
}
.foot_round_icon {
	animation-delay: 3s;
}
.legs_round_icon {
	animation-delay: 4s;
}
.heart_round_icon {
	animation-delay: 5s;
}


.fade-in img {
  animation: fadeOut infinite 1s;
  -webkit-animation: fadeOut  infinite 1s;
  -moz-animation: fadeOut infinite 1s;
  -o-animation: fadeOut infinite 1s;
  -ms-animation: fadeOut infinite 1s;
	animation-direction: alternate;
	position: absolute;
	opacity: 0;
	animation-delay: 2s;
}
@keyframes fadeOut {
	from {		opacity: 0;	}
	to {		opacity: 1;	}
}



.star_container {
    position: absolute;
    top: 6px;
    z-index: 20;
    left: 18px;
}
.star_fade img {
  animation: fadeOut 1s 1;
	position: absolute;
	opacity: 0;
	animation-delay: 4s;
}
@keyframes fadeOut {
	from {		opacity: 0;	}
	to {		opacity: 1;	}
}



/*---------------------------- Water Drop End ---------------------------------------*/


/*---------------------------- Circle Rotate ---------------------------------------*/

.circle_inner_small{
	width: 40px;
    height: 40px;
    background: #85bee4;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	position: absolute;
	top:45%;
	left: 45%;
	animation: rot2 10s infinite linear;
}
@keyframes rot2 {
	from {
		transform: rotate(0deg)
		           translate(-220px)
		           rotate(0deg);
	}
	to {
		transform: rotate(-360deg)
		           translate(-220px) 
		           rotate(360deg);
	}
}

@keyframes rot {
	from {
		transform: rotate(0deg)
		           translate(-220px)
		           rotate(0deg);
	}
	to {
		transform: rotate(360deg)
		           translate(-220px) 
		           rotate(-360deg);
	}
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0px, 10px);
  }
  40% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0px, 10px);
  }
  40% {
    transform: translate(0, 0);
  }
}

/*---------------------------- Circle Rotate End ---------------------------------------*/

/*---------------------------- Circle Glup ---------------------------------------*/

@keyframes from0to360 {
  from{transform:rotate(0);}
  to{transform:rotate(360deg);}
}

#Circle1 {
  animation: from0to360 80s linear infinite;
  cx: 150;
  cy: 145;
  r: 100;
  transform-origin: 145px 150px;
}

@keyframes from360to0 {
  from{transform:rotate(360deg);}
  to{transform:rotate(0deg);}
}


/*---------------------------- Circle Glup End ---------------------------------------*/


.germs_container{
	position: absolute;
	width: 100%;
    height: 100%;
}
.germs_container .logo_icon_12 {
	right: 176px;
	left: inherit;
	width: 20px;
}
.germs_container .logo_icon_15 {
	bottom: 255;
}
.germs_container .germ_1{
	position: absolute;
	top: 6%;
    left: 5%;
}
.germs_container .germ_2{
	position: absolute;
	top: 3%;
    left: 43%;
}
.germs_container .germ_2 img{
	width: 100px;
	height: auto;
}
.germs_container .germ_3{
	position: absolute;
	top: 3%;
	right: 10%;
}
.germs_container .germ_3 img{
	width: 100px;
	height: auto;
}
.germs_container .germ_4{
	position: absolute;
	top: 23%;
    right: 39%;
}
.germs_container .germ_5{
	position: absolute;
	top: 53%;
    left: 26%;
}
.germs_container .germ_5 img{
	width: 70px;
	height: auto;
}
.spark_container{
	position: absolute;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.spark_container video{
	    opacity: 0.3;
}
.spark_container .spark_1{
	position: absolute;
	top: 50px;
	    left: 92px;
}
.spark_container .spark_2{
	position: absolute;
	    left: 725px;
}
.spark_container .spark_3{
	position: absolute;
	    left: 1500px;
    top: 100px;
}
.spark_container .spark_3 img{
	width: 100px;
	height: auto;
}
.spark_container .spark_4{
	position: absolute;
	    left: 1585px;
        top: 397px;
}
.spark_container .spark_4 img{
	width: 80px;
	height: auto;
}

.athlete_container{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.athlete_container canvas{
	width: 100% !important;
}
.athlete_container video{
	width: 100%;
}
.athlete_container .athlete_1{
	position: absolute;
	top: 12%;
    left: 5%;
}
.athlete_container .athlete_2{
	position: absolute;
	top: 3%;
    left: 42%;
}
.athlete_container .athlete_3{
	position: absolute;
	top: 3%;
    right: 18%;
}
.spark_container .spark_3{
	position: absolute;
	    left: 1500px;
    top: 100px;
}
.athlete_container .athlete_3 img{
	width: 100px;
	height: auto;
}
.athlete_container .athlete_4{
	position: absolute;
	top: 21%;
    right: 8%;
}
.athlete_container .athlete_4 img{
	width: 80px;
	height: auto;
}
.video_fall{
	position: absolute;
}
.video_fall video{
	width: 100%;
}
.video_bg{
	width: 100%;
	position: absolute;
	height: 200px;
	background: rgb(80,154,206);
background: linear-gradient(180deg, rgba(80,154,206,1) 0%, rgba(76,118,159,1) 100%);
	    bottom: 7px;
}
.product_inner{
	background: #fff;
	width: 300px;
	margin: 0 auto;
}
.product_inner img{
	height: 200px;
	margin: 0 auto;
}
.product_inner h3{
	font-family: 'Futura-Hv-BT';
	font-size: 20px;
	margin: 15px 0px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.product_inner button{
	font-family: Futura-Hv-IBT;
    font-size: 16px;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(80, 162, 217);
    border-image: initial;
    background: rgb(80, 162, 217);
    padding: 10px 40px;
    border-radius: 50px;
    outline: none;
}
.product_inner button:hover{
	color: rgb(80, 162, 217);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(80, 162, 217);
    border-image: initial;
    background: transparent;
}
.myVideo2{
	display: none;
}
.slick-prev:before, .slick-next:before {
    color: #6b9fc8;
}
.slick-list{
	padding-bottom: 30px;
}

#back_to_top {
	display: inline-block;
	color: rgb(117, 187, 234);
    background: rgb(255, 255, 255);
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	transition: background-color .3s, 
	  opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
  }
#back_to_top svg{
	fill:rgb(117, 187, 234);
	width: 20px;
    margin-top: 19px;
}
  #back_to_top:hover {
	cursor: pointer;
	color: rgb(255, 255, 255);
    background: rgb(127, 195, 72);
    border-color: rgb(127, 195, 72);
  }
  #back_to_top:hover svg {
	fill: rgb(255, 255, 255);
  }
  #back_to_top:active {
	color: rgb(255, 255, 255);
    background: rgb(127, 195, 72);
    border-color: rgb(127, 195, 72);
  }
  #back_to_top.show {
	opacity: 1;
	visibility: visible;
  }
.brain_video{
	display: none;
	position: absolute;
	width: 100%;
	height: 763px;
	text-align: center;
	overflow: hidden;
	opacity: 0.5;
	z-index: 2;
}
.brain_video video{
	width: 70%;
    margin-top: -214px;
}
.brain_video_play{
	display:block;
}









/*-------------------- Drag and Drop ----------------------------------------	  */

 [draggable="true"] {
	/*
   To prevent user selecting inside the drag source
  */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }
  #drag-drop-basic{
	      position: relative;
    width: 450px;
    margin: 0 auto;
  }
  
  #drag-drop-basic #source-container, #drag-drop-basic #target-container, #drag-drop-basic #target-container2, #drag-drop-basic #target-container3, #drag-drop-basic #target-container4 {
	width: 70px;
    height: 70px;
    padding: 6px;
	border: solid 10px #85bee4;
	border-radius: 50%;
	background: #51a2d9;
  }
  #drag-drop-basic #drag-source {
	width: 38px;
    height: 38px;
	border-radius: 50%;
	background-color:#85bee4;
	cursor: move;
  }
  
  .dragging {
	opacity: .25;
  }
  
  #drag-drop-basic .hover {
	background:#fff !important;
  }

  .brain_icon {
    position: absolute;
    z-index: 99;
        top: 160px;
    left: -24px;
}
.brain_icon img{
		opacity: 0.5;
		position: absolute;
		width: 100px;
		left: -125px;
    top: -20px;
}
.brain_icon .circle_icon_box_details_description{
    right: 65px;
    top: 68px;
}
.heart_icon {
    position: absolute;
    z-index: 99;
        top: 160px;
    right: -24px;
}
.heart_icon img{
		opacity: 0.5;
		position: absolute;
		width: 100px;
		right: -125px;
    top: -20px;
}
.heart_icon .circle_icon_box_details_description{
	left: 65px;
    top: 68px;
}
.legs_icon {
    position: absolute;
    z-index: 99;
        top: 372px;
    right: -22px;
}
.legs_icon img{
		opacity: 0.5;
		position: absolute;
		width: 100px;
		right: -125px;
    top: -20px;
}
.legs_icon .circle_icon_box_details_description{
	left: 0px;
    top: 68px;
}
.immune_icon {
    position: absolute;
    z-index: 99;
        top: 372px;
    left: -22px;
}
.immune_icon img{
		opacity: 0.5;
		position: absolute;
		width: 100px;
		left: -125px;
    top: -20px;
}
.immune_icon .circle_icon_box_details_description{
    top: 68px;
    right: 0px;
}
.foot_icon {
        position: absolute;
    z-index: 99;
    top: 88px;
    right: 195px;
}
.foot_icon img{
		opacity: 0.5;
		position: absolute;
		width: 100px;
		top: -105px;
		transform: rotate(298deg);
		left: -25px;
	
}
#target-container3 .buttons_shield_box {
    position: absolute;
    right: -381px;
    top: -127px;
}
#target-container2 .buttons_shield_box {
        position: absolute;
    left: -385px;
    top: -127px;
    right: inherit;
}
#target-container .buttons_shield_box {
    position: absolute;
    left: -452px;
    top: 85px;
}
#target-container4 .buttons_shield_box {
       position: absolute;
    left: 37px;
    top: 443px;
}
.disease_picture{display: none;position: absolute;    opacity: 1;}
.disease_picture img{width: 300px;opacity: 1; }
#source-container .disease_picture{
	position: absolute;
    left: 243px;
}
#target-container .disease_picture{
	position: absolute;
    right: 213px;
}
#target-container2 .disease_picture{
	position: absolute;
    right: 209px;
    top: -203px;
}
#target-container3 .disease_picture{
	position: absolute;
    left: 213px;
	top: -203px;
}
#target-container4 .disease_picture{
	position: absolute;
    left: -100px;
    top: 168px;
}
#target-container4 .disease_picture img {
    transform: rotate(362deg);
}


.foot_icon .circle_icon_box_details_description{
    right: -175px;
    top: -218px;
}
.body_img_aniamtion {
	fill:#fff;
	-webkit-animation: glowing-polygon2 1900ms infinite;
	-moz-animation: glowing-polygon2 1900ms infinite;
	-o-animation: glowing-polygon2 1900ms infinite;
	animation: glowing-polygon2 1900ms infinite;
  animation-direction: alternate;
	}
	@keyframes glowing-polygon2 {
	0% { fill: #fff; -webkit-filter: drop-shadow( 0 0 3px #fff); }
	50% { fill: #fff; -webkit-filter: drop-shadow( 0 0 15px #fff); }
	100% { fill: #fff; -webkit-filter: drop-shadow( 0 0 3px #fff);opacity: 1; }
	}

.lady_hidden{
	opacity: 0;
}
.hide_lady{
	opacity: 0;
	animation: fadeout 1s;
}
@keyframes fadeout  {
	from { opacity: 1; }
    to   { opacity: 0; }
	}

.show_lady{
	animation: fadein 1s;
}
@keyframes fadein  {
	from { opacity: 0; }
    to   { opacity: 1; }
	}





/*-------------------- Drag and Drop ----------------------------------------	  */

.navbar .menuCenter{
	justify-content: center;
}
.nav-item a:after{
	content: "/";
	padding-left: 25px;
}
.nav-item a:hover:after{
	color: #fff;
}
.navbar-nav li:last-child a:after{
	display: none;
}
.navbar-brand{
	margin: 0px;
    padding-top: 15px;
}
.navbar_toogle_li{display: none;}
.shield_container{
	text-align: center;
	opacity: 0.5;
}
.shield_container img{width: 400px;margin-top:210px;}
#lady_5 img{
	    max-width: 320px;
}
.lady_picture #lady_1, .lady_picture #lady_2, .lady_picture #lady_3, .lady_picture #lady_4, .lady_picture #lady_5, .lady_picture #lady_6, .lady_picture #lady_7 {width: 100%;height: 100%;}

.germs_container .logo_icon_1, .germs_container .logo_icon_3, .germs_container .logo_icon_5, .germs_container .logo_icon_7, .germs_container .logo_icon_9, .germs_container .logo_icon_11, .germs_container .logo_icon_13, .germs_container .logo_icon_15{
	opacity: 0.5;
	
}
.germs_container .logo_icon_2, .germs_container .logo_icon_4, .germs_container .logo_icon_6, .germs_container .logo_icon_8, .germs_container .logo_icon_10, .germs_container .logo_icon_12, .germs_container .logo_icon_14{
	opacity: 0.3;
}
.germs_container .logo_icon_7{
	    right: 20%;
}
.germs_container .logo_icon_8{
	right: 56%;
}
.germs_container .logo_icon_13 {
    right: 70%;
}
.germs_container .logo_icon_11 {
    top: 2%;
}
.buttons_shield_box {
        position: absolute;
    right: -448px;
    top: 85px;
}

.buttons_shield_box button{
	width: 180px;
    padding: 8px 0px;
	    border: solid 2px #ffffff;
    background: #ffffff;
    color: #50a3db;
    font-family: 'Futura-Hv-BT';
    font-size: 14px;
    box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
    border-radius: 50px;
	margin: 0px 8px;
}
.buttons_shield_box button:hover{
	    border: solid 2px #ffffff;
    background: transparent;
    color: #fff;
}
.body_img {
color:#fff;
font-weight:bold;
width:150px;
text-align:center;
font-size:20px;
top:-30px;
position:absolute;
}
#drag-source .body_img{
    left: -175px;
}
#source-container .body_img{
    left: -147px;
    top: 9px;
}
#target-container .body_img{
	    top: 9px;
    left: 43px;
}
#target-container2 .body_img{
	    top: 13px;
    left: 70px;
}
#target-container3 .body_img{
	      left: -146px;
    top: 13px;
}
#target-container4 .body_img{
	    top: -57px;
    left: -53px;
}

@media (max-width:2880px){
	/*.section_1, .section_2, .section_3, .section_4, .section_5, .section_6, .section_7 {height: 100vh;}*/
	
}
@media (max-width:1366px){
	#particles-js video{height: 160%;}
	/*.lady_picture img{max-width: 200px;}*/
	figure#spinner figure{width: 32%;left: 34%;}
	.brain_video {    padding-top:396px;}
	.brain_video video {    width: 61%;    margin-top: -215px;}
	#lady_1 img {    margin-top: -48px !important;}
	#lady_2 img, #lady_3 img, #lady_4 img, #lady_5 img, #lady_6 img, .lady_picture img{margin-top: -182px !important; max-width: 190px;}
	#lady_2 .blue_circle_small {        margin-top: -33px;}
	#lady_3 .blue_circle_small {       margin-top: 55px;}
	#lady_4 .blue_circle_small {       margin-top: 90px;}	
	#lady_5 .blue_circle_small {      margin-top: 176px;}
	#lady_6 .blue_circle_small {      margin-top: 302px;}
	.circle_icon_box_details_description {    width: 390px;  
}
}
@media (max-width:1366px){
	/*.germs_container .germ_3{left: 1220px;}
	.germs_container .germ_4, .spark_container .spark_4 {display: none;}
	.spark_container .spark_3{left: 1225px;}
	.athlete_container .athlete_4 {left: 1245px;}*/
	.option_btn {    margin:10px 0px 20px 0px;}
	.hydrogen_water h1 {    font-size: 55px;}
	#lady_1 {margin-top: -190px;}
	.scroll_down{top: 566px;}
	.myVideo1{display: none;}
	.myVideo2{display: block;}
	.video_bg{    bottom: -103px;}
	.brain_video {margin: 0px;}
}
@media (max-width:1024px){
	.circle_line{width: 200px;}
	.navbar .container-fluid{display: block;text-align: center;}
	
}
@media (max-width:1024px){
	html, body{overflow-y: scroll !important;}
	.body_img{position: relative;    top: inherit !important;    left: inherit !important;    right: inherit !important;    text-align: left;    padding: 30px 0px;}
	.navbar_toogle_li{display: block;}
	.navbar .container-fluid{text-align: left;}
	.navbar-light .navbar-toggler{float: right;margin-top: 5px;}
	.lady_picture{display: none !important;}
	.mobile_lady_1{display: block;}
	.option_btn button{width: 145px;}
	.navbar-brand img{max-width: 235px;}
	.navbar-light .navbar-toggler {    color: #fff;    border-color: #fff;}
	.navbar-light .navbar-toggler-icon {    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
	
	.header_icons_bar{margin:12px 0px;}
	.hydrogen_water h1{font-size: 36px;}
	#mobile_lady_1{position: absolute;text-align: center;width:92%;display: block;}
	#mobile_lady_1 img{max-width:170px;}
	.white_border_circle{    width: 345px;    height: 345px;}
	.why_drink{    font-size: 45px;}	
	.section_1, .section_2, .section_3, .section_4, .section_5, .section_6, .section_7 {    height: auto;padding: 20px 0px;}
	.section_2 .container { top: 0px;}
	.blue_circle_small, .circle_line{display: none;}
	.section_2 .section_detail, .section_3 .section_detail, .section_4 .section_detail, .section_5 .section_detail, .section_6 .section_detail, .section_7 .section_detail{position: relative;    top: auto;    right: auto;    width: 100%;margin-top: 60px;}
	.section_detail button{    width: 85%;    margin: 0 auto;    margin-bottom: 15px;    display: block;}
	.section_2 .blue_circle_big, .section_3 .blue_circle_big, .section_4 .blue_circle_big, .section_5 .blue_circle_big, .section_6 .blue_circle_big, .section_7 .blue_circle_big{width: 300px;height: 300px;    top: inherit;    left: inherit;    margin: 0 auto;    margin-top: 30px;    text-align: center;    padding-top: 25px;position: relative;}
	#organic-blob{transform: scale(1.5);  left: 28px;}
	.section_detail h2{font-size: 50px;}
	.section_detail h1{font-size:15px;}
	.section_3 .blue_circle_big #organic-blob{left: 28px;}
	.section_5 .blue_circle_big #organic-blob {left: 28px;}
	.section_6 .blue_circle_big #organic-blob {left: 28px;}
	.heart_img, .legs_img, .foot_img  {left: inherit;}
	.section_7 h1{padding-top: 20px;}
	.section_7 h2{font-size: 40px;}
	.details_circle{width: 100%;    height: auto;    margin: 0 auto;border: 0px;background: none;}
	.details_circle .footer_circle_pic {    margin-top: 0px;}
	.heart_icon, .legs_icon, .foot_icon, .immune_icon, .brain_icon{position: relative;top: inherit; left:inherit;right:inherit;bottom:inherit !important;}
	.circle_icon_box_details_circle {display: none !important;}
	.circle_icon_box_details_description{display: block !important;width: 100%;position: relative;top: inherit !important; left: inherit !important;right:inherit !important;}
	.circle_icon_box_details img{margin: 20px 0px;}
	.legs_icon img, .foot_icon img, .immune_icon img  {transform:none;}
	.circle_icon_box_details img{opacity: 1;}
	.how_do_get h1{font-size: 38px;}
	.ask_paul h1{font-size: 30px;    text-align: center;}
	.benefits_echo h1{font-size: 30px;    text-align: center;}
	.benefits_echo input{margin-bottom: 10px;}
	.benefits_echo_btn{width: 100%;}
	.navbar-light .navbar-nav .nav-link {    padding: 21px 10px;}
	/*#organic-blob{display: none;}*/
	.blue_circle_big{/*background: #75bbea;*/border-radius: 50%;}
	.video_fall {display: none;}
	.germs_container, .spark_container, .athlete_container{display: none;}
	.circle_inner_small{display: none;}
	.drop2{display: none;}
	.water_fall{display: none !important;}
	.scroll_down { top: 682px;}
	.drop, .brain_drop, .fade-in, #particles-js{display: none;}
	.firefox_circle{display: none;}
	.bg_section_3, .bg_section_4, .bg_section_5, .bg_section_6{background-position: top;}
	#carousel{display:none;}
	.menuCenter{	justify-content: left;}
	.navbar{padding: 0px;}
	#drag-drop-basic #source-container, #drag-drop-basic #target-container, #drag-drop-basic #target-container2, #drag-drop-basic #target-container3, #drag-drop-basic #target-container4{		width: auto;    height: auto;    border: 0px;background: transparent;	}
	#drag-drop-basic #drag-source{display: none;}
	#drag-drop-basic {    position: relative;    width: 100%;    margin: 0 auto;}
	.brain_icon img, .heart_icon img, .legs_icon img, .immune_icon img, .foot_icon img {    opacity: 0.5;    position: relative;    width: 100px;    left: 0px;    top: 0px;    margin: 28px auto;display: block;}
	.ss-icon{display: none !important;}
	.navbar-brand{    order: 1;    width: 100%;    text-align: center;     padding: 0px;}
	.header_icons_bar{order: 2;}
	.header_icon_right{order: 3;}
	.bg_section_2, .star_container {display: none;}
	.navbar .menuCenter {    justify-content: left;}
	.nav-item a:after {display: none;}
	#target-container .buttons_shield_box, #target-container2 .buttons_shield_box, #target-container3 .buttons_shield_box, #target-container4 .buttons_shield_box, .buttons_shield_box {    position: relative;    left: inherit;    top: inherit;    right: inherit;    margin-top: 20px;}
	.circle_inner img {    width: 36px;    margin-top: 12px;    margin-left: -1px;}
	#navbar-toggler{margin: 0px !important;}
	.circle_inner{    width: 50px;    height: 50px;    top: 40%;    left: 42%;}
	@keyframes rot {
	from {
		transform: rotate(0deg)
		           translate(-160px)
		           rotate(0deg);
	}
	to {
		transform: rotate(360deg)
		           translate(-160px) 
		           rotate(-360deg);
	}
}
}
@media (max-width:500px){
	html, body{overflow-y: scroll !important;}
	body{    padding-top: 135px;}
	.nav-item, .navbar-collapse .ml-auto {display: block;}
	.header_icons_bar li a{    padding-right: 0.8rem;    padding-left: 0.8rem;}
	.order_now_box{width: 89%;}
	.order_now_box .order_now{    width: 90%;    margin: 0 auto;    display: block;}
	.sticky-header{position: fixed;    top: 0px;    background: #4b739c;    padding: 15px 0px;    margin: 0px;    z-index: 9999;width: 100%;}
	.buttons_shield_box button {    width: calc(100% - 50px);margin-top: 15px;}
	.details_circle{display: none;}
	#source-container .disease_picture, #target-container .disease_picture, #target-container2 .disease_picture, #target-container3 .disease_picture, #target-container4 .disease_picture  {    display: block !important;    position: relative;left: inherit;right: inherit;top: inherit;opacity: 1;}
	.body_img {    display: block;    text-align: center;    width: 100%;    font-size: 40px;}
	#source-container .disease_picture img, #target-container .disease_picture img, #target-container2 .disease_picture img, #target-container3 .disease_picture img, #target-container4 .disease_picture img  {    width: 300px;opacity: 1;    margin: 0px auto;}
	.circle_icon_box_details_description{text-align: center;}
	.section_7 h2 {    font-size: 30px;}
	#back_to_top{display: none;}
}