/****** PLACE YOUR CUSTOM STYLES HERE ******/

html {
	scroll-behavior: smooth;
}

.menu li a {
	font-size: 15px;
}

.nav-bar {
	height: 70px;
	max-height: 70px;
	line-height: 70px;
}

.nav-bar .module, .nav-bar .module-group {
	height: 70px;
}

.logo {
	max-height: 80%;
}
  
.hero_title {
	top: 80%;
}

.nutrition_box {
	padding: 0;
}

.hero_title h1 {
	font-weight: 900;
}

.section_title h2 {
	font-weight: 700;
}

.section_title h4 {
	font-weight: 600;
	color: #ccc;
	margin-bottom: 0;
}
.section_title span {
	font-size: 1.3em;
	font-weight: 900;
	color: #00aeef;
}

.feature.boxed {
	border-radius: 10px;
	margin: 3%;
	min-height: 320px;
	margin: 30px 40px;
	padding-top: 40px;
	font-size: 1.3em;
	line-height: 1.2em;
	border-bottom: 10px solid #1e6cae;
}
.feature.boxed img {
	width: 60px;
	height: auto;
}
.feature.boxed h4 {
	font-weight: 700;
	line-height: 1em;
	display: table;
	vertical-align: middle;
	min-height: 50px;
	width: 100%;
}
.feature.boxed h4 span {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	font-weight: 700;
}

.circle_main {
	position: relative;
	width:460px;
	height:460px;
	background-color: #1b95d4;
	top:0; bottom:0; left:0;right:0;
	margin:auto;
	border-radius:50%; 
	padding: 0;
}

.ringAni {
	position: relative;
	width: 100%;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: ringA 30s linear infinite;
}

.unique_icon_360 {
	position: absolute;
	width: 100%;
	top:0; bottom:0; left:0;right:0;
}

.unique_icon_1 {
	width: 10%;
	position: absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: iconCircle_1 12s linear infinite;
}

.unique_icon_2 {
	width: 10%;
	position: absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: iconCircle_2 12s linear infinite;
}

.unique_icon_3 {
	width: 10%;
	position: absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: iconCircle_3 12s linear infinite;
}

.unique_icon_4 {
	width: 10%;
	position: absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: iconCircle_4 12s linear infinite;
}

.unique_icon_5 {
	width: 10%;
	position: absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: iconCircle_5 12s linear infinite;
}

.unique_icon_6 {
	width: 10%;
	position: absolute;
	top:0; bottom:0; left:0;right:0;
	overflow:hidden;
	margin:auto;
	animation: iconCircle_6 12s linear infinite;
}

@keyframes ringA{
  0%{
    transform:rotate(0deg)
  
  }
  100%{
    transform:rotate(-360deg)
  }
}

@keyframes iconCircle_1{
  0%{
    transform:rotate(0deg)
              translate(-150px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg)
              translate(-150px)
              rotate(-360deg);
  }
}

@keyframes iconCircle_2{
  0%{
    transform:rotate(60deg)
              translate(-150px)
              rotate(-60deg);
  
  }
  100%{
    transform:rotate(420deg)
              translate(-150px)
              rotate(-420deg);
  }
}

@keyframes iconCircle_3{
  0%{
    transform:rotate(120deg)
              translate(-150px)
              rotate(-120deg);
  
  }
  100%{
    transform:rotate(480deg)
              translate(-150px)
              rotate(-480deg);
  }
}

@keyframes iconCircle_4{
  0%{
    transform:rotate(180deg)
              translate(-150px)
              rotate(-180deg);
  
  }
  100%{
    transform:rotate(540deg)
              translate(-150px)
              rotate(-540deg);
  }
}

@keyframes iconCircle_5{
  0%{
    transform:rotate(240deg)
              translate(-150px)
              rotate(-240deg);
  
  }
  100%{
    transform:rotate(600deg)
              translate(-150px)
              rotate(-600deg);
  }
}

@keyframes iconCircle_6{
  0%{
    transform:rotate(300deg)
              translate(-150px)
              rotate(-300deg);
  
  }
  100%{
    transform:rotate(660deg)
              translate(-150px)
              rotate(-660deg);
  }
}

.nutri_solution {
	margin-left: 0;
}

.nutri_solution h2 {
	color: #1163aa;
}
.nutri_solution p {
	font-size: 1.3em;
	color: #000;
}

.feature {
	text-align: left;
}
.feature h4 {
	display: inline-table;
    vertical-align: middle;
	color: #1163aa;
	font-weight: 700;
	font-style: italic;
	text-align: left;
	margin-bottom: 8px;

}
.feature .des-text {
	text-align: left;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #000;
	padding: 0 30px;
}

.bg-gray {
	background-color: #f4f4f4;
}
.bg-blue {
	background-color: #1163aa;
}

.product-slide {
	background-color: #fff;
	border-radius: 10px;
	padding: 0;
	overflow: hidden;
	min-height: 50vh;
}
.product-image-block {
	margin: 0;
	padding: 50px;
}
.product-image-block img {
	max-width: 70%;
}

.product-info-block {
	margin: 0;
	padding: 11% 50px;
	background-color: #1d99d5;
	color: #fff;
	text-align: left;
	min-height: 490px;
}
.product-info-block h3 {
	font-weight: 700;
	color: #fff;
	margin-bottom: 6px;
	line-height: 1em;
}
.product-info-block h4 {
	font-weight: 600;
	color: #1e68aa;
	margin-bottom: 12px;
}
.product-info-block span {
	color: #acd6f2;
	font-weight: 700;
}
.product-info-block p {
	line-height: 1em;
}

.footer_boxline {
	border-right: 2px solid #fff;
}

.footer_logo img {
	max-width: 110px;
}
.footer_logo h3, .footer_cta h3 {
	color: #fff;
	font-weight: 900;
	margin: 0;
}
.footer_cta a {
	font-size: 20px;
	margin-top: 30px;
}
.footer_cta .btn {
	/*padding: 2px 30px;*/
	padding: 0 30px; /* CN only */
}
.flex-direction-nav a {
	margin: -70px 0 0;
}

.controls-inside .flex-control-nav li a.flex-active {
	background-color: #1c95d4;
}
.flex-control-nav li a {
	border: none;
	background-color: #d3d3d3;
}
.flex-control-paging li a {
	box-shadow: none;
}

.SlideUp {
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
}
.SlideUp.active{
  transform: translateY(0);
  opacity: 1;
}

.flip {
  opacity: 0;
  transform: perspective(1000px) rotateY(180deg);
  perspective: 100px;
  transition: 1s all ease;
}
.flip.active{
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg);
}


.iconSlideup_1 {
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
  transition-delay: 250ms;
}
.iconSlideup_1.active{
  transform: translateY(0);
  opacity: 1;

}
.iconSlideup_2 {
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
  transition-delay: 500ms;
}
.iconSlideup_2.active{
  transform: translateY(0);
  opacity: 1;
}

.iconSlideup_3 {
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
  transition-delay: 1s;
}
.iconSlideup_3.active{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 992px){
	.feature.boxed { margin: 20px 10px; }
	.nutri_solution { margin: 0; }
	.nutri_solution h2 { margin: 0; font-size: 2em; }
	.image-md { max-height: 200px; margin-bottom: 0; }
	.feature { text-align: center; }
	.feature h4 { margin-top: -20px; text-align: center; }
	.feature .des-text { text-align: center; }
	.product-image-block img { max-width: 50%; }
	.product-image-block { padding: 30px; }
	.v-align-transform { transform: none; top: 0; }
	.product-slide .row { margin: 0; }
	.image-slider.height-70 .slides li { height: auto; }
	.controls-inside .flex-control-nav { bottom: 0; margin-bottom: 50px; }
	.hero_title { top: 60%; }
	.feature .des-text { padding: 0 13px; }
	.feature p, .nutri_solution p , .feature .des-text { font-size: 1.3em; line-height: 1.2em }
	.feature.boxed { padding: 12px; }
	.foundry_modal iframe { min-height: 300px; }
	.product-info-block { min-height: 400px; }
	.circle_main { float: none; }
	.nutri_solution { float: none; text-align: center; width: auto; }
}

@media (max-width: 767px){
	.hero_title { top: 60%; }
	.vid-bg { min-height: 380px; }
	.cover.fullscreen .slides li { padding: 0; }
	.hero_title { padding: 300px 10px 20px 10px; }
	.feature.boxed { min-height: 250px; padding: 30px; }
	.feature.boxed h4 { font-size: 2em; }
	.nutri_solution { text-align: center; margin-top: 30px; }
	.iconSlideup_1 h4 , .iconSlideup_2 h4 , .iconSlideup_3 h4 { font-size: 2em; margin-top: 0; }
	.iconSlideup_1 img , .iconSlideup_2 img , .iconSlideup_3 img { max-width: 100px; }
	.product-info-block p { font-size: 1.4em; line-height: 1.3em; }
	.flex-direction-nav a { margin: -130px 0 0; }
	.controls-inside .flex-control-nav { margin-bottom: 100px; }
	.product-info-block { min-height: 320px; }
	.circle_main { width: 360px; height: 360px; }
	@keyframes iconCircle_1{
  0%{
    transform:rotate(0deg)
              translate(-120px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg)
              translate(-120px)
              rotate(-360deg);
  }
}

@keyframes iconCircle_2{
  0%{
    transform:rotate(60deg)
              translate(-120px)
              rotate(-60deg);
  
  }
  100%{
    transform:rotate(420deg)
              translate(-120px)
              rotate(-420deg);
  }
}

@keyframes iconCircle_3{
  0%{
    transform:rotate(120deg)
              translate(-120px)
              rotate(-120deg);
  
  }
  100%{
    transform:rotate(480deg)
              translate(-120px)
              rotate(-480deg);
  }
}

@keyframes iconCircle_4{
  0%{
    transform:rotate(180deg)
              translate(-120px)
              rotate(-180deg);
  
  }
  100%{
    transform:rotate(540deg)
              translate(-150px)
              rotate(-540deg);
  }
}

@keyframes iconCircle_5{
  0%{
    transform:rotate(240deg)
              translate(-120px)
              rotate(-240deg);
  
  }
  100%{
    transform:rotate(600deg)
              translate(-120px)
              rotate(-600deg);
  }
}

@keyframes iconCircle_6{
  0%{
    transform:rotate(300deg)
              translate(-120px)
              rotate(-300deg);
  
  }
  100%{
    transform:rotate(660deg)
              translate(-120px)
              rotate(-660deg);
  }
}
}

.flip2 {
  transition-delay: 0.2s;
}

.flip3 {
  transition-delay: 0.4s;
}

.flip4 {
  transition-delay: 0.6s;
}

.flip5 {
  transition-delay: 0.8s;
}

.flip6 {
  transition-delay: 1s;
}