/*---animation---*/
.floating{animation-name: floating; -webkit-animation-name: floating; animation-duration: 4s;	-webkit-animation-duration: 4s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
@keyframes floating{0% {transform: translateY(0%);} 50% {transform: translateY(20%);} 100% {transform: translateY(0%);}}
@-webkit-keyframes floating{0% {-webkit-transform: translateY(0%);} 50% {-webkit-transform: translateY(20%);}	
100% {-webkit-transform: translateY(0%);}}
.floating1{animation-name: floating1; -webkit-animation-name: floating1; animation-duration: 4s;	
-webkit-animation-duration: 4s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
@keyframes floating1 {0% {transform: translateY(0%);} 50% {transform: translateY(-40%);} 100% {transform: translateY(0%);}			}
@-webkit-keyframes floating1 {0% {-webkit-transform: translateY(0%);} 50% {-webkit-transform: translateY(-40%);}	
100% {-webkit-transform: translateY(0%);}}
/*---images position---*/
.bannerbg{width:95%; position:relative; margin:0 auto; text-align:center; top: 74px;   padding-bottom: 50px;}
.bannerbg img{max-width:100%;}
.bannerbg .textbox{font-size:30px; font-family:lato; color:#373737; text-align:center; width:70%; margin:-28px auto 100px auto;}
.applie, .heart, .tree, .cooldrink, .music, .weight, .running, .scale, .smoke, .coffee, .voice, .scope{width:10%; margin:0 1.5%; display:inline-block; height:128px;}
.clearfix{clear:both;}
img{image-rendering: auto;}
.applie{background:url(/images/health-img/applie.gif) left top no-repeat; background-size:100%;}
.heart{background:url(/images/health-img/heart.gif) left top no-repeat; background-size:100%;}	
.tree{background:url(/images/health-img/tree.gif) left top no-repeat; background-size:100%;}	
.cooldrink{background:url(/images/health-img/cooldrink.gif) left top no-repeat; background-size:100%;}	
.music{background:url(/images/health-img/music.gif) left top no-repeat; background-size:100%;}	
.weight{background:url(/images/health-img/weight.gif) left top no-repeat; background-size:100%;}	
.running{background:url(/images/health-img/running.gif) left top no-repeat; background-size:100%;}	
.scale{background:url(/images/health-img/scale.gif) left top no-repeat; background-size:100%;}	
.smoke{background:url(/images/health-img/smoke.gif) left top no-repeat; background-size:100%;}	
.coffee{background:url(/images/health-img/coffee.gif) left top no-repeat; background-size:100%;}	
.voice{background:url(/images/health-img/voice.gif) left top no-repeat; background-size:100%;}	
.scope{background:url(/images/health-img/scope.gif) left top no-repeat; background-size:100%;}
.gif-loading {margin-bottom: 35px; margin-top: -20px;}

/*Mobile Portrait View*/
@media only screen and (max-width : 360px) {
.bannerbg .textbox{font-size:13px!important; margin:0 auto 30px!important; width:90%!important;}
.applie, .heart, .tree, .cooldrink, .music, .weight, .running, .scale, .smoke, .coffee, .voice, .scope{
margin:0 0.5%!important; width:13%!important; height:60px!important; image-rendering: auto; }
.applie{background:url(/images/health-img/mobile/applie.gif) left top no-repeat; background-size:100%;}
.heart{background:url(/images/health-img/mobile/heart.gif) left top no-repeat; background-size:100%;}	
.tree{background:url(/images/health-img/mobile/tree.gif) left top no-repeat; background-size:100%;}	
.cooldrink{background:url(/images/health-img/mobile/cooldrink.gif) left top no-repeat; background-size:100%;}	
.music{background:url(/images/health-img/mobile/music.gif) left top no-repeat; background-size:100%;}	
.weight{background:url(/images/health-img/mobile/weight.gif) left top no-repeat; background-size:100%;}	
.running{background:url(/images/health-img/mobile/running.gif) left top no-repeat; background-size:100%;}	
.scale{background:url(/images/health-img/mobile/scale.gif) left top no-repeat; background-size:100%;}	
.smoke{background:url(/images/health-img/mobile/smoke.gif) left top no-repeat; background-size:100%;}	
.coffee{background:url(/images/health-img/mobile/coffee.gif) left top no-repeat; background-size:100%;}	
.voice{background:url(/images/health-img/mobile/voice.gif) left top no-repeat; background-size:100%;}	
.scope{background:url(/images/health-img/mobile/scope.gif) left top no-repeat; background-size:100%;}
.bannerbg{top: 35px;}
}
/*Mobile Landscape View*/
@media only screen and (min-width : 361px) and (max-width : 767px){
.bannerbg .textbox{font-size:15px!important; margin:30px auto!important; width:90%!important;}
.applie, .heart, .tree, .cooldrink, .music, .weight, .running, .scale, .smoke, .coffee, .voice, .scope{
margin:0 0.5%!important; height:60px!important; image-rendering: auto; }
.applie{background:url(/images/health-img/mobile/applie.gif) left top no-repeat; background-size:100%;}
.heart{background:url(/images/health-img/mobile/heart.gif) left top no-repeat; background-size:100%;}	
.tree{background:url(/images/health-img/mobile/tree.gif) left top no-repeat; background-size:100%;}	
.cooldrink{background:url(/images/health-img/mobile/cooldrink.gif) left top no-repeat; background-size:100%;}	
.music{background:url(/images/health-img/mobile/music.gif) left top no-repeat; background-size:100%;}	
.weight{background:url(/images/health-img/mobile/weight.gif) left top no-repeat; background-size:100%;}	
.running{background:url(/images/health-img/mobile/running.gif) left top no-repeat; background-size:100%;}	
.scale{background:url(/images/health-img/mobile/scale.gif) left top no-repeat; background-size:100%;}	
.smoke{background:url(/images/health-img/mobile/smoke.gif) left top no-repeat; background-size:100%;}	
.coffee{background:url(/images/health-img/mobile/coffee.gif) left top no-repeat; background-size:100%;}	
.voice{background:url(/images/health-img/mobile/voice.gif) left top no-repeat; background-size:100%;}	
.scope{background:url(/images/health-img/mobile/scope.gif) left top no-repeat; background-size:100%;}
.bannerbg{top: 40px;}
}
.loading-blk-car .textbox span {display: block;font-size: 14px;}
@media only screen and (min-width : 768px) and (max-width : 1024px){
.bannerbg{top: 52px;}
.bannerbg .textbox{font-size:18px; margin:0 auto 80px; width:90%;}
.applie, .heart, .tree, .cooldrink, .music, .weight, .running, .scale, .smoke, .coffee, .voice, .scope{width:10%; image-rendering: auto; }
}
/*big desktop View*/
@media only screen and (min-width : 1025px) and (max-width : 1980px){
.bannerbg .textbox{font-size:22px; margin:-28px auto 100px auto; width:70%; line-height:normal;}
.applie, .heart, .tree, .cooldrink, .music, .weight, .running, .scale, .smoke, .coffee, .voice, .scope{width:10%; image-rendering: auto; height:185px;}
}
.loading-blk-car .bboffers-hi-animation .modal-dialog{margin-top:75px}
.health-loading-bg {dbImage_background-image:BG_LOADING_HL;background-position: center 65px;background-repeat: no-repeat;height: 100%;text-align: center;}
.health-loading-bg .health-img{top:164px;position: relative;z-index: 1;}
.bboffers-hi-animation,.bboffers-hi-animation .modal-dialog,.bboffers-hi-animation .modal-dialog .modal-content,.bboffers-hi-animation .modal-dialog .modal-content .modal-body,.bboffers-hi-animation .cc-offer-loading-modal{width:auto !important;height:100%;overflow: visible;}
.sub-text{font-size:14px;display:block; margin-top: 10px;}
.sprite-hi-loading{ dbImage_background-image:SPRITE_HL_LOADING_BALLS; background-repeat: no-repeat; background-position: 0 100px;width:30px; height:31px; display: block;}
.bbicons-move1{ background-position:0 0;}
.bbicons-move2{ background-position:0 -58px;}
.bbicons-move3{ background-position:0 -116px;}
.bbicons-move4{ background-position:0 -174px;}
.bbicons-move5{ background-position:0 -232px;}

@media screen and (max-width: 767px) {
    .health-loading-bg {
        background-size: 150%;background-position: center 25px;
    }
    .loading-blk-car .bboffers-hi-animation .modal-dialog{margin-top:0px;padding:20px;}
}