﻿
/* How it Work Frame-1 Animation css */
.bodySection .how-it-works{padding-bottom: 0px;}
.bodySection .how-it-works .scenario { margin:55px 0 0; }
.bodySection .how-it-works .scenario img.flap { position:absolute; top:-70px; left:-40%; opacity:0;transition: all .5s ease-in-out;  }
.bodySection .how-it-works .scenario img.flap.active{left:20px; opacity:1;}
@keyframes MoveUpDown {0% {top: 0;}20% {top: 10px;}100% {top: 0;}}
.bodySection .how-it-works{background:#fff url(../images/hitworkBg.jpg) repeat-x center bottom;}
.bodySection .how-it-works.scenario2{background:#cbf8fc;}
.htwPlaywrp{width:100%;height:400px; overflow:hidden; position:relative; text-align:center; background:url(../images/playPhoto.png) no-repeat center top; background-size:cover;}
.htwPlaywrp a{position:absolute; top:46%;  left: 48%; z-index:1;}
.htwcontrols{width:100%; height:100%;  margin:0 auto; position:absolute; text-align:center; display:none;}
.htwcontrols .htwPrevBtn{position:absolute; left:20px; top:42%; z-index:9;width: 30px;height: 40px;display: block;padding: 12px 0px 0px; text-align: left;}
.htwcontrols .htwPrevBtn.disable{display:none;}
.htwcontrols .htwNextBtn{position:absolute; right:20px; top:42%; z-index:9;width: 30px;height: 40px;display: block;padding: 12px 0px 0px; text-align: right;}
.htwcontrols .htwNextBtn.disable{display:none;}
.htwcontrols .htwReplayBtn{position:absolute; top:4px; z-index:9;}
.htwanFame{}
.htwanwrp{width:100%; min-height:400px; padding:0px; float:left;overflow:hidden;position:relative;}
.htwanwrp .htwscreen1{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out; }
.htwanwrp .htwscreen1.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwscreen1.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwscreen1 .dotsline1{width:36%; height:50px;position:absolute; left:-36%; top:90px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen1 .dotsline2{width:0%; height:0px;position:absolute; left:210px; bottom:120px;border-bottom-left-radius:200px;border-left:1px dotted #990000;border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen1 .dotsline3{width:0%; height:0px;position:absolute; left:92%; top:210px;border-top-left-radius:200px; border-left:1px dotted #990000; border-top:1px dotted #990000; }
.htwanwrp .htwscreen1 .creen1wrp{width:700px; min-height:380px; margin:0 auto; position:relative;}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp{width:280px; height:280px; position:absolute; left:0px; top:50px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/screen1-cirbg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp.bactive{transform: scale(1.3);}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp.bactive.active{transform: scale(1);}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp.bactive.active.scale0{transform: scale(.5);}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp p{ font-size: 20px;line-height: 28px; font-family: 'robotomedium'; color:#79331a; text-align:center; padding:40px 42px 0px;}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp2{width:250px; height:250px; position:absolute; left:0px; top:50px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/screen1-cirbg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp2.bactive{transform: scale(1.3);}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp2.bactive.active{transform: scale(1);}
.htwanwrp .htwscreen1 .creen1wrp .cirwrp2 p{ font-size: 22px; font-family: 'robotomedium'; color:#79331a; text-align:center; padding:40px 32px 0px;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp{position:absolute; right:0px; opacity:0; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .mochairan{transform: scale(1.1);position:absolute; right:-100%; bottom:-8px;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .cat{position:absolute; right:224px; bottom:106px; z-index:1; display:none; transform: scale(1.3);transition: all .6s ease-in-out;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .sparks{position:absolute; right:94px; top:30px; z-index:1; display:none;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .sparks img{position:absolute; right:0px;top:0px;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .head{position:absolute; right:-100%; top:110px; z-index:1;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .hand{position:absolute; right:-100%; top:123px; z-index:1;transform: scale(1.1); }

.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .handdn{transform: scale(1.1);position:absolute; right:-100%; bottom: 123px; z-index:1;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .handdn.dactive{ opacity:0;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .handup{position:absolute; right:35px; bottom: 168px; opacity:0; z-index:1;transform: scale(1.1);transition: all .6s ease-in-out;}
.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .handup.active{ opacity:1;}

.htwanwrp .htwscreen2{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out;  }
.htwanwrp .htwscreen2.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwscreen2.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwscreen2 .dotsline1{width:36%; height:80px;position:absolute; left:-36%; top:100px;border-top-left-radius:200px; border-left:1px dotted #990000; border-top:1px dotted #990000; }
.htwanwrp .htwscreen2 .dotsline2{width:0%; height:0px;position:absolute; left:238px; bottom: 26px;border-bottom-left-radius:200px;border-left:1px dotted #990000;border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen2 .dotsline3{width:0%; height:0px;position:absolute; left:90%; top:-10px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen2 .lamp{position:absolute; right:50px; top:-100%;}
.htwanwrp .htwscreen2 .creen1wrp{width:700px; min-height:350px; margin:0 auto; position:relative;}
.htwanwrp .htwscreen2 .creen1wrp .cirwrp{width:300px; height:300px; position:absolute; left:0px; z-index:2; top:30px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/screen1-cirbg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen2 .creen1wrp .cirwrp.bactive{transform: scale(1.3);}
.htwanwrp .htwscreen2 .creen1wrp .cirwrp.bactive.active{transform: scale(1);}
.htwanwrp .htwscreen2 .creen1wrp .cirwrp p{ font-size: 20px; font-family: 'robotomedium'; color:#79331a; text-align:center; padding:50px 45px 0px;}
.htwanwrp .htwscreen2 .creen1wrp .mochairwrp{position:absolute; right:0px; z-index:1; opacity:0; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwscreen2 .creen1wrp .mochairwrp .mochairan{transform: scale(1);position:absolute; right:-100%; bottom:-50px; transition: all .8s ease-in-out; }
.htwanwrp .htwscreen2 .creen1wrp .mochairwrp .mochairan.active{right:40px;}
.htwanwrp .htwscreen2 .creen1wrp .mochairwrp .shead{position:absolute; right:-100%; top:137px; z-index:1;transform: scale(1.1)}

.htwanwrp .htwscreen3{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0;  transition: all .5s ease-in-out; }
.htwanwrp .htwscreen3.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwscreen3.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwscreen3 .dotsline1{width:36%; height:80px;position:absolute; left:-36%; top:140px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen3 .dotsline1.moveleft{left:-100%;top:160px;opacity:0;transition: all .3s ease-in-out;}
.htwanwrp .htwscreen3 .dotsline3{width:0%; height:0px;position:absolute;left: 60%;top: 131px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000;transition: all 1s ease-in-out; }
.htwanwrp .htwscreen3 .dotsline3.active{height:2px;width:130%;}
.htwanwrp .htwscreen3 .creen1wrp{width:700px; min-height:350px; margin:0 auto; position:relative;}
.htwanwrp .htwscreen3 .creen1wrp .cirwrp{width:260px; height:260px; position:absolute; right:100px; z-index:2; top:20px; transform: scale(0);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/screen1-cirbg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen3 .creen1wrp .cirwrp.bactive{transform: scale(1.3);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen3 .creen1wrp .cirwrp.bactive.active{transform: scale(1);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen3 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#79331a; text-align:center; padding:50px 42px 0px;}
.htwanwrp .htwscreen3 .creen1wrp .cirwrp p strong{width:100%; clear:both; float:left; font-size:36px;}
.htwanwrp .htwscreen3 .creen1wrp .mochairwrp{position:absolute; left:70px; z-index:2; opacity:0; bottom:16px; width:100%; height:100%;}
.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .mochairan{transform: scale(1);position:absolute; left:-100%; bottom:-66px;transition: all 1s ease-in-out;}
.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .mochairan.active{left:0%;};

.htwanwrp .htwscreen4{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0;  transition: all .5s ease-in-out; }
.htwanwrp .htwscreen4.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwscreen4.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwscreen4 .dotsline1{width:36%; height:80px;position:absolute; left:-36%; top:140px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen4 .dotsline1.moveleft{left:-100%;top:160px;opacity:0;transition: all .3s ease-in-out;}
.htwanwrp .htwscreen4 .dotsline2{height:100px;width:55%;position:absolute; left:126px; top:140px;}
.htwanwrp .htwscreen4 .dotsline2 span{display:inline-block;width:0%; height:0px;position:absolute; left:9px; top:-5px;border-top:1px dotted #990000;transition: all 1s ease-in-out }
.htwanwrp .htwscreen4 .dotsline2 span.active{height:100px;width:100%;}
.htwanwrp .htwscreen4 .dotsline3{width:0%; height:0px;position:absolute;left: 60%;top: 131px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000;transition: all 1s ease-in-out; }
.htwanwrp .htwscreen4 .dotsline3.active{height:2px;width:130%;}
.htwanwrp .htwscreen4 .creen1wrp{width:700px; min-height:350px; margin:0 auto; position:relative;}
.htwanwrp .htwscreen4 .creen1wrp .cirwrp{width:260px; height:260px; position:absolute; right:50px; z-index:2; top:20px; transform: scale(0);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/screen1-cirbg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen4 .creen1wrp .cirwrp.bactive{transform: scale(1.3);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen4 .creen1wrp .cirwrp.bactive.active{transform: scale(1);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen4 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#79331a; text-align:center; padding:40px 42px 0px;}
.htwanwrp .htwscreen4 .creen1wrp .cirwrp p strong{}
.htwanwrp .htwscreen4 .creen1wrp .hrt{position:absolute; right:40px; top:45px; z-index:3;transform: scale(0);transition: all .6s ease-in-out; width:70px;}
.htwanwrp .htwscreen4 .creen1wrp .hrt.active{transform: scale(1);}
.htwanwrp .htwscreen4 .creen1wrp .mochairwrp{position:absolute; left: -100px; z-index:2; opacity:0; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwscreen4 .creen1wrp .mochairwrp .mochairan{transform: scale(1);position:absolute; left:-100%; bottom:-94px;transition: all 1s ease-in-out;}
.htwanwrp .htwscreen4 .creen1wrp .mochairwrp .mochairan.active{left:0%;};

.htwanwrp .htwscreen5{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0;  transition: all .5s ease-in-out; }
.htwanwrp .htwscreen5.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwscreen5.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwscreen5 .dotsline1{transition: all 1s ease-in-out;width:36%; height:80px;position:absolute; left:-36%; top:140px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen5 .dotsline1.active{left:-2px;}
.htwanwrp .htwscreen5 .dotsline2{transition: all 1s ease-in-out;width:0%; height:0px;position:absolute; left:180px; bottom: 92px;border-bottom-right-radius:200px;border-right:1px dotted #990000;border-bottom:1px dotted #990000; }
.htwanwrp .htwscreen5 .dotsline2.active{height:50px; width:40%;}
.htwanwrp .htwscreen5 .dotsline3{transition: all 1s ease-in-out;width:0%; height:0px;position:absolute; left:70%; top:51px;border-top-left-radius:200px; border-left:1px dotted #990000; border-top:1px dotted #990000; }
.htwanwrp .htwscreen5 .dotsline3.active{height:100px; width:100%;}
.htwanwrp .htwscreen5 .creen1wrp{width:700px; min-height:350px; margin:0 auto; position:relative;}
.htwanwrp .htwscreen5 .creen1wrp .getOfr{width:82px;height:90px;position:absolute; right:46px; z-index:2; top:-8px; background:url(../images/getBg.png) no-repeat center top; background-size:100% 100%;transform: scale(0);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen5 .creen1wrp .getOfr.active{transform: scale(1);}
.htwanwrp .htwscreen5 .creen1wrp .getOfr p{font-size:32px !important; color:#fff !important; padding:15px 10px 0px !important;  font-weight: bold; }
.htwanwrp .htwscreen5 .creen1wrp .mochairwrp{position:absolute; left:20px; z-index:1; opacity:0; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwscreen5 .creen1wrp .mochairwrp .mochairan{transition: all 1s ease-in-out;transform: scale(1);position:absolute; left:-100%; bottom:-90px;}
.htwanwrp .htwscreen5 .creen1wrp .mochairwrp .mochairan.active{left:0px;}
.htwanwrp .htwscreen5 .creen1wrp .cirwrp{width:230px; height:220px; position:absolute; right:150px; z-index:1; top:20px; transform: scale(0);  -ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; display:inline-block;  background:url(../images/screen1-cirbg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen5 .creen1wrp .cirwrp.bactive{transform: scale(1.3);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen5 .creen1wrp .cirwrp.bactive.active{transform: scale(1);-ms-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen5 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#79331a; text-align:center; padding:40px 32px 0px;}
.htwanwrp .htwscreen5 .creen1wrp .cirwrp p strong{font-size: 24px; color: #0d8206; width: 100%; display: inline-block; margin-bottom:10px; text-align: left; padding-left: 15px;}
.htwanwrp .htwscreen5 .creen1wrp .bnftwrp{width:100%;position:absolute; right:0px; z-index:1; bottom:-40px;}
.htwanwrp .htwscreen5 .creen1wrp .bnftwrp .chand{position:absolute; right:60px; bottom:-200px;opacity:0;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen5 .creen1wrp .bnftwrp .chand.active{opacity:1;bottom:-25px;}

.htwanwrp .htwscreen6{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0;  transition: all .5s ease-in-out; }
.htwanwrp .htwscreen6.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwscreen6.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwscreen6 .dotsline1{width:35%; height:2px;position:absolute; left:-45%; top:130px;border-top-left-radius:200px; border-left:1px dotted #990000; border-top:1px dotted #990000; }
.htwanwrp .htwscreen6 .dotsline1.active{width:55%;transition: all 1.4s ease-in-out;}
.htwanwrp .htwscreen6 .lamp{position:absolute; right:50px; top:-100%;}
.htwanwrp .htwscreen6 .creen1wrp{width:700px; min-height:350px; margin:0 auto; position:relative;}
.htwanwrp .htwscreen6 .creen1wrp .mochairwrp{position:absolute; left:20px; z-index:2; opacity:0; bottom:16px; width:100%; height:100%;}
.htwanwrp .htwscreen6 .creen1wrp .mochairwrp .mochairan{transform: scale(1);position:absolute; left:-100%; bottom:18px;}
.htwanwrp .htwscreen6 .creen1wrp .mochairwrp .ardn{position:absolute; left:38%; bottom:85px;transform: scale(0);transition: all .6s ease-in-out;}
.htwanwrp .htwscreen6 .creen1wrp .mochairwrp .ardn.active{transform: scale(1);}
.htwanwrp .htwscreen6 .creen1wrp .mochairwrp .premiums{position:absolute; left:0px; top:180px;font-size:14px; color:#f01b1b;opacity:0;transition: all .6s ease-in-out;}
.htwanwrp .htwscreen6 .creen1wrp .mochairwrp .premiums.active{opacity:1;top:150px;}
.htwanwrp .htwscreen6 .creen1wrp .bnftwrp { width: 240px; position: absolute; right: 0px; z-index: 1; bottom: 30px; overflow: hidden; padding: 100px 0px 0px; }
.htwanwrp .htwscreen6 .creen1wrp .bnftwrp .chand { position: absolute; right: -300px; bottom: 58px; opacity: 0; transition: all .6s ease-in-out; }
.htwanwrp .htwscreen6 .creen1wrp .bnftwrp .chand.active { opacity: 1; right:-30px; }
.htwanwrp .htwscreen6 .creen1wrp .bnftwrp p { width: 100%; font-size: 12px; font-family: 'robotomedium'; color:#7c1518; text-align: center; position: relative; top: -100px; margin-left: 0px; margin-top: 0px; opacity: 0; transition: all .6s ease-in-out; }
.htwanwrp .htwscreen6 .creen1wrp .bnftwrp p.active { opacity: 1; top: 0px; }
.htwanwrp .htwscreen6 .creen1wrp .starwrp{width:200px; height:200px; position:absolute; right:220px; z-index:2; top:30px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/starBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwscreen6 .creen1wrp .starwrp.bactive{transform: scale(1.3);}
.htwanwrp .htwscreen6 .creen1wrp .starwrp.bactive.active{transform: scale(1);}
.htwanwrp .htwscreen6 .creen1wrp .starwrp p{ font-size:16px; color:#fff; text-align:center; padding:40px 30px 0px;}
.htwanwrp .htwscreen6 .creen1wrp .starwrp p strong{font-size:26px;}
.htwanwrp .htwscreen6 .creen1wrp .hiwinfo{ width:100%; opacity:0; position: absolute; left: 0px; z-index: 1; bottom:-100%; padding:0px 0px 10px;transition: all 1s ease-in-out;  }
.htwanwrp .htwscreen6 .creen1wrp .hiwinfo.active{bottom:-60px; opacity:1;}
.htwanwrp .htwscreen6 .creen1wrp .hiwinfo p{ font-size:10px !important; color:#000000 !important; text-align:center; padding:0px 0px 0px !important;}
@media (max-width:1200px) {
	
}
@media (max-width:980px) {
	
}
@media (max-width:800px) {
	.bodySection .how-it-works .scenario img.flap.active{left:10px;top: -96px;}
	.htwPlaywrp{background:url(../images/playPhoto_m.png) no-repeat center center; background-size:96%;}
	
	.htwanwrp .htwscreen1 .dotsline1{width: 15%;}
	.htwanwrp .htwscreen2 .dotsline1{width: 18%;}
	.htwanwrp .htwscreen3 .dotsline1{width: 22%;}
	.htwanwrp .htwscreen4 .dotsline1{width: 22%;}
	.htwanwrp .htwscreen5 .dotsline1{width: 22%;}
	.htwanwrp .htwscreen6 .dotsline1{width: 22%;}
}
@media (max-width: 767px) {
	.htwanwrp .htwscreen1 .creen1wrp,.htwanwrp .htwscreen2 .creen1wrp,.htwanwrp .htwscreen3 .creen1wrp, .htwanwrp .htwscreen4 .creen1wrp, .htwanwrp .htwscreen5 .creen1wrp, .htwanwrp .htwscreen6 .creen1wrp{width:80%;}
	.htwanwrp .htwscreen6 .creen1wrp{width:100%;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp{width:220px; height:220px;left: -25px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp p{font-size: 16px; line-height:24px; padding:20px 30px 0px;}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .mochairan{transform: scale(1);bottom: -20px;}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .head{transform: scale(1);top:135px}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .hand{top: 154px;}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .handdn{bottom: 98px;transform: scale(1);}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .handup{right:41px;bottom: 138px;transform: scale(1);}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp .sparks{right: 70px;top: 68px;}
	.htwanwrp .htwscreen1 .dotsline1{top: 125px;}
	.htwanwrp .htwscreen1 .dotsline2{top: 160px;left: 192px;display:block;}
	.htwanwrp .htwscreen1 .dotsline3{left: 88%;top: 232px;}
	
	.htwanwrp .htwscreen2 .dotsline1{top: 92px;width: 25%;}
	.htwanwrp .htwscreen2 .dotsline2{left: 133px;top: 271px;}
	.htwanwrp .htwscreen2 .creen1wrp .cirwrp{width:250px; height:250px;left:-30px;}
	.htwanwrp .htwscreen2 .creen1wrp .cirwrp p{font-size: 17px;padding:40px 22px 0px;}
	.htwanwrp .htwscreen2 .creen1wrp .mochairwrp{transform: scale(1);right:6px;bottom:0px;}
	.htwanwrp .htwscreen2 .lamp{right: 50px;transform: scale(1);}
	
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp{left: 0px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .arrowrp{right: 0px;}	
	.htwanwrp .htwscreen3 .dotsline2{left: 80px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp2{width: 230px;height:220px;left:40%;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp2 p{font-size: 17px;padding:40px 32px 0px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp{width:230px;height:230px;right: 50px; top:20px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp p{font-size: 16px;padding:40px 42px 0px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp p strong{font-size: 32px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .hartwrp.activean{right:10px;}
	
	.htwanwrp .htwscreen4 .creen1wrp .cirwrp{right: -40px;}
	.htwanwrp .htwscreen4 .creen1wrp .hrt{right: -40px;}
	.htwanwrp .htwscreen4 .dotsline3{left: 75%;}
	
	.htwanwrp .htwscreen5 .creen1wrp .mochairwrp{left: -60px;}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp{right: 40px;top: 10px;}
}
@media (max-width: 680px) {
	
	.bodySection .how-it-works .scenario img.flap.active{left: -5px;top: -88px;}
	
	.htwanwrp .htwscreen1 .dotsline2{top: 122px;left: 178px;}
	
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp2{width: 210px;height:200px;left: 150px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp2 p{font-size: 15px;padding:40px 30px 0px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp{width:230px;height:230px;right: 0px; top:20px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp p{font-size: 16px;padding:40px 42px 0px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp p strong{font-size: 28px;}
	
	
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp p{width: 250px;margin-left: 20px;}
	
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp{width:80%;}
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp p{width: 250px;margin-left: 20px;}
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp .chand{right:60px;}
	
	.htwanwrp .htwscreen6 .creen1wrp .bnftwrp{right:0px;}
	.htwanwrp .htwscreen6 .creen1wrp .hiwinfo{width: 92%;padding-left: 10px;}
	.htwanwrp .htwscreen6 .creen1wrp .starwrp{right: 160px;}
}
@media (max-width: 580px) {
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp{right: -45px;}	
	
	.htwanwrp .htwscreen4 .creen1wrp .mochairwrp{left: -170px;}
	
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .hartwrp.activean{right:10px;top: 20px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp{left: -40px;bottom: -10px;}
	
	.htwanwrp .htwscreen5 .creen1wrp .mochairwrp{left: -60px;}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp{right: -40px;top: 10px;}
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp .chand.active{bottom: -60px;}
	
	.htwanwrp .htwscreen6 .creen1wrp .mochairwrp{left: -30px;}
}
@media (max-width: 480px) {

	.bodySection .how-it-works .scenario img.flap {left: -200px;}
	.htwanwrp .htwscreen1 .creen1wrp,.htwanwrp .htwscreen2 .creen1wrp,.htwanwrp .htwscreen3 .creen1wrp,.htwanwrp .htwscreen4 .creen1wrp, .htwanwrp .htwscreen5 .creen1wrp, .htwanwrp .htwscreen6 .creen1wrp{width:100%;}
	.htwanwrp .htwscreen1 .creen1wrp .mochairwrp{right:2px;}	
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp{width:180px; height:180px;left:15px; top:20px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp p{font-size: 15px; line-height:19px; padding:20px 20px 0px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp2{width:180px; height:180px;left:15px; top:20px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp2 p{font-size: 15px;padding:30px 22px 0px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp p{font-size: 12px;line-height: 19px;padding: 20px 30px 0px;}
	.htwanwrp .htwscreen1 .dotsline2{display:block;left: 152px;}
	
	.htwanwrp .htwscreen2 .dotsline1{top: 42px;}
	.htwanwrp .htwscreen2 .dotsline2{left: 143px;top: 255px;-ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg);}
	.htwanwrp .htwscreen2 .dotsline3{left: 81%;}
	.htwanwrp .htwscreen2 .creen1wrp .cirwrp{width:250px; height:250px;left: 15px;}
	.htwanwrp .htwscreen2 .creen1wrp .cirwrp p{font-size: 14px;padding:40px 22px 0px;}
	.htwanwrp .htwscreen2 .creen1wrp .mochairwrp{transform: scale(.9);right: -28px;bottom: -22px;}	
	
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp{width: 200px;height: 200px;right: 10px; top:20px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp p{font-size: 16px;padding: 35px 22px 0px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp p strong{font-size: 22px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp{left: -4px;}
	
	.htwanwrp .htwscreen4 .creen1wrp .cirwrp{width: 200px;height: 200px;right: 10px; top:20px;}
	.htwanwrp .htwscreen4 .creen1wrp .cirwrp p{font-size: 16px;padding:20px 20px 0px;}
	.htwanwrp .htwscreen4 .creen1wrp .cirwrp p strong{font-size: 16px;}
	.htwanwrp .htwscreen4 .creen1wrp .hrt{right: 0px;width: 50px;}
	.htwanwrp .htwscreen4 .creen1wrp .mochairwrp{left: -124px;}
	
	.htwanwrp .htwscreen5 .creen1wrp .mochairwrp{left: -48px;transform: scale(.8);bottom: -13px;}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp{right:10px;top: 10px;}
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp .chand.active{bottom: -70px;}
	.htwanwrp .htwscreen5 .dotsline2{display:none;}
	
	
	.htwanwrp .htwscreen6 .creen1wrp .bnftwrp{bottom: 15px;}
	.htwanwrp .htwscreen6 .creen1wrp .bnftwrp .chand{bottom: 46px;}
	.htwanwrp .htwscreen6 .creen1wrp .bnftwrp .chand.active{right: -50px;}
	.htwanwrp .htwscreen6 .creen1wrp .starwrp{right:60px;}
	.htwanwrp .htwscreen6 .creen1wrp .mochairwrp .ardn.active{bottom: 96px;transform: scale(.6);}
	
}
@media (max-width:420px) {
	.htwanwrp .htwscreen1 .dotsline2{display:none;}
	.htwanwrp .htwscreen1 .dotsline3{left: 84%;}
	
	.htwanwrp .htwscreen2 .creen1wrp .cirwrp{width:200px; height:200px;left: 15px;}
	.htwanwrp .htwscreen2 .creen1wrp .cirwrp p{font-size: 14px;padding: 30px 22px 0px;}
	.htwanwrp .htwscreen2 .creen1wrp .mochairwrp{transform: scale(.9);right:-46px;bottom: -22px;}
	.htwanwrp .htwscreen2 .lamp{right: 30px;transform: scale(.9);}	
	.htwanwrp .htwscreen2 .dotsline2{left: 114px;top: 238px;}
	
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp2{left: 150px; top:10px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp{right: 20px;}
	
	.htwanwrp .htwscreen4 .creen1wrp .mochairwrp{transform: scale(.8);left:-140px;bottom:-40px;}
	.htwanwrp .htwscreen4 .dotsline2{display:none;}
	
	.htwanwrp .htwscreen5 .creen1wrp .hrtwrp{right:6%;}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp{left:45%;top:0px;}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp.bactive.active{transform: scale(.8);}	
	
	.htwanwrp .htwscreen6 .creen1wrp .starwrp{right:20px;top:20px;}
	.htwanwrp .htwscreen6 .creen1wrp .starwrp.bactive{transform: scale(1.1);}
	.htwanwrp .htwscreen6 .creen1wrp .starwrp.bactive.active{transform: scale(.8);}
	.htwanwrp .htwscreen6 .creen1wrp .mochairwrp{left:-34px;transform: scale(.9);bottom: 4px;}
	
	.htwcontrols .htwPrevBtn{left: 10px;} 
	.htwcontrols .htwNextBtn{right: 10px;}
}
@media (max-width: 380px) {
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp{width:180px; height:180px;left:10px; top:10px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp p{font-size: 14px;padding:10px 30px 0px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp2{width:180px; height:180px;left:10px; top:20px;}
	.htwanwrp .htwscreen1 .creen1wrp .cirwrp2 p{font-size: 15px;padding: 30px 32px 0px;}
	
	.htwanwrp .htwscreen2 .lamp{right: 10px;transform: scale(.7);}
	
	.htwanwrp .htwscreen3 .dotsline1{width:22%;top: 165px;}
	.htwanwrp .htwscreen3 .dotsline2{top: 129px;-ms-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp2{left: 110px; top:10px;}
	.htwanwrp .htwscreen3 .creen1wrp .cirwrp{right: 2px;top: 20px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp{left: -20px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .mochairan{transform: scale(.9);bottom: -70px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .mochairanHead{transform: scale(.9);top: 160px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .arrowrp{transform: scale(.8);right:-20px;}
	.htwanwrp .htwscreen3 .creen1wrp .mochairwrp .hartwrp{bottom: 15px;}
	
	.htwanwrp .htwscreen5 .creen1wrp .bnftwrp .chand{right:20px;}
	.htwanwrp .htwscreen5 .creen1wrp .hrtwrp{right: 0%;}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp.bactive.active{transform: scale(.7);}
	.htwanwrp .htwscreen5 .creen1wrp .cirwrp{left: 35%;top: 0px;}
	
	.htwanwrp .htwscreen6 .creen1wrp .mochairwrp{left: -65px;transform: scale(.7);}
	
}
@media (max-width: 360px) {
	.htwanwrp .htwscreen4 .creen1wrp .mochairwrp{left: -161px;}
}

.tabsContener{display:none;}
#Scenario1{display:block;}
.tabnavwrp{width:100%; display:block; clear:both; text-align:center;position: relative;z-index: 2;}
.tabnavwrp ul{margin:0px; padding:0px; display:inline-block;}
.tabnavwrp ul li{list-style:none; float:left;padding:4px 15px;  background:#fff; border:2px solid #469c45;}
.tabnavwrp ul li a{color:#469c45; text-decoration:none; font-size:16px; text-transform:uppercase;}
.tabnavwrp ul li.active{background:#469c45;}
.tabnavwrp ul li.active a{color:#fff;}


/* Second Frame Animation Css */
.shakeme{-webkit-animation-name: shakeme; -webkit-animation-duration: 0.8s;	-webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite;	-webkit-animation-timing-function: ease;}
@-webkit-keyframes shakeme {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.swing{-webkit-animation: swing 1s ease;animation: swing 1s ease;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes swing {
	15%{-webkit-transform: translateX(5px);transform: translateX(5px);}
	30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);} 
	50%{-webkit-transform: translateX(3px);transform: translateX(3px);}
	65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
	80%{-webkit-transform: translateX(2px);transform: translateX(2px);}
	100%{-webkit-transform: translateX(0);transform: translateX(0);}
}
.htwsPlaywrp{width:100%;height:400px; overflow:hidden; position:relative; text-align:center; background:url(../images/framphoto.png) no-repeat center top; background-size:auto 100%;}
.htwsPlaywrp a{position:absolute; top:46%;  left: 48%; z-index:1;}
.htwsscontrol{width:100%; height:100%;  margin:0 auto; position:absolute; text-align:center; display:none;}
.htwsscontrol .htwsPrevBtn{position:absolute; left:20px; top:42%; z-index:9;width: 30px;height: 40px;display: block;padding: 12px 0px 0px; text-align: left;}
.htwsscontrol .htwsPrevBtn.disable{display:none;}
.htwsscontrol .htwsNextBtn{position:absolute; right:20px; top:42%; z-index:9; width: 30px;height: 40px;display: block;padding: 12px 0px 0px; text-align: right;}
.htwsscontrol .htwsNextBtn.disable{display:none;}
.htwsscontrol .htwReplayBtn{position:absolute; top:4px; z-index:9;}
/*.htwanwrp{width:100%; min-height:400px; padding:0px; float:left;overflow:hidden;position:relative;}*/
.htwanwrp .htwsscreen1{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out; }
.htwanwrp .htwsscreen1.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwsscreen1.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwsscreen1 .dotsline1{width:36%; height:50px; opacity:1; position:absolute; left:-36%; top:90px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwsscreen1 .dotsline1.active{left:-2px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen1 .dotsline1.active2{top:110px;width:40%;left:-2px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp{width:700px; min-height:380px; margin:0 auto; position:relative;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp{width:174px; height:174px; position:absolute; opacity:0; left:-100%; top:50px; transform: scale(1);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.moveleft{left:80px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.scale1{transform: scale(1);}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#070001; text-align:center; padding:40px 20px 0px;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2{width:212px; height:212px; position:absolute; opacity:0; left:-100%; top:50px; transform: scale(1);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.moveleft{left:140px; opacity:1; transition: all .7s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.scale1{transform: scale(1);}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2 p{ font-size:17px; font-family: 'robotomedium'; color:#070001; text-align:center; padding:22px 20px 0px;}
.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2 p span{color:#a81d22;}
.htwanwrp .htwsscreen1 .creen1wrp .nons{position:absolute; left:75px; top:200px;z-index:2; opacity:0; -webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .nons.active{-webkit-transform: scale(1);opacity:1;}
.htwanwrp .htwsscreen1 .creen1wrp .nons.moveleft{left:-100%;opacity:0;}
.htwanwrp .htwsscreen1 .creen1wrp .stablewrp{position:absolute; right:0px; opacity:1; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable{position:absolute;bottom:-10px; right:-100%; opacity:0; z-index:1;transition: all 1.8s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable.movelert{right:-100%; opacity:0;transition: all .1s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable.active{right:10px; opacity:1;transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable.moveleft{right:82%; opacity:1;transition: all 1s ease-in-out;}

.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp{position:absolute; right:0px; opacity:1; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .stablem{position:absolute; right:75px; top:50px;z-index:2; opacity:0; -webkit-transform: scale(2);-ms-transform: scale(2);transform: scale(2);transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .stablem.active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); opacity:1;}
.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .stablem.moveleft{right:200%; opacity:.3;}
.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .cicmhead{position:absolute; right:118px; top:50px;z-index:2; opacity:0;transition: all .6s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .cicmhead.active{opacity:1;}
.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .cicmhead.moveleft{opacity:0;transition: all 0s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .cicmwrp{position:absolute; right:0px; opacity:1; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwsscreen1 .creen1wrp .cicmwrp .cicm{position:absolute; right:-50%; bottom:-20px;z-index:2; opacity:0;transition: all .6s ease-in-out;}
.htwanwrp .htwsscreen1 .creen1wrp .cicmwrp .cicm.active{right:10px; opacity:1;}


.htwanwrp .htwsscreen2{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out; }
.htwanwrp .htwsscreen2.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwsscreen2.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwsscreen2 .dotsline1{width:36%; height:50px; opacity:1; position:absolute; left:-36%; top:120px;border-top-left-radius:200px; border-left:1px dotted #990000; border-top:1px dotted #990000; }
.htwanwrp .htwsscreen2 .dotsline1.active{left:-2px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen2 .creen1wrp{width:700px; min-height:380px; margin:0 auto; position:relative;}
.htwanwrp .htwsscreen2 .creen1wrp .cirwrp{width:212px; height:212px; position:absolute; opacity:0; left:-100%; top:20px; transform: scale(1);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.moveleft{left:80px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.scale1{transform: scale(1);}
.htwanwrp .htwsscreen2 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#070001; text-align:center; padding:30px 20px 0px;}
.htwanwrp .htwsscreen2 .creen1wrp .cirwrp p strong{font-size:26px;color:#a81d22;}
.htwanwrp .htwsscreen2 .creen1wrp .dotsline2{width:200%; height:2px; opacity:1; position:absolute; right:-300%; bottom:103px;border-top:1px dotted #990000; }
.htwanwrp .htwsscreen2 .creen1wrp .dotsline2.active{right:-179%; opacity:1; transition: all .7s ease-in-out;}
.htwanwrp .htwsscreen2 .creen1wrp .cicmwrp{position:absolute; right:0px; opacity:1; bottom:-100px; width:100%; height:100%;}
.htwanwrp .htwsscreen2 .creen1wrp .cicmwrp .cicm{position:absolute; right:-80%; bottom:-2px;z-index:2; opacity:0;transition: all .7s ease-in-out;}
.htwanwrp .htwsscreen2 .creen1wrp .cicmwrp .cicm.active{right:10px; opacity:1;}
.htwanwrp .htwsscreen2 .creen1wrp .cicmwrp .ppm{position:absolute; right:242px; bottom:158px;z-index:2; opacity:0;transition: all .7s ease-in-out;}
.htwanwrp .htwsscreen2 .creen1wrp .cicmwrp .ppm.active{ opacity:1;}
.htwanwrp .htwsscreen2 .creen1wrp .dotsline3{width:60%; height:2px; opacity:0;z-index: -1;position:absolute; left:140px; bottom:182px;border-top:1px dotted #990000;transform: scale(0);  }
.htwanwrp .htwsscreen2 .creen1wrp .dotsline3.active{transform: scale(1); opacity:1; transition: all 2s ease-in-out;}

.htwanwrp .htwsscreen3{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out; }
.htwanwrp .htwsscreen3.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwsscreen3.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwsscreen3 .dotsline1{width:40%; height:50px; opacity:1; position:absolute; left:-40%; top:80px;border-bottom-left-radius:200px; border-left:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwsscreen3 .dotsline1.active{left:-2px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen3 .treewrp{width:110%; opacity:1; position:absolute; left:0%; bottom:100px;border-bottom:10px solid #c2e4e7;}
.htwanwrp .htwsscreen3 .treewrp.moveleft1{left:-8%; transition: all 2s ease-in-out;}
.htwanwrp .htwsscreen3 .treewrp .tree{width:300%; height:67px; opacity:1; position:absolute; left:0%; bottom:-10px;background:url(../images/tree.png) repeat-x left bottom;}
.htwanwrp .htwsscreen3 .treewrp .tree.moveleft1{left:0%; transition: all 1.5s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp{width:700px; min-height:380px; margin:0 auto; position:relative;}
.htwanwrp .htwsscreen3 .creen1wrp .hosiptal{position:absolute; left:200px; bottom:50px; opacity:0; z-index:-1;}
.htwanwrp .htwsscreen3 .creen1wrp .hosiptal.moveleft1{left:0px;opacity:1; transition: all 2s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .hosiptal.moveleft2{left:-200%;opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp{width:212px; height:212px; position:absolute; opacity:1; left:140px; top:20px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp.moveleft{left:-100%; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp.scale1{transform: scale(1);}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#070001; text-align:center; padding:24px 30px 0px;    line-height: 25px;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp p strong{font-size:26px;color:#a81d22;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2{width:212px; height:212px; position:absolute; opacity:1; left:140px; top:35px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBgg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2.scale1{transform: scale(1);}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2 p{ font-size:17px; font-family: 'robotomedium'; color:#060200; text-align:center; padding:30px 20px 0px;}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2 p span{color:rgba(255,255,255,1);}
.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2 p strong{font-size:26px;color:#fff;}
.htwanwrp .htwsscreen3 .creen1wrp .lungcwrp{position:absolute; right:0px; opacity:1; bottom:0px;width:100%;}
.htwanwrp .htwsscreen3 .creen1wrp .lungcwrp .lcm{position:absolute; right:75px; bottom:-140px; opacity:0; -webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .lungcwrp .lcm.active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); opacity:1;}
.htwanwrp .htwsscreen3 .creen1wrp .lungcwrp .lcm.moveleft{right:200%; opacity:.3;}
.htwanwrp .htwsscreen3 .creen1wrp .lcicon{position:absolute; left:320px; top:20px; z-index:1; opacity:0; -webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .lcicon.active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); opacity:1;}
.htwanwrp .htwsscreen3 .creen1wrp .lcicon.moveleft{left:-200%; opacity:.3;}
.htwanwrp .htwsscreen3 .creen1wrp .getwrp{background:url(../images/getBg.png) no-repeat left top;width:82px;height:94px;position:absolute; left:214px; top:7px; z-index:1; opacity:0; -webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .getwrp.active{transform: scale(1);opacity:1;}
.htwanwrp .htwsscreen3 .creen1wrp .getwrp span{font-size:32px;font-weight: bold;color:#fff; display:inline-block; padding:20px 0px 0px 13px;}
.htwanwrp .htwsscreen3 .creen1wrp .stacwrp{position:absolute; right:0px; opacity:1; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwsscreen3 .creen1wrp .stacwrp .stac{position:absolute; right:-80%; bottom:-20px;z-index:2; opacity:0;transition: all .7s ease-in-out;}
.htwanwrp .htwsscreen3 .creen1wrp .stacwrp .stac.active{right:10px; opacity:1;}
.htwanwrp .htwsscreen3 .creen1wrp .dotsline2{width:200%; height:60px; opacity:1; position:absolute; right:-300%; bottom:160px;  border-bottom:1px dotted #990000; }
.htwanwrp .htwsscreen3 .creen1wrp .dotsline2.active{right:-143%; opacity:1; border-bottom-left-radius:100px; transition: all .7s ease-in-out;}


.htwanwrp .htwsscreen4{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out; }
.htwanwrp .htwsscreen4.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwsscreen4.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwsscreen4 .dotsline1{width:38%; height:50px; opacity:1; transition: all 1s ease-in-out;position:absolute; right:-100%; top:80px;border-bottom-right-radius:200px; border-right:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwsscreen4 .dotsline1.active{right:-2px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen4 .treewrp{width:110%; opacity:0; position:absolute; left:0%; bottom:100px;border-bottom:10px solid #c2e4e7;}
.htwanwrp .htwsscreen4 .treewrp.movert{left:0%; opacity:0; transition: all .1s ease-in-out;}
.htwanwrp .htwsscreen4 .treewrp.moveleft1{left:-8%; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen4 .treewrp .tree{width:100%; height:67px; opacity:1; position:absolute; left:0%; bottom:-10px;background:url(../images/tree.png) repeat-x left bottom;}
.htwanwrp .htwsscreen4 .creen1wrp{width:700px; min-height:380px; margin:0 auto; position:relative;}
.htwanwrp .htwsscreen4 .creen1wrp .amblulanc{position:absolute; left:100%; bottom:36px;z-index:2; opacity:0;transform: scale(.9);}
.htwanwrp .htwsscreen4 .creen1wrp .amblulanc.movert{left:100%;opacity:0; transition: all .1s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .amblulanc.moveleft1{left:-250px;opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .amblulanc.moveleft2{left:-200%;opacity:0; transition: all 1.3s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .patient{position:absolute; left:0%; bottom:38px;z-index:1; opacity:0;transform: scale(.9);}
.htwanwrp .htwsscreen4 .creen1wrp .patient.moveleft1{left:180px;opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .patient.moveleft2{left:-100%;opacity:0; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp{width:230px; height:230px; position:absolute; opacity:1; right:60px; top:20px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp.moveleft{right:-100%; transition: all .8s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp.scale1{transform: scale(1);}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp p{ font-size:17px; line-height:24px; font-family: 'robotomedium'; color:#070001; text-align:center; padding:20px 36px 0px;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp p strong{font-size:22px;color:#a81d22;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2{width:212px; height:212px; position:absolute; opacity:1; right:60px; top:20px; transform: scale(0);transition: all .6s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBgg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2.scale1{transform: scale(1);}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2 p{ font-size:24px; font-family: 'robotomedium'; color:#fff; text-align:center; padding:45px 20px 0px;}
.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2 p strong{font-size:32px;color:#fff;}
.htwanwrp .htwsscreen4 .creen1wrp .hmwrp{position:absolute; left:0px; opacity:1; bottom:0px; width:100%; height:100%;}
.htwanwrp .htwsscreen4 .creen1wrp .hmwrp .hm{position:absolute; left:10%; bottom:-20px;z-index:2; opacity:0;transform: scale(1.5);transition: all .7s ease-in-out;}
.htwanwrp .htwsscreen4 .creen1wrp .hmwrp .hm.active{right:10px; opacity:1;transform: scale(1);}

.htwanwrp .htwsscreen5{width:100%;min-height:440px;overflow:hidden;float:left; position:absolute; z-index:0; transition: all .5s ease-in-out; }
.htwanwrp .htwsscreen5.done{margin-left:-100%;z-index:0; opacity:0;}
.htwanwrp .htwsscreen5.active{z-index:2;margin-left:0%;opacity:1;}
.htwanwrp .htwsscreen5 .dotsline1{width:48%; height:50px; opacity:1; transition: all 1s ease-in-out;position:absolute; right:-100%; top:120px;border-bottom-right-radius:200px; border-right:1px dotted #990000; border-bottom:1px dotted #990000; }
.htwanwrp .htwsscreen5 .dotsline1.active{right:-2px; opacity:1; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen5 .treewrp{width:110%; opacity:0; position:absolute; left:0%; bottom:100px;border-bottom:10px solid #c2e4e7;}
.htwanwrp .htwsscreen5 .treewrp.moveleft1{left:-8%; opacity:1; transition: all .8s ease-in-out;}
.htwanwrp .htwsscreen5 .treewrp .tree{width:100%; height:67px; opacity:1; position:absolute; left:0%; bottom:-10px;background:url(../images/tree.png) repeat-x left bottom;}
.htwanwrp .htwsscreen5 .creen1wrp{width:700px; min-height:380px; margin:0 auto; position:relative;}
.htwanwrp .htwsscreen5 .creen1wrp .familywrp{width:100%;position:absolute; left:100%; bottom:0px;z-index:1; opacity:0;transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen5 .creen1wrp .familywrp.active{left:0%;opacity:1;}
.htwanwrp .htwsscreen5 .creen1wrp .familywrp .mother{position:absolute; left:150px; bottom:-10px;}
.htwanwrp .htwsscreen5 .creen1wrp .familywrp .father{position:absolute; left:270px; bottom:-10px;z-index: -1;}
.htwanwrp .htwsscreen5 .creen1wrp .familywrp .mother.moveleft{left:50px; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen5 .creen1wrp .familywrp .father.moveleft{opacity:0; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp{width:212px; height:212px; position:absolute; opacity:1; right:160px; top:50px; transform: scale(0);transition: all .7s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scale1{transform: scale(1);}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scale0{transform: scale(0);}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp p{ font-size:17px; font-family: 'robotomedium'; color:#020000; text-align:center; padding:70px 20px 0px;}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp p strong{font-size:18px;color:#a81d22;}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2{width:212px; height:212px; position:absolute; opacity:1; right:160px; top:50px; transform: scale(0);transition: all .7s ease-in-out; display:inline-block; overflow:hidden; background:url(../images/cirBg.png) no-repeat left top; background-size:100% 100%;}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2.scaleLr{transform: scale(1.2);}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2.scale1{transform: scale(1);}
.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2 p{ font-size:17px; font-family: 'robotomedium'; color:#020000; text-align:center; padding:26px 20px 0px;}
.htwanwrp .htwsscreen5 .creen1wrp .cashywrp{width:100%; height:300px; position:absolute; left:0%; bottom:-21px;z-index:2; opacity:1; overflow:hidden;}
.htwanwrp .htwsscreen5 .creen1wrp .cashywrp .cashand{position:absolute; right:20px; bottom:-200px;}
.htwanwrp .htwsscreen5 .creen1wrp .cashywrp .cashand.active{bottom:20px; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen5 .creen1wrp .cashywrp .tnc{position:absolute; left:0%; bottom:-200px; width:100%; background:#fffbe5;}
.htwanwrp .htwsscreen5 .creen1wrp .cashywrp .tnc.active{bottom:0px; transition: all 1s ease-in-out;}
.htwanwrp .htwsscreen5 .creen1wrp .cashywrp .tnc p{ font-size:13px; font-family: 'robotomedium'; color:#020000; text-align:left; padding:10px 15px;}

@media (max-width:1200px) {
	
}
@media (max-width:980px) {
	
}
@media (max-width:800px) {
	
}
@media (max-width:767px) {
	.htwanwrp .htwsscreen1 .creen1wrp{width:99%;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.moveleft{left:110px;}
}
@media (max-width:680px) {
	.htwanwrp .htwsscreen2 .creen1wrp{width:99%;}
	.htwanwrp .htwsscreen2 .creen1wrp .dotsline3{width:50%;}
	
	.htwanwrp .htwsscreen3 .creen1wrp{width:99%;}
	.htwanwrp .htwsscreen4 .creen1wrp{width:99%;}
	.htwanwrp .htwsscreen5 .creen1wrp{width:100%;}
}
@media (max-width:580px) {
	.bodySection .how-it-works .scenario p{font-size: 14px;margin-top: 10px;}
	
	.htwanwrp .htwsscreen1 .dotsline1.active2{top: 60px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2{top: 10px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.moveleft{left: 70px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.moveleft{left: 30px;}
	.htwanwrp .htwsscreen1 .creen1wrp .nons{left: 25px;}
	
	.htwanwrp .htwsscreen3 .creen1wrp .lungcwrp .lcm{right:0px;}
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp{left: 100px;}
	
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2{left: 70px;}
	.htwanwrp .htwsscreen3 .creen1wrp .getwrp{left: 145px;}
	
	.htwanwrp .htwsscreen4 .creen1wrp .amblulanc{bottom: 24px;transform: scale(.8);}
	.htwanwrp .htwsscreen4 .creen1wrp .patient{transform: scale(.8);bottom: 25px;}
	.htwanwrp .htwsscreen4 .creen1wrp .patient.moveleft1{left: 120px;}
	.htwanwrp .htwsscreen4 .creen1wrp .patient.moveleft2{left: -100%;}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp.scale1{transform: scale(.8);}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2{right: 0px;}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2.scale1{transform: scale(.8);}
	.htwanwrp .htwsscreen4 .creen1wrp .hmwrp{transform: scale(.8);left: -85px;z-index: 1;}
	
	.htwanwrp .htwsscreen5 .creen1wrp .familywrp.active{left: -5%;}
	.htwanwrp .htwsscreen5 .creen1wrp .familywrp .mother{left:30%;}
	.htwanwrp .htwsscreen5 .creen1wrp .familywrp .father{left:50%;}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp{right: 80px;top: 20px;}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scale1{transform: scale(.8);}
    .htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scale0{transform: scale(0);}
    .htwanwrp .htwsscreen5 .creen1wrp .cirwrp2{right: 80px;top: 20px;}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2.scale1{transform: scale(.8);}
	.htwanwrp .htwsscreen5 .dotsline1{top: 80px;width: 40%;}
	
}
@media (max-width:480px) {
	.htwanwrp .htwsscreen1 .creen1wrp .stablewrp{transform: scale(1);}
	.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable{transform: scale(.7);bottom: -30px;}
	.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable.active{right: -50px;}
	.htwanwrp .htwsscreen1 .creen1wrp .stablewrp .stable.moveleft{right: 62%;}
	.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp{transform: scale(1);}
	.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .stablem{right: 8px;}
	.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .stablem.active{transform: scale(.8);}
	.htwanwrp .htwsscreen1 .creen1wrp .stablemwrp .cicmhead{transform: scale(.8);right: 48px;top: 74px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.moveleft{left: 20px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2{transform: scale(.8);}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp2.scale1{transform: scale(.8);}
	.htwanwrp .htwsscreen1 .dotsline1.active2{width: 42%;}
	.htwanwrp .htwsscreen1 .creen1wrp .cicmwrp{right: -26px;bottom: -22px;transform: scale(.9);}
	
	.htwanwrp .htwsscreen2 .creen1wrp .dotsline3{width: 42%;}
	.htwanwrp .htwsscreen2 .creen1wrp .cicmwrp{right: -75px;z-index: 1;bottom: -100px;transform: scale(.8);}
	.htwanwrp .htwsscreen2 .creen1wrp .cirwrp{transform: scale(.8);}
	.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.moveleft{left: 40px;}
	.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.scale1{transform: scale(.8);}
	
	.htwanwrp .htwsscreen3 .creen1wrp .lcicon{left: 240px;}
	
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp.scale1{transform: scale(.8);}
	
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2{left: 20px;}
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2.scale1{transform: scale(.8);}
	.htwanwrp .htwsscreen3 .creen1wrp .getwrp{left: 96px;top: 19px;}
	.htwanwrp .htwsscreen3 .creen1wrp .getwrp.active{transform: scale(.8);}
	.htwanwrp .htwsscreen3 .creen1wrp .dotsline2.active{right: -118%;}
	.htwanwrp .htwsscreen3 .creen1wrp .stacwrp .stac{transform: scale(.8);bottom: -52px;}
	.htwanwrp .htwsscreen3 .creen1wrp .stacwrp .stac.active{right: -15px;}
	
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp{right: 0px;top: -10px;}
	.htwanwrp .htwsscreen4 .creen1wrp .hmwrp{left: -60px;}
	
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp{right: 30px;top: 10px;}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2{right: 30px;top: 10px;}
	
	
}
@media (max-width:420px) {
	.htwanwrp .htwsscreen3 .creen1wrp .lcicon{left: 180px;}
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp{left: 20px;}
	
	.htwanwrp .htwsscreen4 .creen1wrp .amblulanc.moveleft1{left: -325px;}
	.htwanwrp .htwsscreen4 .creen1wrp .amblulanc.moveleft2{left: -200%;}
	.htwanwrp .htwsscreen4 .creen1wrp .patient.moveleft1{left: 45px;}
	.htwanwrp .htwsscreen4 .creen1wrp .patient.moveleft2{left: -100%;}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp{right: 0px;top: -12px;}
	
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp{right: 10px;top: 0px;}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scaleLr{transform: scale(.8);}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scale1{transform: scale(.7);}
    .htwanwrp .htwsscreen5 .creen1wrp .cirwrp.scale0{transform: scale(0);}
    .htwanwrp .htwsscreen5 .creen1wrp .cirwrp2{right: 10px;top: 0px;}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2.scaleLr{transform: scale(.8);}
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp2.scale1{transform: scale(.7);}
	.htwanwrp .htwsscreen5 .creen1wrp .familywrp.active{left: -12%;}
	.htwanwrp .htwsscreen5 .creen1wrp .familywrp .mother{left:22%;}
}
@media (max-width:390px) {
	.htwanwrp .htwsscreen5 .creen1wrp .familywrp .mother{left:18%;}
}
@media (max-width:360px) {
	.bodySection .how-it-works .scenario p{font-size: 12px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.moveleft{left: 10px;}
	.htwanwrp .htwsscreen1 .creen1wrp .nons{left: 5px;}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp{transform: scale(.7);-webkit-transform: scale(.7);}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.scaleLr {transform: scale(1);-webkit-transform: scale(1);}
	.htwanwrp .htwsscreen1 .creen1wrp .cirwrp.scale1 {transform: scale(.7);-webkit-transform: scale(.7);}
	.htwanwrp .htwsscreen1 .creen1wrp .nons.active{transform: scale(.7);-webkit-transform: scale(.7);}
	.htwanwrp .htwsscreen1 .creen1wrp .nons{top: 160px;}
	
	.htwanwrp .htwsscreen2 .creen1wrp .cirwrp.moveleft{left: 10px;}
	
	.htwanwrp .htwsscreen3 .creen1wrp .lungcwrp{transform: scale(.8);-webkit-transform: scale(.8);right: -30px;}
	.htwanwrp .htwsscreen3 .creen1wrp .cirwrp2{left: 0px;}
	.htwanwrp .htwsscreen3 .creen1wrp .getwrp{left: 76px;}
	
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp{right: -10px;}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2{right: -10px;}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2.scaleLr{transform: scale(1);}
	.htwanwrp .htwsscreen4 .creen1wrp .cirwrp2.scale1{transform: scale(.7);}
	
	.htwanwrp .htwsscreen5 .creen1wrp .cirwrp{right: -30px;top: -20px;}
    .htwanwrp .htwsscreen5 .creen1wrp .cirwrp2{right: -20px;top: -20px;}
}
@media (max-width:320px) {
	
}
/* end How it Work Frame-1 Animation css */
