.banner-container{ margin: 196px 0 0 0 !important; padding: 0; width: 100%; height: 616px; z-index: 111; }
.banner1 .banner1-inner, .banner-2, .wrapper-banner3, .banner4, .banner5, .banner6 { position: relative; background-image: url("../images/ban1.jpg"); width:100%; height: 620px; overflow: hidden; }
.banner1 .banner1-inner:after, .banner-2:before, .wrapper-banner3:after { content: url(../images/map.png); position: absolute; }
.banner1 .banner1-inner {  margin:-4px 0 0 0; padding:0; z-index:-1; }
.banner1 .banner1-inner:after,.banner-2:before {  left: 55px; top: 55px; }
.wrapper-banner3:after { height: 100%; width: 100%; top: 75px; left: 50px; z-index: 200; }

/****** Bannner 1 Starts  *********/  
.circle-container { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; z-index: 20; }
.icons { position:absolute; -webkit-animation: icon-ani 5.5s ease-in-out infinite; animation: icon-ani 5.5s ease-in-out infinite; -webkit-transition: all 2s cubic-bezier(0.42,0,0.58,1); transition: all 2s cubic-bezier(0.42,0,0.58,1); cursor: pointer; z-index: 20; -moz-animation: icon-ani 5.5s ease-in-out infinite; -moz-transition: all 2s cubic-bezier(0.42,0,0.58,1); border-radius:50%; }
.icons i { color:#fff;position:absolute; top:0; bottom:0; left:0; right:0;margin:auto; z-index: 20;  -webkit-animation-name: line-ani1;-webkit-animation-duration: 5.5s; 
     -moz-transition-timing-function: cubic-bezier(0.42,0,0.58,1);-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;   }
.icons p { font: 14px abel-r !important; top: -32px; left: -15px; min-width: 100px; position: absolute; z-index: 200; background: transparent; text-align: center; color: #eee; -webkit-animation: line-ani 5.5s cubic-bezier(0.42,0,0.58,1) infinite; -moz-animation: line-ani 5.5s cubic-bezier(0.42,0,0.58,1) infinite; animation: line-ani 5.5s cubic-bezier(0.42,0,0.58,1) infinite; }
.line { position: absolute; top: 0; left: 0; width: 0px; height: 1px; border-bottom: 1px solid #3f3f3f; opacity: 0.8; z-index:14; 
	-webkit-animation: line-ani 5.5s cubic-bezier(0.42,0,0.58,1) infinite; -moz-animation: line-ani 5.5s cubic-bezier(0.42,0,0.58,1) infinite; animation: line-ani 5.5s cubic-bezier(0.42,0,0.58,1) infinite; }
.icon1 { background: #8abe11; width: 60px; height: 60px; top: 30px; left: 1204px; }
.icon2, .icon3, .icon11, .icon12, .icon17, .icon19 { width: 50px; height: 50px; }
.icon2 { background: #9e5e00; top: 450px; left: 100px; }
.icon3 { background: #f9ae3a; top: 260px; left: 800px; }
.icon11 { background: #E46262; top: 290px; left: 20px; }
.icon12 { background: #634fb8; top: 270px; left: 1360px; }
.icon17 { background: #00B4C5; top: 160px; left: 820px; }
.icon19 { background: #9e5e00; top: 406px; left: 0px; }
.icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon13, .icon14, .icon15, .icon16, .icon18, .icon20, .icon21, .icon22, .icon23, .icon24, .icon25, .icon26, .icon27, .icon28, .icon29, .icon30   { width: 70px; height: 70px; }
.icon4 { background: #ff8a00; top: 400px; left: 300px; }
.icon5 { background: #ff4d00; top: 450px; left: 560px; }
.icon6 { background: #9e5e00; top: 160px; left: 400px; }
.icon7 { background: #634fb8; top: 320px; left: 1700px; }
.icon8 { background: #00B4C5; top: 40px; left: 640px; }
.icon9 { background: #00B4C5; top: 200px; left: 1080px; }
.icon10 { background: #F45E1E; top: 20px; left: 10px; }
.icon13 { background: #00B4C5; top: 110px; left: 110px; }
.icon14 { background: #9e5e00; top: 380px; left: 1480px; }
.icon15 { background: #ff8a00; top: 110px; left: 1090px; }
.icon16 { background: #634fb8; top: 210px; left: 210px; }
.icon18 { background: #f9ae3a; top: 170px; left: 1260px; }
.icon20 { background: #f9ae3a; top: 290px; left: 570px; }
.icon21 { background: #a89119; top: 30px; left: 1203px; }
.icon22 { background: #2f637b; top: 243px; left: 143px; }
.icon23 { background: #df5f4a; top: 365px; left: 685px; }
.icon24 { background: #8abe11; top: 170px; left: 670px; }
.icon25 { background: #00a3dd; top: 345px; left: 945px; }
.icon26 { background: #00a3dd; top: 60px; left: 1300px; }
.icon27 { background: #8abe11; top: 460px; left: 1400px; }
.icon28 { background: #df5f4a; top: 400px; left: 1024px; }
.icon29 { background: #2f637b; top: 340px; left: 980px; }
.icon30 { background: #a89119; top: 0px; left: 1270px; }
.icon1 i, .icon18 i, .icon26 i, .icon15 i { font-size: 28px; width: 28px; height: 28px; }
.icon2 i, .icon3 i, .icon11 i, .icon12 i, .icon17 i, .icon19 i { font-size: 22px; width: 22px; height: 22px; }
.icon4 i , .icon20 i { font-size: 36px; width: 36px; height: 36px; }
.icon5 i, .icon28 i, .icon30 i { font-size: 26px; width: 26px; height: 26px; }
.icon6 i, .icon7 i, .icon9 i, .icon10 i, .icon13 i, .icon14 i, .icon16 i, .icon21 i, .icon22 i, .icon23 i, .icon25 i, .icon29 i { font-size: 32px; width: 32px; height: 32px; }
.icon8 i, .icon24 i, .icon27 i { font-size: 34px; width: 34px; height: 34px; }
.a1 { position: absolute; border-radius: 50%; z-index: 1; transition: all 2s; -webkit-animation-duration: 5.5s; -moz-animation-duration: 8.5s; animation-duration: 5.5s; transition-timing-function: cubic-bezier(0.42,0,0.58,1); }

/* Banner 2 CSS */
.container { margin: auto; width: 1460px; height: 614px; position: relative; top: 0px; z-index: 1000; overflow: hidden; }
.container-inner { position: absolute; left: -170px; width: 1460px; height: 614px;  }
.object { position: relative; cursor:pointer; }
.polygon { position: absolute; }
.polygon-body { position: relative; }
.polygon-body .txt-name {  position: absolute; font: 14px abel-r; color: #fff; width: 300px; }
.top-txt1 { top: -80px; left: 0; }
.top-txt2 { top: 20px; left: -5px; }
.top-txt3 { bottom: -76px; left: 25px; }
.top-txt4 { top: -48px; left: 66px; }
.top-txt5 { top: -60px; left: 65px; }
.top-txt6 { top: 80px; left: 0; }
.top-txt7 { top: -35px; left: -37px; }
.top-txt8 { top: 106px; left: 12px; }
.top-txt9 { top: -17px; left: 37px; }
.top-txt10 { top: -67px; left: 30px; }
.top-txt11 { top: -76px; left: 20px; }
.top-txt12 { top: -64px; left: 30px; }
.top-txt13 { top: -50px; left: 62px; }
.top-txt14 { top: 70px; left: 0; }
.top-txt15 { bottom: -56px; left: 0; }
.top-txt16 { top: -65px; left: 33px; }
.top-txt17 { top: 18px; left: 100px; }
.top-txt18 { bottom: -44px; left: 0; }
.top-txt19 { top: -80px; left: 0; }
.top-txt20 { top: 18px; left: 90px; }
.top-txt21 { top: -35px; left: 0; }
.top-txt22 { bottom: -60px; left: 34px; }
.top-txt23 { top: -80px; left: 0; }
.top-txt24 { top: -45px; left: 70px; }
.top-txt25 { top: -38px; left: 80px; }
.scale-9 { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
.scale-8 { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.scale-7 { -ms-transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
.scale-6 { -ms-transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }
.scale-5 { -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.scale-4 { -ms-transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }
.scale-3 { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); }
.scale-1 { -ms-transform: scale(0.1); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
.doctor { top: 35px; left: 350px; }
.busness-man { top: 193px; left: 350px; }
.seafood-dis { top: 118px; left: 209px; }
.clerk { top: 235px; left: 210px; } 
.receipient { top: 440px; left: 280px; }
.seafood-man { top: 378px; left: 394px; }
.physiotherphy { top: 190px; left: 507px; }
.lab-tech { top: 316px; left: 508px; }
.artist { top: 266px; left: 600px; }
.advocate { top: 126px; left: 625px; }
.engineer { top: 440px; left: 680px; }
.tea-man { top: 254px; left: 803px; }
.mech-eng { top: 370px; left: 804px; }
.pediation { top: 52px; left: 764px; }
.comp-tech { top: 452px; left: 970px; }
.dentist { top: 212px; left: 1043px; }
.psychology { top: 324px; left: 1120px; }
.netwrk { top: 438px; left: 1122px; }
.housewife { top: 126px; left: 1182px; }
.db-admin { top: 250px; left: 1250px; }
.health { top: 335px; left: 1370px; }
.reseller { top: 450px; left: 1371px; }
.civil-eng { top: 63px; left: 1316px; }
.customer { top: 133px; left: 1443px; }
.auditor { top: 240px; left: 1506px; }
/* if Change size width, height, margin and left() */
.hexagon { position: relative; width: 100px; height: 57.74px; background-color: #2F2F2C; margin: 28.87px 0; border-left: solid 4px #89C53D; border-right: solid 4px #89C53D; }
.hexagon:before ,.hexagon:after { content: ""; position: absolute; z-index: 1; width: 70.71px; height: 70.71px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 11.6447px; }
.hexagon:before { top: -38.3683px; border-top: solid 5.6569px #89C53D; border-right: solid 5.6569px #89C53D; }
.hexagon:after { bottom: -38.3683px; border-bottom: solid 5.6569px #89C53D; border-left: solid 5.6569px #89C53D; }
.hexagon .icon-100 { position: absolute; color: #89C53D; font-size: 49px; left: 25px; top: 0; z-index: 100; }
.hexagon .line1,.hexagon .line2,.hexagon .line3,.hexagon .line4,.hexagon .line5,.hexagon .line6 { border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 0; position: absolute; border-right: 50px solid #89C53D; z-index: 10; }
.hexagon .line1 { top: -14px; left: -49px; -webkit-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); transform: rotate(26deg); }
.hexagon .line2 { top: -57px; left: 24px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.hexagon .line3 { top: -14px; left: 97px; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.hexagon .line4 { top: 65px; left: 96px; -webkit-transform: rotate(-150deg); -moz-transform: rotate(-150deg); -ms-transform: rotate(-150deg); transform: rotate(-150deg); }
.hexagon .line5 { top: 109px; left: 25px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.hexagon .line6 { top: 65px; left: -49px; -webkit-transform: rotate(-26deg); -moz-transform: rotate(-26deg); -ms-transform: rotate(-26deg); transform: rotate(-26deg); }
/* Yellow */
.hexagon.clr-yellow { border-left: solid 4px #F9AE3A; border-right: solid 4px #F9AE3A; }
.hexagon.clr-yellow:before { border-top: solid 5.6569px #F9AE3A; border-right: solid 5.6569px #F9AE3A; }
.hexagon.clr-yellow:after { border-bottom: solid 5.6569px #F9AE3A; border-left: solid 5.6569px #F9AE3A; }
.hexagon.clr-yellow .icon-100 { color: #F9AE3A; }
.hexagon.clr-yellow .line1,.hexagon.clr-yellow .line2,.hexagon.clr-yellow .line3,.hexagon.clr-yellow .line4,.hexagon.clr-yellow .line5,.hexagon.clr-yellow .line6 { border-right: 50px solid #F9AE3A; }
/* Blue1 */
.hexagon.clr-blue1 { border-left: solid 4px #00A1B7; border-right: solid 4px #00A1B7; }
.hexagon.clr-blue1:before { border-top: solid 5.6569px #00A1B7; border-right: solid 5.6569px #00A1B7; }
.hexagon.clr-blue1:after { border-bottom: solid 5.6569px #00A1B7; border-left: solid 5.6569px #00A1B7; }
.hexagon.clr-blue1 .icon-100 { color: #00A1B7; }
.hexagon.clr-blue1 .line1,.hexagon.clr-blue1 .line2,.hexagon.clr-blue1 .line3,.hexagon.clr-blue1 .line4,.hexagon.clr-blue1 .line5,.hexagon.clr-blue1 .line6 { border-right: 50px solid #00A1B7; }
/* Blue2 */
.hexagon.clr-blue2 { border-left: solid 4px #458BFF; border-right: solid 4px #458BFF; }
.hexagon.clr-blue2:before { border-top: solid 5.6569px #458BFF; border-right: solid 5.6569px #458BFF; }
.hexagon.clr-blue2:after { border-bottom: solid 5.6569px #458BFF; border-left: solid 5.6569px #458BFF; }
.hexagon.clr-blue2 .icon-100 { color: #458BFF; }
.hexagon.clr-blue2 .line1,.hexagon.clr-blue2 .line2,.hexagon.clr-blue2 .line3,.hexagon.clr-blue2 .line4,.hexagon.clr-blue2 .line5,.hexagon.clr-blue2 .line6 { border-right: 50px solid #458BFF; }
/* red1 */
.hexagon.clr-red1 { border-left: solid 4px #C0252A; border-right: solid 4px #C0252A; }
.hexagon.clr-red1:before { border-top: solid 5.6569px #C0252A; border-right: solid 5.6569px #C0252A; }
.hexagon.clr-red1:after { border-bottom: solid 5.6569px #C0252A; border-left: solid 5.6569px #C0252A; }
.hexagon.clr-red1 .icon-100 { color: #C0252A; }
.hexagon.clr-red1 .line1,.hexagon.clr-red1 .line2,.hexagon.clr-red1 .line3,.hexagon.clr-red1 .line4,.hexagon.clr-red1 .line5,.hexagon.clr-red1 .line6 { border-right: 50px solid #C0252A; }
/* red2 */
.hexagon.clr-red2 { border-left: solid 4px #E35F5F; border-right: solid 4px #E35F5F; }
.hexagon.clr-red2:before { border-top: solid 5.6569px #E35F5F; border-right: solid 5.6569px #E35F5F; }
.hexagon.clr-red2:after { border-bottom: solid 5.6569px #E35F5F; border-left: solid 5.6569px #E35F5F; }
.hexagon.clr-red2 .icon-100 { color: #E35F5F; }
.hexagon.clr-red2 .line1,.hexagon.clr-red2 .line2,.hexagon.clr-red2 .line3,.hexagon.clr-red2 .line4,.hexagon.clr-red2 .line5,.hexagon.clr-red2 .line6 { border-right: 50px solid #E35F5F; }
/* Orange*/
.hexagon.clr-orange { border-left: solid 4px #F45916; border-right: solid 4px #F45916; }
.hexagon.clr-orange:before { border-top: solid 5.6569px #F45916; border-right: solid 5.6569px #F45916; }
.hexagon.clr-orange:after { border-bottom: solid 5.6569px #F45916; border-left: solid 5.6569px #F45916; }
.hexagon.clr-orange .icon-100 { color: #F45916; }
.hexagon.clr-orange .line1,.hexagon.clr-orange .line2,.hexagon.clr-orange .line3,.hexagon.clr-orange .line4,.hexagon.clr-orange .line5,.hexagon.clr-orange .line6 { border-right: 50px solid #F45916; }

/* Banner 3 CSS */
.banner3-container { position: relative; width: 100%; margin: auto; overflow: hidden; height: 620px; }
.line-container { position: absolute; width: 1770px; height: 620px; left: 80px; top: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 
.line-1,.line-2,.line-3,.line-4,.line-5,.line-6,.line-7,.line-8,.line-9,.line-10,.line-11,.line-12,.line-13,.line-14,.line-15,.line-16,.line-17,.line-18,.line-19,.line-20 { position: absolute; } 
.line-1,.line-5,.line-7,.line-18 { border-top: 1px solid rgb(79,102,116); }
.line-2, .line-3,.line-5,.line-6,.line-7,.line-8,.line-15,.line-20 { border-right: 1px solid rgb(79,102,116); }
.line-3,.line-4,.line-6,.line-9,.line-10,.line-12,.line-13,.line-14,.line-16,.line-17,.line-19,.line-20 { border-bottom: 1px solid rgb(79,102,116); }
.line-4,.line-11,.line-12,.line-13,.line-14,.line-18,.line-19 { border-left: 1px solid rgb(79,102,116); }
.line-1 { width: 1417px; height: 0px; left: 137px; top: 300px; box-shadow: 0px 2px 1px rgb(13,28,35); }
.line-2 { width: 0px; height: 110px; left: 355px; top: 190px; box-shadow: 2px 0px 1px rgb(13,28,35); }
.line-3 { width: 156px; height: 89px; left: 199px; top: 301px; box-shadow: 2px 2px 1px rgb(13,28,35); }
.line-4 { width: 86px; height: 117px; left: 355px; top: 390px; box-shadow: 0px 2px 0px rgb(13,28,35),2px 0px 0px rgb(13,28,35) inset; }
.line-5 { width: 99px; height: 189px; left: 448px; top: 110px; box-shadow: 2px -1px 1px rgb(13,28,35),0px 3px 0px rgb(13,28,35) inset; }
.line-6 { width: 64px; height: 139px; left: 483px; top: 301px; box-shadow: 2px 0px 0px rgb(13,28,35),0px 2px 0px rgb(13,28,35); }
.line-7 { width: 238px; height: 85px; left: 548px; top: 364px; box-shadow: 2px 0px 0px rgb(13,28,35),0px 2px 0px rgb(13,28,35) inset; }
.line-8 { width: 0px; height: 193px; left: 870px; top: 106px; box-shadow: 2px 0px 0px rgb(13,28,35); }
.line-9 { width: 142px; height: 0px; left: 871px; top: 192px; box-shadow: 0px 1px 0px rgb(13,28,35); }
.line-10 { width: 142px; height: 0px; left: 728px; top: 170px; box-shadow: 0px 1px 0px rgb(13,28,35); }
.line-11 { width: 0px; height: 208px; left: 870px; top: 301px; box-shadow: 2px 0px 0px rgb(13,28,35); }
.line-12 { width: 81px; height: 179px; left: 915px; top: 301px; box-shadow: 0px 2px 0px rgb(13,28,35),2px 0px 0px rgb(13,28,35) inset; }
.line-13 { width: 188px; height: 87px; left: 1051px; top: 302px; box-shadow: 0px 2px 0px rgb(13,28,35),2px 0px 0px rgb(13,28,35) inset; }
.line-14 { width: 63px; height: 158px; left: 1240px; top: 389px; box-shadow: 0px 2px 0px rgb(13,28,35),2px 0px 0px rgb(13,28,35) inset; }
.line-15 { width: 0px; height: 193px; left: 1241px; top: 106px; box-shadow: 2px 0px 0px rgb(13,28,35); }
.line-16 { width: 142px; height: 0px; left: 1242px; top: 192px; box-shadow: 0px 1px 0px rgb(13,28,35); }
.line-17 { width: 142px; height: 0px; left: 1099px; top: 170px; box-shadow: 0px 1px 0px rgb(13,28,35); }
.line-18 { width: 168px; height: 80px; left: 1453px; top: 219px; box-shadow: 2px 2px 0px rgb(13,28,35) inset; }
.line-19 { width: 62px; height: 132px; left: 1554px; top: 302px; box-shadow: 0px 2px 0px rgb(13,28,35),2px 0px 0px rgb(13,28,35) inset; }
.line-20 { width: 64px; height: 64px; left: 1490px; top: 434px; box-shadow: 2px 2px 0px rgb(13,28,35),0px 2px 0px rgb(13,28,35); }
.line-1-circle1,.line-1-circle2,.line-2-circle,.line-3-circle,.line-4-circle,.line-5-circle,.line-6-circle,.line-7-circle,.line-8-circle,.line-9-circle,.line-10-circle,.line-11-circle,.line-12-circle,.line-13-circle,.line-14-circle,.line-15-circle,.line-16-circle,.line-17-circle,.line-18-circle,.line-19-circle,.line-20-circle
 { position: absolute; background: #ff0000; box-shadow: 0px 0px 2px #ff0000; border-radius: 62px; z-index: 2; opacity: 0; }
.line-1-circle1 { width: 25px; height: 3px; top: -2px; left: 700px;  -webkit-animation: line-1-circle1 4s linear 0s infinite alternate; -moz-animation: line-1-circle1 4s linear 0s infinite alternate; animation: line-1-circle1 4s linear 0s infinite alternate; }
.line-1-circle2 { width: 25px; height: 3px; top: -2px; left: 700px; -webkit-animation: line-1-circle2 4s linear 0s infinite alternate; -moz-animation: line-1-circle2 4s linear 0s infinite alternate; animation: line-1-circle2 4s linear 0s infinite alternate; }
.line-2-circle { width: 3px; height: 25px; top: 92px; right: -2px; -webkit-animation: line-2-circle 9s linear 2.7s infinite alternate; -moz-animation: line-2-circle 9s linear 2.7s infinite alternate; animation: line-2-circle 9s linear 2.7s infinite alternate; }
.line-5-circle { width: 3px; height: 25px; top: 169px; right: -2px; -webkit-animation: line-5-circle 10s linear 1.7s infinite alternate; -moz-animation: line-5-circle 10s linear 1.7s infinite alternate; animation: line-5-circle 10s linear 1.7s infinite alternate; }
.line-8-circle { width: 3px; height: 25px; top:174px; left: -2px; -webkit-animation: line-8-circle 10s linear 0s infinite alternate; -moz-animation: line-8-circle 10s linear 0s infinite alternate; animation: line-8-circle 10s linear 0s infinite alternate; }
.line-15-circle { width: 3px; height: 25px; top: 174px; left: -1px; -webkit-animation: line-15-circle 10s linear 2.1s infinite alternate; -moz-animation: line-15-circle 10s linear 2.1s infinite alternate; animation: line-15-circle 10s linear 2.1s infinite alternate; }
.line-11-circle { width: 3px; height: 25px; top: 0px; right: -1px; -webkit-animation: line-11-circle 6s linear 0s infinite alternate; -moz-animation: line-11-circle 6s linear 0s infinite alternate; animation: line-11-circle 6s linear 0s infinite alternate; }
.line-13-circle { width: 3px; height: 25px; top: 0px; left: -1px; -webkit-animation: line-13-circle 6s linear 1s infinite alternate; -moz-animation: line-13-circle 6s linear 1s infinite alternate; animation: line-13-circle 6s linear 1s infinite alternate; }
.line-18-circle { width: 3px; height: 25px; top: 55px; left: -2px; -webkit-animation: line-18-circle 8s linear 3.4s infinite alternate; -moz-animation: line-18-circle 8s linear 3.4s infinite alternate; animation: line-18-circle 8s linear 3.4s infinite alternate; }
.line-1-img-1,.line-1-img-2,.line-1-img-3,.line-1-img-4,.line-1-img-5,.line-2-img,.line-3-img,.line-4-img,.line-5-img,.line-6-img,.line-7-img,.line-8-img,.line-9-img,.line-10-img,.line-11-img,.line-12-img,.line-13-img,.line-14-img,.line-15-img,.line-16-img,.line-17-img,.line-18-img,.line-19-img,.line-20-img { position: absolute; z-index: 3; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }
.line-1-img-1 { top: -18px; right: -35px; }
.line-1-img-2 { top: -51px; left: -38px; }
.line-1-img-3 { top: -31px; left: 289px; }
.line-1-img-4 { left: 632px; top: -59px; }
.line-1-img-5 { left: 1077px; top: -51px; }
.line-2-img { top: -42px; left: -17px; }
.line-3-img { top: 67px; left: -34px; }
.line-4-img { bottom: -15px; right: -26px; }
.line-5-img { top: -18px;  left: -44px; }
.line-6-img { bottom: -9px; left: -34px; }
.line-7-img { right: -30px; bottom: -26px; }
.line-8-img { top: -40px; left: -32px; }
.line-9-img { right: -16px; top: -33px; }
.line-10-img { top: -13px; left: -23px; }
.line-11-img { bottom: -57px; left: -21px; }
.line-12-img { bottom: -31px; right: -39px; }
.line-13-img { right: -28px; bottom: -15px; }
.line-14-img { bottom: -13px; right: -27px; }
.line-15-img { left: -23px; top: -43px; }
.line-16-img { top: -34px; right: -50px; }
.line-17-img { top: -25px; left: -12px; }
.line-18-img { right: -48px; top: -38px; }
.line-19-img { bottom: -15px; right: -41px; }
.line-20-img { bottom: -27px; left: -25px; }
.round { width: 11px; height: 11px; background: rgb(93,116,130); border-radius: 50px; box-shadow: 0px 2px 0px rgb(24, 24, 24); z-index:3; position:absolute; }
.line-1-round1 { top: -6px; left: 213px; }
.line-1-round2 { left: 405px; top: -6px; }
.line-1-round3 { top: -6px; left: 909px; }
.line-1-round4 { top: -6px; left: 1311px; }
.line-4-round,.line-12-round,.line-13-round,.line-19-round { bottom: -5px; left: -6px; }
.line-5-round { right: -5px; top: -5px; }
.line-6-round1 { right: -6px; top: 58px; }
.line-6-round2,.line-20-round,.line-3-round { bottom: -6px; right: -5px; }
.line-7-round { right: -5px; top: -5px; }
.line-9-round,.line-16-round,.line-18-round{ left: -6px; top: -5px; }
.line-10-round,.line-17-round{ right: -6px; top: -5px; }
.txt { position: absolute; font: 14px abel-r; color: #fff; width: 220px; }
.line-1-para1 { top: 18px; left: -81px; }
.line-1-para2 { left: 271px; top: -65px; }
.line-1-para3{ left: 1144px; top: -47px; }
.line-1-para4 { left: 1347px; top: -54px; }
.line-2-para { left: -119px; top: -34px; }
.line-3-para { bottom: -55px; left: -90px; }
.line-4-para { bottom: -51px; left: 26px; }
.line-5-para { left: -98px; top: -51px; }
.line-6-para { bottom: 44px; left: -28px; }
.line-7-para { right: -81px; bottom: -62px; }
.line-8-para { top: -71px; right: -107px; }
.line-9-para { left: 106px; top: 22px; }
.line-10-para { top: -48px; left: -75px; }
.line-11-para { bottom: -90px; left: -21px; }
.line-12-para { bottom: -65px; left: 14px; }
.line-13-para { right: -254px; bottom: -8px; }
.line-14-para { bottom: -48px; left: 46px; }
.line-15-para { top: -80px; left: -24px; } 
.line-16-para { left: 98px; top: -65px; }
.line-17-para {  top: -58px; left: -58px; }
.line-18-para { top: -74px; left: 92px; }
.line-19-para { bottom: -53px; left: 32px; }
.line-20-para { top: 100px; left: -53px; }

@media screen and (min-width:1720px) and (max-width:1820px) {
	.line-container { left: 0px; }
}
@media screen and (min-width:1620px) and (max-width:1719px) {
	.line-container { left: -90px; }
}
@media screen and (min-width:1520px) and (max-width:1619px) {
	.line-container { left: -120px; -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); }
}
@media screen and (min-width:1440px) and (max-width:1519px) {
	.container { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
	.line-container { left: -150px; -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); }
}
@media screen and (min-width:1400px) and (max-width:1439px) {
	.container{ transform: scale(0.85); }
	.container-inner{ left: -190px; }
	.line-container { left: -170px; -webkit-transform: scale(.78); -moz-transform: scale(.78); transform: scale(.78); }
}
@media screen and (min-width:1366px) and (max-width:1399px) {
	.container { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); }
	.container-inner { left: -230px; }
	.line-container { left: -190px; -webkit-transform: scale(.72); -moz-transform: scale(.72); transform: scale(.72); }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
	.circle-container { -webkit-transform: scale(0.92); -moz-transform: scale(0.92); transform: scale(0.92); }
	.container { -webkit-transform: scale(0.82); -moz-transform: scale(0.82); transform: scale(0.82); width: 100%; overflow: visible; }
	.container-inner { left: -260px; }
	.line-container { left: -230px; -webkit-transform: scale(.72); -moz-transform: scale(.72); transform: scale(.72); }
	.txt { font-size: 16px; }
	.line-2-para { left: -134px; top: -44px; }
	.line-3-para { bottom: -56px; left: -90px; }
	.line-5-para { left: -98px; top: -61px; }
	.line-7-para { right: -81px; bottom: -68px; }
	.line-8-para { top: -90px; }
	.line-9-para { left: 106px; top: 13px; }
	.line-10-para { top: -55px; left: -75px; }
	.line-11-para { bottom: -103px; left: -28px; }
	.line-12-para { bottom: -76px; left: 14px; }
	.line-13-para { right: -254px; bottom: -21px; }
	.line-14-para { bottom: -51px; left: 46px; }
	.line-15-para { top: -84px; left: -24px; }
	.line-16-para { left: 98px; top: -79px; }
	.line-17-para { top: -65px; left: -58px; }
	.line-18-para { top: -82px; left: 92px; }
}
@media screen and (min-width:1124px) and (max-width:1279px) {
	.circle-container { -moz-transform: scale(0.89); -webkit-transform: scale(0.89); transform: scale(0.89); }
	.container { -webkit-transform: scale(0.72); -moz-transform: scale(0.72); transform: scale(0.72); width: 100%; overflow: visible; }
	.container-inner { left: -340px; }
	.line-container { left: -320px; -webkit-transform: scale(.65); -moz-transform: scale(.65); transform: scale(.65); }
	.txt { font-size: 20px; }
	.line-1-para1 { top: 6px; left: -81px; }
	.line-1-para2 { left: 258px; top: -88px; }
	.line-1-para3 { left: 1144px; top: -47px; }
	.line-1-para4 { left: 1347px; top: -70px; }
	.line-2-para { left: -173px; top: -54px; }
	.line-3-para { bottom: -76px; left: -90px; }
	.line-4-para { bottom: -68px; left: 26px; }
	.line-5-para { left: -88px; top: -105px; }
	.line-6-para { bottom: 33px; left: -28px; }
	.line-7-para { right: -89px; bottom: -106px; }
	.line-8-para { top: -120px; right: -107px; }
	.line-9-para { left: 106px; top: 7px; }
	.line-10-para { top: -67px; left: -96px; }
	.line-11-para { bottom: -109px; left: -37px; }
	.line-12-para { bottom: -106px; left: 30px; }
	.line-13-para { right: -254px; bottom: -32px; }
	.line-14-para { bottom: -66px; left: 32px; }
	.line-15-para { top: -97px; left: -34px; } 
	.line-16-para { left: 98px; top: -113px; }
	.line-17-para {  top: -75px; left: -85px; }
	.line-18-para { top: -124px; left: 117px; }
	.line-19-para { bottom: -67px; left: 0px; }
	.line-20-para { top: 83px; left: -53px; }
}
@media screen and (min-width:1024px) and (max-width:1123px) {
	.circle-container {  -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
	.container { -webkit-transform: scale(0.68); -moz-transform: scale(0.68); transform: scale(0.68); width: 100%; overflow: visible; }
	.container-inner { left: -390px; }
	.line-container { left: -380px; -webkit-transform: scale(.58); -moz-transform: scale(.58); transform: scale(.58); }
	.txt { font-size: 21px; }
	.line-1-para1 { top: 6px; left: -81px; }
	.line-1-para2 { left: 258px; top: -88px; }
	.line-1-para3 { left: 1144px; top: -47px; }
	.line-1-para4 { left: 1347px; top: -70px; }
	.line-2-para { left: -173px; top: -54px; }
	.line-3-para { bottom: -76px; left: -90px; }
	.line-4-para { bottom: -68px; left: 26px; }
	.line-5-para { left: -88px; top: -105px; }
	.line-6-para { bottom: 33px; left: -28px; }
	.line-7-para { right: -89px; bottom: -106px; }
	.line-8-para { top: -120px; right: -107px; }
	.line-9-para { left: 106px; top: 7px; }
	.line-10-para { top: -67px; left: -96px; }
	.line-11-para { bottom: -109px; left: -37px; }
	.line-12-para { bottom: -106px; left: 30px; }
	.line-13-para { right: -254px; bottom: -32px; }
	.line-14-para { bottom: -66px; left: 32px; }
	.line-15-para { top: -97px; left: -34px; } 
	.line-16-para { left: 98px; top: -113px; }
	.line-17-para {  top: -75px; left: -85px; }
	.line-18-para { top: -124px; left: 117px; }
	.line-19-para { bottom: -67px; left: 0px; }
	.line-20-para { top: 83px; left: -53px; }
}