/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 @charset "utf-8";
@font-face {
    font-family: "BentonSansRegular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/BentonSans-Regulard41d.eot?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Regular.otf"), url("fonts/BentonSans-Regular.woff"), url("fonts/BentonSans-Regular.ttf") format("truetype"), url("fonts/BentonSans-Regular.svg#web") format("svg");
}
@font-face {
    font-family: "BentonSansMedium";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/BentonSans-Mediumd41d.eot?") format("embedded-opentype"), local('?'), url("onts/BentonSans-Medium.otf"), url("fonts/BentonSans-Medium.woff"), url("fonts/BentonSans-Medium.ttf") format("truetype"), url("fonts/BentonSans-Medium.html#web") format("svg");
}
@font-face {
    font-family: "BentonSansBold";
    font-style: normal;
    font-weight: normal;
    src: url("BentonSans-Boldd41d.html?") format("embedded-opentype"), local('?'), url("fonts/BentonSans-Bold.otf"), url("fonts/BentonSans-Bold.woff"), url("fonts/BentonSans-Bold.ttf") format("truetype"), url("fonts/BentonSans-Bold.html#web") format("svg");
}

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{background:url(../images/dotted-circle.png) 0px 300px; background-attachment:scroll; background-size:cover; background-color:#000000; font-family: "BentonSansRegular"; color:#ffffff; overflow:hidden; }
.logosection{ z-index: 1;  position: relative; padding:60px 0 0 0;}
.logo{ position:absolute; padding:0px 0 0 0; left:0; z-index:1111; height: 35px;top:16px;}
.top_image { position:absolute; top:0px; margin-top:-13%; left:0; width:100%;}
.topface1{ position:absolute; top:0px; margin-top:-13%; left:0; width:100%; z-index:-1;}
.reg{ font-size:43px; font-weight:normal; vertical-align:top; margin:0;}
/*.globeimage{     right: -106px;  top: -164px;  position: fixed; width: 53%;}*/
.globeimage{     right: -100px;  top: -194px;  position: fixed; width: 44%; z-index:11}
.sap_ani_sec1{ position:absolute; left:0px; top:85%; z-index:-1; width:100%; height:100%;}
.sap_ani_sec1 div{ position:absolute;}
.sap_wrapper{    width: 90%; margin: 0 auto;  position: relative;}
.sap_wrapper_inner{width: 72%; margin: 0 auto;  position: relative;}

.hand{margin:-9% 0 0 -13%; width:147%; height:100%;position: absolute;  top: 0; left: 0; overflow:hidden;}
.handpos{ position:relative; overflow:hidden; width:100%; height:100%;}
.hand img{width:100%; position:absolute;}
.handani{ z-index:11;}
a, .flink a{color:#00a0e4;}
.font4 a{color:#00a0e4;}
.sap_gold{  color: #f0ab00;}
.color_blue{color:#00a0e4;}
.color_pink{color:#dc0096; }
.color_green{color:#4fb81c; }
.color_orange{color:#f0ab00; }
.color_green1{color:#b1d348;}
.color_green2{color:#72b92e;}
.color_green3{color:#44a03d;}
.section1{padding:408px 0 0 0;}
.section2{margin:138px 0 0 0;}
.section3{margin:226px 0 0 0;}
.section5{margin:224px 0 0 0; padding:0 0 85px 0;}
.section6{margin:20px 0 0 0;}
.section7{margin:40px 0 0 0;}
.section9{margin:180px 0 210px 0;}

.animated .notanimate, .animated .color_block.notanimate span, .active#section1 .fp-slide.sapanimated.active .notanimate span, 
.active#section1 .fp-slide.sapanimated.active .notanimate, #section2 .sapanimated .notanimate, #section2 .sapanimated .notanimate span{ opacity:1; animation: none !important;}

.animated .color_block.notanimate .rw-words span, #section1 .sapanimated .notanimate .rw-words span, .active#section1 .fp-slide.sapanimated.active .notanimate .rw-words span, #section2 .sapanimated .notanimate .rw-words span{ opacity:0;}
.animated .width-animationlt.notanimate, .animated .width-animation1.notanimate{width:100%;}

#section1 .sapanimated .notanimate.rotate1{transform: rotate(90deg);}

#section1 .sap_wrapper.circle_bline{ position: absolute; width: 100%; height: 100%; margin: 0 auto;}
#section1 .circle_bline .sapcontent_wrapper_inner{position: relative; width: 90%; height: 100%; margin: 0 auto;}


.heading1{font-size: 70px;line-height: 80px; margin: 0 0 0 0; padding: 0px; color:#fff;font-family: "BentonSansBold"; font-weight:bold;}
.heading2{font-size: 30px;line-height: 38px; margin: 0px 0 10px 0; padding: 0px; color:#fff;font-family: "BentonSansBold"; font-weight:bold;}
.description{font-size:18px; line-height: 22px; margin: 0 0 22px 0;}
.blueline{ position: absolute; left: -66px; top:230px;width: 110%;}
.blueline1{top:0px;left: -11px; height: 100%; width:100%;}
.blueline2{top:-40px; left:-62px; }
.blueline img{width:100%;}
.blueline1 img{height:100%;}
.linesec1 img, .linesec2 img{top:0px; left:55px; position:absolute; width:1234px; float: left;}
.linesec1 .tline, .linesec2 .tline{ position:relative; float:left;}
.tline.pabsolute{position:absolute;}
.super{ font-size: 24px;  vertical-align: bottom;}
.blue_bg{ background: #0070ad; padding: 10px; width: 97%; margin: 18px 0 20px 0;}
.black_circle{background: #000000; width: 74px; height: 74px; border-radius: 50%; line-height: 74px;font-family: "BentonSansBold"; font-size: 27px; text-align: center; display: inline-block; vertical-align: middle;border: 4px solid #fff;}
.blueblock-text{ display: inline-block; width: 86%; margin:0px 0 0 20px; font-size: 18px; vertical-align: middle;}
.blueblock-text strong{font-family: "BentonSansBold";}
.circle_icon{position: absolute; width:122px; height: 122px;}
.circle_icon img{width:100%; position:absolute; left:0; top:0px;}
.linew8 .circle_icon img{left:0px !important;}
.icon1{    left: 30px;   top: 15px;}
.icon2{    left: 24%;   bottom: -48px;}
.icon3{    left: 67%; bottom: -48px;}
.icon4{    left: 26px; top: 121px;}
.icon5{    left: 67%; bottom: -48px;}
.sup{font-size: 12px;  vertical-align: super;}
.pos-relative{ position:relative;}
.color_bg{ margin:230px 0 0 0;}
.color_block{width:46%; margin: 0 2px 5px 0; display: inline-block;}
.orange_bg{ background: #f36f21; padding:26px 10px; }
.pink_bg{ background: #ab218e; padding:26px 10px; }
.green_bg{ background: #72bf44; padding:26px 10px; }
.blue1_bg{ background: #00a1e4; padding:26px 10px; }
.color_bg .blueblock-text{width: 74%;  margin: 3px 0 0 12px; font-size: 15px;}
.section8 .color_bg .blueblock-text{font-size: 18px;}
td.align-center{text-align: center;}
.font1{font-family: "BentonSansMedium";font-size: 17px; line-height: 20px;}
.circle_section{ margin:25px 0 0 0; min-height: 435px; overflow: hidden;}
.left_circle{display: inline-block; width:42%; vertical-align: top;}
.right_content{display: inline-block; width:55%; vertical-align: top;}
.color_circle{width:75%; margin:92px 0 0 0;}
.circlesec_icon{ position: absolute; right: 0;top:0px; z-index:-1;}
.circlesec_icon img{width:75%;}
.circle_slide1{ margin: 0 0 12px 0;}
.color_heading{position: absolute; left:11%;top:54%; font-size: 28px; font-family: "BentonSansMedium"; width: 53%; text-align: center;}
.circle_slide1 .color_heading{top:56%;}
.circle_slide2 .color_heading{top:49%;}
.heading3{font-family: "BentonSansBold"; font-size: 32px; line-height: 36px;}
.tablenumber{font-family: "BentonSansRegular";font-size: 45px; line-height: 45px; /*margin: -8px 0 0 0;*/}
.tablenumber .super{font-size: 25px; vertical-align: super;}
.right_content td{ vertical-align: top;}
.font2{font-family: "BentonSansMedium";font-size: 18px; line-height: 23px;}
.font3{font-family: "BentonSansRegular";font-size: 18px; line-height: 23px;}
.section8 .color_bg{margin:190px 0 0 0;}
.section8 .icon2, .section8 .icon3{bottom: -137px;}
.bottom_left{display: inline-block; width:25%; vertical-align: top;}
.bottom_right{display: inline-block; width:74%; vertical-align: top; margin:10px 0 0 0;}
.bottom_left img{margin:30px 0 0 -18px;}
.farrowani{ position: absolute;  top: -108px;  left: 160px;z-index: 111;}
.farrowani img{margin:0px 0 0 0px; width:200px;z-index: 1111;}
.font4{font-family: "BentonSansRegular";font-size: 12px; line-height: 17px; margin:25px 0 0 0;}
.infromrt a, .infromrt a img{border:0px; outline:none; text-decoration:none;}
.btop{ position:absolute; right:20px; bottom:50px;}
.btop img{width:40px; height:37px;}
.footer{  padding: 20px 0; margin: 30px 0 0 0; font-family: "BentonSansRegular";font-size: 12px; }
.footer_wrapper {  padding: 0 5%; }
.footer_socialshare {  display: inline-block;  width: 48%; color:#000000;}
.footer_socialshare img {   width: 25px;  margin: 0 2px;  vertical-align: middle;}
.footer_links {  display: inline-block; width: 50%; text-align: right;}
.footer_links a {  padding: 0 0 0 20px;  color: #000000; text-decoration: none;}
.foot_left {
    float: left;
    text-align: left;
    vertical-align: top;
    width: 34%;
}
a.custom-sn {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 29px;
    margin: 0 0px;
    text-align: right;
}
a.custom-sn img {
    padding: 2px 0;
    margin: 0 1px 0 0px;
}
.foot_right {
    float: right;
    width: 54%;
    text-align: right;
    margin: 10px 0px 0 0;
}

.foot_right a {
    padding: 0 6px;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.pos-relative_ani{ position:absolute;}
.pos-relative_ani img{ position:absolute; left:0; top:0px;}

#section1{ position:relative;height: 100%;}
.desc1{font-size:18px; line-height: 22px; margin: 0 0 10px 0px;}
#section1 .sap_wrapper{display: flex; height:100%;}
#section1 .fp-slides .sap_wrapper {display: table-cell; height: 100%;   vertical-align: middle;}
#section1 .fp-slides .sapcontent_wrapper_inner{    max-width: 1234px; margin:0 auto;}
#section1 .sapcontent_wrapper_inner{ align-items: center;display: flex;}
#section1 .heading2{ margin:0px 0 16px 0px;}
#slide1 .section6{width:1000px; margin:0 0 0 0px;}
#slide2 .section6, #slide3 .section6, #slide4 .section6 {width:1000px; margin:0 0 0 0px; }
#slide1 .sapcontent, #slide2 .sapcontent, #slide3 .sapcontent, #slide4 .sapcontent{  margin:0 0 0 0px;}
.fp-slidesContainer{    width: 100% !important;
    transition: all 700ms ease 0s;
    transform: translate3d(0px, 0px, 0px) !important;}
.fp-slidesContainer .slide {display:none !important;/*position: fixed;*/ width: 100% !important;}
.fp-slidesContainer .slide.active {display:block !important;}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; position:relative;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); display:none !important;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent; display:none;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;display:none;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
/*#fp-nav*/ .rightnav {
    position: fixed;
    z-index: 100;
    margin-top: -142px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right li a.active{ color: #f0ab00; background: url(../images/bullet_active.html) no-repeat 0px center;}
#fp-nav.right li a.active ~ .sublinks {  display:block; }
#fp-nav.right li a + .sublinks{ display:none; margin:6px 0 0 15px;}
.sublink{ color:#fff; padding:0 0 4px 11px; position: relative; }
.sublink::before{ content: '_';  position: absolute;  left: 0;  top:3px; line-height: 7px; font-size:8px;}

/*#fp-nav.right*/ 
.rightnav{
    right:0px;    width: 210px;
    background: rgba(0, 0, 0, .75);    
}
#fp-nav.right{padding: 4px 0px 4px 15px; margin:0;}
#fp-nav.right li:first-child, #fp-nav.right li:nth-child(2) {  border-top: none;}
#fp-nav.right{ list-style:none;}
#fp-nav.right li{padding: 7px 18px 7px 0px; border-top: 1px #8a660e solid;}
#fp-nav.right li a{background: url(../images/bullet.html) no-repeat 0px center; font-size: 14px;position:relative;font-family: "BentonSansMedium";
    padding: 0 0 0 15px;
    display: block; color:#fff; text-decoration:none;}
.sublink{
	cursor : pointer; opacity:0.8; font-family: "BentonSansRegular";
}

.subactive{
	color: #fff; opacity:1;  font-weight:bold;
}

#fp-nav.right li a.active {
    color: #f0ab00;
    background: url(../images/bullet_active.html) no-repeat 0px center;
}
#fp-nav.right li.nav_2.active a{background: url(../images/bullet_active_down.html) no-repeat 0px center;}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important; display:none;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

.loaded .in-view .handani{
    animation:inFromRight1 1s 0s forwards;
    -webkit-animation:inFromRight1 1s 0s forwards;
    -moz-animation:inFromRight1 1s 0s forwards;
    -o-animation:inFromRight1 1s 0s forwards;
    -ms-animation:inFromRight1 1s 0s forwards;
}
@keyframes inFromRight1{0%{left:30%;}to{left:0px;}}
@-webkit-keyframes inFromRight1{0%{left:30%;}to{left:0px;}}
@-moz-keyframes inFromRight1{0%{left:30%;}to{left:0px;}}
@-ms-keyframes inFromRight1{0%{left:30%;}to{left:0px;}}
@-o-keyframes inFromRight1{0%{left:30%;}to{left:0px;}} 

/* @keyframes inFromRight1{0%{transform:translate3d(10%,0,0)}to{transform:translateZ(0)}}
@-webkit-keyframes inFromRight1{0%{-webkit-transform:translate3d(10%,0,0)}to{-webkit-transform:translateZ(0)}}
@-moz-keyframes inFromRight1{0%{-moz-transform:translate3d(10%,0,0)}to{-moz-transform:translateZ(0)}}
@-ms-keyframes inFromRight1{0%{-ms-transform:translate3d(10%,0,0)}to{-ms-transform:translateZ(0)}}
@-o-keyframes inFromRight1{0%{-o-transform:translate3d(10%,0,0)}to{-o-transform:translateZ(0)}}  */

.hsymbol {position:absolute; width:100%; left:0; top:0;    z-index: 11; opacity:0;}
.handpos{opacity:0;}
.loaded .handpos, .loaded .in-view .hsymbol{-webkit-animation: fadein1 200ms linear 0s both;
    -moz-animation: fadein1 200ms linear 0s both;
    -o-animation: fadein1 200ms linear 0s both;
    -ms-animation: fadein1 200ms linear 0s both;
    animation: fadein1 200ms linear 0s both; }
.loaded .in-view .handscale{
	-webkit-animation: scale2 1.2s infinite 0.6s both;     
	-moz-animation: scale2 1.2s infinite 0.6s both;   
	-ms-animation: scale2 1.2s infinite 0.6s both;   
	-o-animation: scale2 1.2s infinite 0.6s both;   
    animation: scale2 1.2s infinite 0.6s both; }
 .linesec1, #section0 .sap_wrapper_inner{opacity:0;  }
.loaded .linesec1, .loaded #section0 .sap_wrapper_inner{opacity:0;
    -webkit-animation: fadein1 200ms linear 0s both;
    -moz-animation: fadein1 200ms linear 0s both;
    -o-animation: fadein1 200ms linear 0s both;
    -ms-animation: fadein1 200ms linear 0s both;
    animation: fadein1 200ms linear 0s both;}
@-webkit-keyframes scale2 {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(0.998); }
   100% {-webkit-transform: scale(1); }
}
@-moz-keyframes scale2 {
    0% {-moz-transform: scale(1);}
   50% {-moz-transform: scale(0.998); }
   100% {-moz-transform: scale(1); }
}
@-ms-keyframes scale2 {
    0% {-ms-transform: scale(1);}
   50% {-ms-transform: scale(0.998); }
   100% {-ms-transform: scale(1); }
}
@-o-keyframes scale2 {
    0% {-o-transform: scale(1);}
   50% {-o-transform: scale(0.998); }
   100% {-o-transform: scale(1); }
}
@keyframes scale2 {
   0% {transform: scale(1);}
   50% {transform: scale(0.998); }
   100% {transform: scale(1); }
}
.circleani1, .circleani2, .circleani3{ opacity:1;}
.loaded .in-view .circleani1{
	-webkit-animation: fadein2 200ms linear 1.1s both;
    -moz-animation: fadein2 200ms linear 1.1s both;
    -o-animation: fadein2 200ms linear 1.1s both;
    -ms-animation: fadein2 200ms linear 1.1s both;
    animation: fadein2 200ms linear 1.1s both; }
.loaded .in-view .circleani2{
	-webkit-animation: fadein2 200ms linear 1.2s both;
    -moz-animation: fadein2 200ms linear 1.2s both;
    -o-animation: fadein2 200ms linear 1.2s both;
    -ms-animation: fadein2 200ms linear 1.2s both;
    animation: fadein2 200ms linear 1.2s both; }
.loaded .in-view .circleani3{
	-webkit-animation: fadein2 200ms linear 1.3s both;
    -moz-animation: fadein2 200ms linear 1.3s both;
    -o-animation: fadein2 200ms linear 1.3s both;
    -ms-animation: fadein2 200ms linear 1.3s both;
    animation: fadein2 200ms linear 1.3s both; }
@keyframes fadein2{0%{opacity:0.6;}100%{ opacity:1;}}
@-webkit-keyframes fadein2{0%{ -khtml-opacity:0.6;opacity:0.6;}100%{-khtml-opacity:1;opacity:1;}}
@-moz-keyframes fadein2{0%{ -moz-opacity:0.6;opacity:0.6;}100%{-moz-opacity:1;opacity:1;}}
@-ms-keyframes fadein2{0%{ filter: alpha(opacity=0.6);opacity:0.6;}100%{filter: alpha(opacity=1);opacity:1;}}
@-o-keyframes fadein2{0%{ opacity:0.6;}100%{opacity:1;}}

.in-view .heading1{animation:inFromRight 1s 2.1s forwards; transform:translate3d(5%,0,0);}
@keyframes inFromRight{0%{transform:translate3d(5%,0,0)}to{transform:translateZ(0)}}
.in-view .fade10{
	-webkit-animation: fadein1 200ms linear 2.1s both;
    -moz-animation: fadein1 200ms linear 2.1s both;
    -o-animation: fadein1 200ms linear 2.1s both;
    -ms-animation: fadein1 200ms linear 2.1s both;
    animation: fadein1 200ms linear 2.1s both;}

.in-view .infromrt, .active .section7 .infromrt{animation:inFromRight 1s 0.1s forwards;}
.in-view .infromlt, .active .section7 .infromlt{animation:inFromLeft 1s 0.1s forwards;}
@keyframes inFromLeft{0%{transform:translate3d(-5%,0,0)}to{transform:translateZ(0)}}

.in-view.fade0{
	-webkit-animation: fadein1 200ms linear 0.5s both;
    -moz-animation: fadein1 200ms linear 0.5s both;
    -o-animation: fadein1 200ms linear 0.5s both;
    -ms-animation: fadein1 200ms linear 0.5s both;
    animation: fadein1 200ms linear 0.5s both;}

@keyframes fadein1{0%{opacity:0;}100%{ opacity:1;}}
@-webkit-keyframes fadein1{0%{ -khtml-opacity:0;opacity:0;}100%{-khtml-opacity:1;opacity:1;}}
@-moz-keyframes fadein1{0%{ -moz-opacity:0;opacity:0;}100%{-moz-opacity:1;opacity:1;}}
@-ms-keyframes fadein1{0%{ filter: alpha(opacity=0);opacity:0;}100%{filter: alpha(opacity=1);opacity:1;}}
@-o-keyframes fadein1{0%{ opacity:0;}100%{opacity:1;}}
@-webkit-keyframes rotateWord {
    0% {   opacity: 0; }
    2% {   opacity: 0;  -webkit-transform: translateY(-1px);    }
    5% {   opacity: 1;   -webkit-transform: translateY(0px);    }
    17% { opacity: 1;   -webkit-transform: translateY(0px);   }
    20% {     opacity: 0;    -webkit-transform: translateY(1);  }
    80% { opacity: 0; }
    100% {   opacity: 0;    }
}
@-ms-keyframes rotateWord {
    0% {opacity: 0; }
    2% {opacity: 0;-ms-transform: translateY(-1px);    }
    5% {opacity: 1;-ms-transform: translateY(0px);    }
    17% {opacity: 1; -ms-transform: translateY(0px);    }
    20% { opacity: 0; -ms-transform: translateY(1px);    }
    80% { opacity: 0; }
    100% {    opacity: 0;   }
}
@-o-keyframes rotateWord {
    0% {opacity: 0; }
    2% {opacity: 0; -o-transform: translateY(-1px); }
    5% { opacity: 1; -o-transform: translateY(0px);    }
    17% {  opacity: 1; -o-transform: translateY(0px);    }
    20% {  opacity: 0; -o-transform: translateY(1px);    }
    80% {  opacity: 0;  }
    100% { opacity: 0;}
}
@keyframes rotateWord {
    0% { opacity: 0;}
    2% { opacity: 0;-webkit-transform: translateY(-1px); transform: translateY(-1px);    }
    5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    17% {opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    20% { opacity: 0; -webkit-transform: translateY(1px); transform: translateY(1px); }
    80% {   opacity: 0;  }
	100% {  opacity: 0;  }
}

.rw-words{ position:relative; display:inline;    margin: 0 0 0 0px;}
.numbers {margin:0 0 0 6px;}
#section1 .numbers {margin:0 0 0 0px;}
#section1 .rw-words, .rw-words{float:left;}
.rw-words-1 span {  position: absolute;  opacity: 0; overflow: hidden; margin: 0px 0 0 0;  /*left:0; top:6px;*/}
#section1 .word1, #section1 .word2, #section1 .word3, #section1 .word4, .word1, .word2, .word3, .word4{ float:left;}
#section1 .word0{float:left;    margin: -9px 0 0 0;}
.word0{float:left;    margin: 0px 0 0 0;}
.fp-slide .rw-words-1 span{margin:0px 0 0 0;}
.in-view .number1 .word0, .active .fp-slide.active .word0{
    -webkit-animation: fadein1 200ms linear 0.5s both;
    -moz-animation: fadein1 200ms linear 0.5s both;
    -o-animation: fadein1 200ms linear 0.5s both;
    -ms-animation: fadein1 200ms linear 0.5s both;
    animation: fadein1 200ms linear 0.5s both;}
.in-view .number1 .word1, .active .fp-slide.active .word1{
    -webkit-animation: fadein1 200ms linear 1.6s both;
    -moz-animation: fadein1 200ms linear 1.6s both;
    -o-animation: fadein1 200ms linear 1.6s both;
    -ms-animation: fadein1 200ms linear 1.6s both;
    animation: fadein1 200ms linear 1.6s both;}
.in-view .number1 .rw-words-1 span, .active .fp-slide.active .number1 .rw-words-1 span{
    -webkit-animation: rotateWord 1s linear 1 0.5s;
    -moz-animation: rotateWord 1s linear 1 0.5s;
    -o-animation: rotateWord 1s linear 1 0.5s;
    -ms-animation: rotateWord 1s linear 1 0.5s;
    animation: rotateWord 1s linear 1 0.5s;
}

.in-view .number1 .rw-words-1 span:nth-child(2), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(2){
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.in-view .number1 .rw-words-1 span:nth-child(3), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.in-view .number1 .rw-words-1 span:nth-child(4), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay:  0.8s;
    -o-animation-delay:  0.8s;
    -ms-animation-delay:  0.8s;
    animation-delay:  0.8s;
}
.in-view .number1 .rw-words-1 span:nth-child(5), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.in-view .number1 .rw-words-1 span:nth-child(6), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    -ms-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.in-view .number1 .rw-words-1 span:nth-child(7), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(7) {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.in-view .number1 .rw-words-1 span:nth-child(8), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(8) {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.in-view .number1 .rw-words-1 span:nth-child(9), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(9) {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay:  1.3s;
    -o-animation-delay:  1.3s;
    -ms-animation-delay:  1.3s;
    animation-delay:  1.3s;
}
.in-view .number1 .rw-words-1 span:nth-child(10), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(10) {
    -webkit-animation-delay:  1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.in-view .number1 .rw-words-1 span:nth-child(11), .active .fp-slide.active .number1 .rw-words-1 span:nth-child(11) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.in-view .fade1, .active .fp-slide.active .fade1{
	-webkit-animation: fadein1 200ms linear 0.5s both;
    -moz-animation: fadein1 200ms linear 0.5s both;
    -o-animation: fadein1 200ms linear 0.5s both;
    -ms-animation: fadein1 200ms linear 0.5s both;
    animation: fadein1 200ms linear 0.5s both;}
.in-view .fade2, .active .fp-slide.active .fade2{
	-webkit-animation: fadein1 200ms linear 1.6s both;
    -moz-animation: fadein1 200ms linear 1.6s both;
    -o-animation: fadein1 200ms linear 1.6s both;
    -ms-animation: fadein1 200ms linear 1.6s both;
    animation: fadein1 200ms linear 1.6s both;}
.in-view .fade3, .active .fp-slide.active .fade3{
	-webkit-animation: fadein1 200ms linear 3.1s both;
    -moz-animation: fadein1 200ms linear 3.1s both;
    -o-animation: fadein1 200ms linear 3.1s both;
    -ms-animation: fadein1 200ms linear 3.1s both;
    animation: fadein1 200ms linear 3.1s both;}
.in-view .fade4, .active .fp-slide.active .fade4{
	-webkit-animation: fadein1 200ms linear 4s both;
    -moz-animation: fadein1 200ms linear 4s both;
    -o-animation: fadein1 200ms linear 4s both;
    -ms-animation: fadein1 200ms linear 4s both;
    animation: fadein1 200ms linear 4s both;}

	
.in-view .fade2 .rw-words-1 span, .active .fp-slide.active .fade2 .rw-words-1 span{
    -webkit-animation: rotateWord 1s linear 1 1.6s;
    -moz-animation: rotateWord 1s linear 1 1.6s;
    -o-animation: rotateWord 1s linear 1 1.6s;
    -ms-animation: rotateWord 1s linear 1 1.6s;
    animation: rotateWord 1s linear 1 1.6s;
}

.in-view .fade2 .rw-words-1 span:nth-child(2), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(2){
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -o-animation-delay: 1.7s;
    -ms-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.in-view .fade2 .rw-words-1 span:nth-child(3), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.in-view .fade2 .rw-words-1 span:nth-child(4), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay:  1.9s;
    -o-animation-delay:  1.9s;
    -ms-animation-delay:  1.9s;
    animation-delay:  1.9s;
}
.in-view .fade2 .rw-words-1 span:nth-child(5), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay:2s;
}
.in-view .fade2 .rw-words-1 span:nth-child(6), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    -o-animation-delay: 2.1s;
    -ms-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.in-view .fade2 .rw-words-1 span:nth-child(7), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(7) {
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -o-animation-delay: 2.2s;
    -ms-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.in-view .fade2 .rw-words-1 span:nth-child(8), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(8) {
    -webkit-animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    -o-animation-delay: 2.3s;
    -ms-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.in-view .fade2 .rw-words-1 span:nth-child(9), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(9) {
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay:  2.4s;
    -o-animation-delay:  2.4s;
    -ms-animation-delay:  2.4s;
    animation-delay:  2.4s;
}
.in-view .fade2 .rw-words-1 span:nth-child(10), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(10) {
    -webkit-animation-delay:  2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.in-view .fade2 .rw-words-1 span:nth-child(11), .active .fp-slide.active .fade2 .rw-words-1 span:nth-child(11) {
    -webkit-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    -o-animation-delay: 2.6s;
    -ms-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
.in-view .fade2 .word2, .active .fp-slide.active .fade2 .word2{
    -webkit-animation: fadein1 200ms linear 2.7s both;
    -moz-animation: fadein1 200ms linear 2.7s both;
    -o-animation: fadein1 200ms linear 2.7s both;
    -ms-animation: fadein1 200ms linear 2.7s both;
    animation: fadein1 200ms linear 2.7s both;}

.in-view .fade3 .rw-words-1 span, .active .fp-slide.active .fade3 .rw-words-1 span{
    -webkit-animation: rotateWord 1s linear 1 2.8s;
    -moz-animation: rotateWord 1s linear 1 2.8s;
    -o-animation: rotateWord 1s linear 1 2.8s;
    -ms-animation: rotateWord 1s linear 1 2.8s;
    animation: rotateWord 1s linear 1 2.8s;
}

.in-view .fade3 .rw-words-1 span:nth-child(2), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(2){
    -webkit-animation-delay: 2.9s;
    -moz-animation-delay: 2.9s;
    -o-animation-delay: 2.9s;
    -ms-animation-delay: 2.9s;
    animation-delay: 2.9s;
}

.in-view .fade3 .rw-words-1 span:nth-child(3), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

.in-view .fade3 .rw-words-1 span:nth-child(4), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 3.1s;
    -moz-animation-delay:  3.1s;
    -o-animation-delay:  3.1s;
    -ms-animation-delay:  3.1s;
    animation-delay:  3.1s;
}
.in-view .fade3 .rw-words-1 span:nth-child(5), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -o-animation-delay: 3.2s;
    -ms-animation-delay: 3.2s;
    animation-delay:3.2s;
}
.in-view .fade3 .rw-words-1 span:nth-child(6), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    -o-animation-delay: 3.3s;
    -ms-animation-delay: 3.3s;
    animation-delay: 3.3s;
}
.in-view .fade3 .rw-words-1 span:nth-child(7), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(7) {
    -webkit-animation-delay: 3.4s;
    -moz-animation-delay: 3.4s;
    -o-animation-delay: 3.4s;
    -ms-animation-delay: 3.4s;
    animation-delay: 3.4s;
}
.in-view .fade3 .rw-words-1 span:nth-child(8), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(8) {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    -ms-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.in-view .fade3 .rw-words-1 span:nth-child(9), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(9) {
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay:  3.6s;
    -o-animation-delay:  3.6s;
    -ms-animation-delay:  3.6s;
    animation-delay:  3.6s;
}
.in-view .fade3 .rw-words-1 span:nth-child(10), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(10) {
    -webkit-animation-delay:  3.7s;
    -moz-animation-delay:  3.7s;
    -o-animation-delay:  3.7s;
    -ms-animation-delay:  3.7s;
    animation-delay:  3.7s;
}
.in-view .fade3 .rw-words-1 span:nth-child(11), .active .fp-slide.active .fade3 .rw-words-1 span:nth-child(11) {
    -webkit-animation-delay: 3.8s;
    -moz-animation-delay: 3.8s;
    -o-animation-delay: 3.8s;
    -ms-animation-delay: 3.8s;
    animation-delay: 3.8s;
}
.in-view .fade3 .word3, .active .fp-slide.active .fade3 .word3{
    -webkit-animation: fadein1 200ms linear 3.9s both;
    -moz-animation: fadein1 200ms linear 3.9s both;
    -o-animation: fadein1 200ms linear 3.9s both;
    -ms-animation: fadein1 200ms linear 3.9s both;
    animation: fadein1 200ms linear 3.9s both;}
	
.in-view .fade4 .rw-words-1 span, .active .fp-slide.active .fade4 .rw-words-1 span{
    -webkit-animation: rotateWord 1s linear 1 4s;
    -moz-animation: rotateWord 1s linear 1 4s;
    -o-animation: rotateWord 1s linear 1 4s;
    -ms-animation: rotateWord 1s linear 1 4s;
    animation: rotateWord 1s linear 1 4s;
}

.in-view .fade4 .rw-words-1 span:nth-child(2), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(2){
    -webkit-animation-delay: 4.1s;
    -moz-animation-delay: 4.1s;
    -o-animation-delay: 4.1s;
    -ms-animation-delay: 4.1s;
    animation-delay: 4.1s;
}

.in-view .fade4 .rw-words-1 span:nth-child(3), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    -o-animation-delay: 4.2s;
    -ms-animation-delay: 4.2s;
    animation-delay: 4.2s;
}

.in-view .fade4 .rw-words-1 span:nth-child(4), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 4.3s;
    -moz-animation-delay:  4.3s;
    -o-animation-delay:  4.3s;
    -ms-animation-delay:  4.3s;
    animation-delay:  4.3s;
}
.in-view .fade4 .rw-words-1 span:nth-child(5), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 4.4s;
    -moz-animation-delay: 4.4s;
    -o-animation-delay: 4.4s;
    -ms-animation-delay: 4.4s;
    animation-delay:4.4s;
}
.in-view .fade4 .rw-words-1 span:nth-child(6), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    -o-animation-delay: 4.5s;
    -ms-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
.in-view .fade4 .rw-words-1 span:nth-child(7), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(7) {
    -webkit-animation-delay: 4.6s;
    -moz-animation-delay: 4.6s;
    -o-animation-delay: 4.6s;
    -ms-animation-delay: 4.6s;
    animation-delay: 4.6s;
}
.in-view .fade4 .rw-words-1 span:nth-child(8), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(8) {
    -webkit-animation-delay: 4.7s;
    -moz-animation-delay: 4.7s;
    -o-animation-delay: 4.7s;
    -ms-animation-delay: 4.7s;
    animation-delay: 4.7s;
}
.in-view .fade4 .rw-words-1 span:nth-child(9), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(9) {
    -webkit-animation-delay: 4.8s;
    -moz-animation-delay:  4.8s;
    -o-animation-delay:  4.8s;
    -ms-animation-delay:  4.8s;
    animation-delay:  4.8s;
}
.in-view .fade4 .rw-words-1 span:nth-child(10), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(10) {
    -webkit-animation-delay:  4.9s;
    -moz-animation-delay: 4.9s;
    -o-animation-delay: 4.9s;
    -ms-animation-delay: 4.9s;
    animation-delay: 4.9s;
}
.in-view .fade4 .rw-words-1 span:nth-child(11), .active .fp-slide.active .fade4 .rw-words-1 span:nth-child(11) {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}
.in-view .fade4 .word4, .active .fp-slide.active .fade4 .word4{
    -webkit-animation: fadein1 200ms linear 5.1s both;
    -moz-animation: fadein1 200ms linear 5.1s both;
    -o-animation: fadein1 200ms linear 5.1s both;
    -ms-animation: fadein1 200ms linear 5.1s both;
    animation: fadein1 200ms linear 5.1s both;}	
.in-view .spin {
  width: 100%;
  height: 100%;  
  animation: spin 5000ms 3 0.5s linear;}

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

@-webkit-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@-moz-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@-ms-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@-o-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@keyframes width1 {
    0% {width: 0px;}
    100% {width: 100%; }
}
.width-animation img{ width:122px; right:0px; top:0px; position:absolute; left:auto; }
.width-animation1{height: 122px; width:0px; overflow: hidden; position: absolute; right: 0; top: 0px;}
.in-view .width-animation1{
	-webkit-animation: width1 1.4s 1 0.5s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 1.4s 1 0.5s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 1.4s 1 0.5s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 1.4s 1 0.5s;   -o-animation-fill-mode: forwards; 
    animation: width1 1.4s 1 0.5s;  animation-fill-mode: forwards;}

.circle_icon .gear1{    width: 33px;  left: 22px;  top: 27px;}
.circle_icon .gear2{width: 52px;  left: 40px;  top: 46px;}
@keyframes s-gear1{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-webkit-keyframes s-gear1{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.in-view .gear2, .active .fp-slide.active .spin1{animation:s-gear1 3s infinite linear;@-webkit-animation:s-gear1 3s infinite linear; z-index:1;}

@keyframes s-gear2{0%{transform:rotate(359deg)}100%{transform:rotate(0deg)}}
@-webkit-keyframes s-gear2{0%{transform:rotate(359deg)}100%{transform:rotate(0deg)}}
.in-view .gear1, .active .fp-slide.active .spin2{animation:s-gear2 3s infinite linear;@-webkit-animation:s-gear2 3s infinite linear; z-index:1;}
.circlesec_icon img.spin1{width: 30px;  left: 43px;  top: 38px; position:absolute;}
.circlesec_icon img.spin2{width: 52px;  left: 58px;  top: 53px; position:absolute;}
.circle_icon .la{    width: 23px;}
.circle_icon .larrow1{  left: 54px;  top: 60px;}
.circle_icon .larrow2{  left: 48px;  top: 71px;}
.in-view .larrow1{
	-webkit-animation: left1 0.4s 1 0.8s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: left1 0.4s 1 0.8s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: left1 0.4s 1 0.8s;   -ms-animation-fill-mode: forwards; 
	-o-animation: left1 0.4s 1 0.8s;   -o-animation-fill-mode: forwards; 
    animation: left1 0.4s 1 0.8s;  animation-fill-mode: forwards;}
.in-view .larrow2{
	-webkit-animation: left2 0.4s 1 0.8s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: left2 0.4s 1 0.8s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: left2 0.4s 1 0.8s;   -ms-animation-fill-mode: forwards; 
	-o-animation: left2 0.4s 1 0.8s;   -o-animation-fill-mode: forwards; 
    animation: left2 0.4s 1 0.8s;  animation-fill-mode: forwards;}	
@-webkit-keyframes left1 {
    0% {left: 54px;}
   100% {left: 50px; }
}
@-moz-keyframes left1 {
    0% {left: 54px;}
   100% {left: 50px; }
}
@-ms-keyframes left1 {
    0% {left: 54px;}
   100% {left: 50px; }
}
@-o-keyframes left1 {
    0% {left: 54px;}
   100% {left: 50px; }
}
@keyframes left1 {
    0% {left: 54px;}
    100% {left: 50px; }
}
@-webkit-keyframes left2 {
    0% {left: 48px;}
   100% {left: 52px; }
}
@-moz-keyframes left2 {
    0% {left: 48px;}
   100% {left: 52px; }
}
@-ms-keyframes left2 {
    0% {left: 48px;}
   100% {left: 52px; }
}
@-o-keyframes left2 {
    0% {left: 48px;}
   100% {left: 52px; }
}
@keyframes left2 {
    0% {left: 48px;}
    100% {left: 52px; }
}
.fadeani{ opacity:0;}
.in-view .fade1a{
	-webkit-animation: fadein1 200ms linear 0.5s both;
    -moz-animation: fadein1 200ms linear 0.5s both;
    -o-animation: fadein1 200ms linear 0.5s both;
    -ms-animation: fadein1 200ms linear 0.5s both;
    animation: fadein1 200ms linear 0.5s both;}
.in-view .fade2a{
	-webkit-animation: fadein1 200ms linear 0.8s both;
    -moz-animation: fadein1 200ms linear 0.8s both;
    -o-animation: fadein1 200ms linear 0.8s both;
    -ms-animation: fadein1 200ms linear 0.8s both;
    animation: fadein1 200ms linear 0.8s both;}
.in-view .fade3a{
	-webkit-animation: fadein1 200ms linear 1.1s both;
    -moz-animation: fadein1 200ms linear 1.1s both;
    -o-animation: fadein1 200ms linear 1.1s both;
    -ms-animation: fadein1 200ms linear 1.1s both;
    animation: fadein1 200ms linear 1.1s both;}
.in-view .fade4a{
	-webkit-animation: fadein1 200ms linear 1.4s both;
    -moz-animation: fadein1 200ms linear 1.4s both;
    -o-animation: fadein1 200ms linear 1.4s both;
    -ms-animation: fadein1 200ms linear 1.4s both;
    animation: fadein1 200ms linear 1.4s both;}
.in-view .fade5a{
	-webkit-animation: fadein1 200ms linear 1.7s both;
    -moz-animation: fadein1 200ms linear 1.7s both;
    -o-animation: fadein1 200ms linear 1.7s both;
    -ms-animation: fadein1 200ms linear 1.7s both;
    animation: fadein1 200ms linear 1.7s both;}
.in-view .fade6a{
	-webkit-animation: fadein1 200ms linear 2s both;
    -moz-animation: fadein1 200ms linear 2s both;
    -o-animation: fadein1 200ms linear 2s both;
    -ms-animation: fadein1 200ms linear 2s both;
    animation: fadein1 200ms linear 2s both;}	
.in-view .fade7a{
	-webkit-animation: fadein1 200ms linear 2.3s both;
    -moz-animation: fadein1 200ms linear 2.3s both;
    -o-animation: fadein1 200ms linear 2.3s both;
    -ms-animation: fadein1 200ms linear 2.3s both;
    animation: fadein1 200ms linear 2.3s both;}	
.ani_pos_relative img { position:absolute; left:0px; top:0px;}
.width-animationlt img{ width:80px; left:0px; top:0px; position:absolute;  }
.width-animation2{height: 59px; width:0px; overflow: hidden; position: absolute; left: 0; top: 0px;}
.in-view .width-animation2{
	-webkit-animation: width1 1.4s 1 1.1s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 1.4s 1 1.1s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 1.4s 1 1.1s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 1.4s 1 1.1s;   -o-animation-fill-mode: forwards; 
    animation: width1 1.4s 1 1.1s;  animation-fill-mode: forwards;}
	
@-webkit-keyframes leftani1 {
    0% {left: 5%;}
   100% {left: 0%; }
}
@-moz-keyframes leftani1 {
    0% {left: 5%;}
   100% {left: 0%; }
}
@-ms-keyframes leftani1 {
    0% {left: 5%;}
   100% {left: 0%; }
}
@-o-keyframes leftani1 {
    0% {left: 5%;}
   100% {left: 0%; }
}
@keyframes leftani1 {
    0% {left: 5%;}
   100% {left: 0%; }
}
@-webkit-keyframes leftani2 {
    0% {left: -5%;}
   100% {left: 0%; }
}
@-moz-keyframes leftani2 {
    0% {left: -5%;}
   100% {left: 0%; }
}
@-ms-keyframes leftani2 {
    0% {left: -5%;}
   100% {left: 0%; }
}
@-o-keyframes leftani2 {
    0% {left: -5%;}
   100% {left: 0%; }
}
@keyframes leftani2 {
    0% {left: -5%;}
   100% {left: 0%; }
}	
.in-view .leftani1{
	-webkit-animation: left1 0.4s 1 1.7s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: left1 0.4s 1 1.7s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: left1 0.4s 1 1.7s;   -ms-animation-fill-mode: forwards; 
	-o-animation: left1 0.4s 1 1.7s;   -o-animation-fill-mode: forwards; 
    animation: left1 0.4s 1 1.7s;  animation-fill-mode: forwards;}
.in-view .leftani2{
	-webkit-animation: left2 0.4s 1 1.7s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: left2 0.4s 1 1.7s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: left2 0.4s 1 1.7s;   -ms-animation-fill-mode: forwards; 
	-o-animation: left2 0.4s 1 1.7s;   -o-animation-fill-mode: forwards; 
    animation: left2 0.4s 1 1.7s;  animation-fill-mode: forwards;}

.greenrotate{}
@keyframes rotate1{0%{transform:rotate(0deg)}100%{transform:rotate(90deg)}}
@-webkit-keyframes rotate1{0%{transform:rotate(0deg)}100%{transform:rotate(90deg)}}
.fp-slide.active .rotate1{
animation:rotate1 1s 1 both;
@-webkit-animation:rotate1 1s 1 both; z-index:1;}
	 
@-webkit-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@-moz-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@-ms-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@-o-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@keyframes height1 {
   0% {height: 0px;}
   100% {height: 100%; }
}

.in-view.fade01{-webkit-animation: fadein1 200ms linear 0.7s both;
    -moz-animation: fadein1 200ms linear 0.7s both;
    -o-animation: fadein1 200ms linear 0.7s both;
    -ms-animation: fadein1 200ms linear 0.7s both;
    animation: fadein1 200ms linear 2.4s both;}

.section8 .infromlt{animation:inFromLeft 1s 2.4s forwards;}

@-webkit-keyframes topani1 {
    0% {top: -5%;}
   100% {top: 0%; }
}
@-moz-keyframes topani1 {
    0% {top: -5%;}
   100% {top: 0%; }
}
@-ms-keyframes topani1 {
    0% {top: -5%;}
   100% {top: 0%; }
}
@-o-keyframes topani1 {
   0% {top: -5%;}
   100% {top: 0%; }
}
@keyframes topani1 {
    0% {top: -5%;}
   100% {top: 0%; }
}
.coin_animation{top: -5%;}

@-webkit-keyframes scale1 {
    0% {-webkit-transform: scale(1.2);}
    100% {-webkit-transform: scale(1); }
   
}
@-moz-keyframes scale1 {
    0% {-moz-transform: scale(1.2);}
   100% {-moz-transform: scale(1); }
}
@-ms-keyframes scale1 {
    0% {-ms-transform: scale(1.2);}
   100% {-ms-transform: scale(1); }
}
@-o-keyframes scale1 {
    0% {-o-transform: scale(1.2);}
   100% {-o-transform: scale(1); }
}
@keyframes scale1 {
   0% {transform: scale(1.2);}
   100% {transform: scale(1); }
}

.tl { position:relative; width:100%;}
.tline1{height: 124px;}
.tline2{height: 16px;}
.tline3{height: 246px;}
.tline4{height: 18px;}
.tline5a{height: 144px;}
.tline5b{height: 406px;}
.tline6{height: 31px; }
.tline7a{height: 105px;}
.tline7b{height: 234px;}
.tline8{height: 122px;    margin: -56px 0 -38px 0;  padding: 0px 0 0 0;}
.tline8 .tline{padding: 109px 0 0 0;}
.tline8 .icon2, .tline8 .icon3 {bottom: -18px;}
.tline8 .icon3 .width-animation img{ right:0px !important; left:auto !important;}
.tline8 .bl8{}
.tline9a{height: 137px;}
.tline9b{height: 329px;}
.tline10{height: 122px; margin: 0px 0 -89px 0;  padding: 0px 0 0 0;}
.tline10 .tline{padding: 109px 0 0 0; position:absolute;}
.tline10 .icon5{bottom: 29px;}
.tline11{height: 555px;}
.lineh1, .lineh3, .lineh5a, .lineh5b, .lineh7a, .lineh7b, .lineh9a, .lineh9ba, .lineh11, .lineh12, .lineh14, .lineh16, .lineh17, .lineh19{width:100%; height:0px; overflow:hidden;}
.linew2, .linew4, .linew6, .linew8d, .linew10a, .linew13a, .linew15a, .linew18 { height:100%; width:0px;overflow:hidden;}
.linesec1 .linew4, .linesec1 .linew8, .linesec2 .linew13, .linesec2 .linew18{    right: 0;  position: absolute;}
.linew4 img, .linew8 img, .linew13 img, .linew18 img {right: 68px; left:inherit;}
.linesec2 .lineh19, .tline19{position: absolute; bottom:0;}
.lineh19 img{bottom:0;    top: inherit; }

.animated {
	-webkit-animation-duration: 0s !important;
	   -moz-animation-duration: 0s !important;
	    -ms-animation-duration: 0s !important;
	     -o-animation-duration: 0s !important;
	        animation-duration: 0s !important;
	-webkit-animation-delay: 0s !important;
	   -moz-animation-delay: 0s !important;
	    -ms-animation-delay: 0s !important;
	     -o-animation-delay: 0s !important;
	        animation-delay: 0s !important;
	opacity: 1 !important;
}

.in-view.lineh1{overflow: hidden;height: 0px;
	-webkit-animation: height1 1.5s 1 0.9s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.5s 1 0.9s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.5s 1 0.9s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.5s 1 0.9s; -o-animation-fill-mode: forwards; 
            animation: height1 1.5s 1 0.9s; animation-fill-mode: forwards;
}	
.in-view.linew2{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.6s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.6s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.6s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.6s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.6s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh3{overflow: hidden;height: 0px;
	-webkit-animation: height1 1.5s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.5s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.5s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.5s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.5s 1 0s; animation-fill-mode: forwards;
}	
.in-view.linew4{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh5a{overflow: hidden;height: 0px;
    -webkit-animation: height1 1s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh5b{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view .cfade1{
	-webkit-animation: fadein1 200ms linear 0.2s both;
    -moz-animation: fadein1 200ms linear 0.2s both;
    -o-animation: fadein1 200ms linear 0.2s both;
    -ms-animation: fadein1 200ms linear 0.2s both;
    animation: fadein1 200ms linear 0.2s both;
}
.in-view.linew6{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0s; animation-fill-mode: forwards;
}	
.in-view.lineh7a{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh7b{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.linew8{width:100%; position:relative;}
.linew8d{height:28px; position:absolute; right:0px;top: 56px;}
.in-view .linew8d{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view .cfade2{
	-webkit-animation: fadein1 200ms linear 0.3s both;
    -moz-animation: fadein1 200ms linear 0.3s both;
    -o-animation: fadein1 200ms linear 0.3s both;
    -ms-animation: fadein1 200ms linear 0.3s both;
    animation: fadein1 200ms linear 0.3s both;
}
.in-view .cfade3{
	-webkit-animation: fadein1 200ms linear 0.5s both;
    -moz-animation: fadein1 200ms linear 0.5s both;
    -o-animation: fadein1 200ms linear 0.5s both;
    -ms-animation: fadein1 200ms linear 0.5s both;
    animation: fadein1 200ms linear 0.5s both;
}
.in-view.lineh9a{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.lineh9b{height:100%; position:relative;width:100%;}
.lineh9ba{width:100%; position:absolute; left:0px;top: 0px;}
.in-view .lineh9ba{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view .cfade4{
	-webkit-animation: fadein1 200ms linear 0.4s both;
    -moz-animation: fadein1 200ms linear 0.4s both;
    -o-animation: fadein1 200ms linear 0.4s both;
    -ms-animation: fadein1 200ms linear 0.4s both;
    animation: fadein1 200ms linear 0.4s both;
}
.in-view .cfade5{
	-webkit-animation: fadein1 200ms linear 1s both;
    -moz-animation: fadein1 200ms linear 1s both;
    -o-animation: fadein1 200ms linear 1s both;
    -ms-animation: fadein1 200ms linear 1s both;
    animation: fadein1 200ms linear 1s both;
}
.linew10{width:100%; position:relative;}
.linew10a{height:33px; position:absolute; left:0px;top: 0px;}
.in-view .linew10a{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0.2s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0.2s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0.2s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0.2s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0.4s; animation-fill-mode: forwards;
}
.in-view.lineh11{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.tline12{height: 368px;}
.tline13{height: 122px;margin: -56px 0 -45px 0;  padding: 0px 0 0 0;}
.tline13 .tline{padding: 109px 0 0 0;}
.tline13 .icon2, .tline13 .icon3 {bottom: -18px;}
.tline13 .circle_icon img{left:0px !important;}
.tline14{height: 455px;}
.tline15{height: 122px;margin: -56px 0 -41px 0;  padding: 0px 0 0 0;}
.tline15 .tline{padding: 109px 0 0 0;position:absolute;}
.tline15 .icon2, .tline15 .icon3 {bottom: -18px;}
.tline15 .circle_icon img{left:0px !important;}
.tline16{height: 157px;}
.tline17{height: 195px;}
.tline18{height: 17px;}
.tline19{height: 143px;}
.in-view.lineh12{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.linew13{width:100%; position:relative;}
.linew13a{height:21px; position:absolute; right:0px;top: 56px;}
.in-view .linew13a{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view .height-animation1{overflow: hidden;height: 0px;
-webkit-animation: height1 1.5s 1 0.65s;   -webkit-animation-fill-mode: forwards; 
	-moz-animation: height1 1.5s 1 0.65s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: height1 1.5s 1 0.65s;    -ms-animation-fill-mode: forwards; 
	-o-animation: height1 1.5s 1 0.65s;   -o-animation-fill-mode: forwards; 
    animation: height1 1.5s 1 0.65s; animation-fill-mode: forwards;
}	

.in-view .width-animation3{
	-webkit-animation: width1 1.5s 1 0.3s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 1.5s 1 0.3s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 1.5s 1 0.3s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 1.5s 1 0.3s;   -o-animation-fill-mode: forwards; 
    animation: width1 1.5s 1 0.3s;  animation-fill-mode: forwards;}	
.in-view .cfade6{
	-webkit-animation: fadein1 200ms linear 0.6s both;
    -moz-animation: fadein1 200ms linear 0.6s both;
    -o-animation: fadein1 200ms linear 0.6s both;
    -ms-animation: fadein1 200ms linear 0.6s both;
    animation: fadein1 200ms linear 0.65s both;
}
.in-view .cfade7{
	-webkit-animation: fadein1 200ms linear 0.3s both;
    -moz-animation: fadein1 200ms linear 0.3s both;
    -o-animation: fadein1 200ms linear 0.3s both;
    -ms-animation: fadein1 200ms linear 0.3s both;
    animation: fadein1 200ms linear 0.3s both;
}
.in-view.lineh14{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0.4s; animation-fill-mode: forwards;
}
.linew15{width:100%; }
.linew15a{height:25px; position:absolute; left:0px;top: 56px;}
.in-view .linew15a{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view .coin_animation{
	-webkit-animation: topani1 0.9s 1 0.4s both;     
	-moz-animation: topani1 0.9s 1 0.4s both;   
	-ms-animation: topani1 0.9s 1 0.4s both;   
	-o-animation: topani1 0.9s 1 0.4s both;   
    animation: topani1 0.9s 1 0.4s both; 
}
.in-view .scale_animation{
	-webkit-animation: scale1 0.9s 1 0.4s both;     
	-moz-animation: scale1 0.9s 1 0.4s both;   
	-ms-animation: scale1 0.9s 1 0.4s both;   
	-o-animation: scale1 0.9s 1 0.4s both;   
    animation: scale1 0.9s 1 0.4s both; 
}
.in-view.lineh16{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 1s; animation-fill-mode: forwards;
}
.in-view.lineh17{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.linew18{overflow: hidden;width: 0px;
	-webkit-animation: width1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: width1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: width1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: width1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: width1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh19{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view .farrowani{
	-webkit-animation: fadein1 300ms linear 0s both;
    -moz-animation: fadein1 300ms linear 0s both;
    -o-animation: fadein1 300ms linear 0s both;
    -ms-animation: fadein1 300ms linear 0s both;
    animation: fadein1 300ms linear 0s both;
}
.in-view .farrowani2{
	-webkit-animation: fadein1 400ms linear 0.4s both;
    -moz-animation: fadein1 400ms linear 0.5s both;
    -o-animation: fadein1 400ms linear 0.2s both;
    -ms-animation: fadein1 400ms linear 0.5s both;
    animation: fadein1 400ms linear 0.5s both;
}
@media only screen and (min-width:800px) and (max-width: 990px){
   #section0 .sap_wrapper{ margin: -208px 0 -278px -44px;  transform: scale(0.8);}
   #section1 .sap_wrapper{ margin: -3px 0 -76px -44px;  transform: scale(0.8);}
   #section2 .sap_wrapper{ margin: -93px 0 -120px -44px;  transform: scale(0.8);}
   #section2 .footer .sap_wrapper{margin:0px;}
   	.section9 {margin: 135px 0 86px 0;}
   #section1 .blueline1 img{width: 980px;   transform: scale(0.8,1);  margin: 0 0 0 -41px;}
   #section1 .sap_wrapper.circle_bline{transform: none !important;}

}
@media only screen and (min-width:800px) and (max-width: 1200px){
     .sap_wrapper {    width: 980px;}
    .fp-slides .sap_wrapper, #section1 .fp-slides .sapcontent_wrapper_inner {    width: 90%;  max-width: 980px;}
	#section1 .circle_bline .sapcontent_wrapper_inner{position: relative; width: 980px; }
    .fp-slides .fp-tableCell{ display:table !important;}
    .blueline{top:177px;}
    .blueline.blueline1, .blueline.blueline2 {  top: 0;}
    .linesec1 img, .linesec2 img{width:980px;}
    .linew4 img, .linew8 img, .linew13 img, .linew18 img {  right: 43px;}
    .tline1{height: 98px;}
.tline2{height: 13px;}
.tline3{height: 195px;}
.tline4{height: 14px;}
.tline5a{height: 114px;}
.tline5b{height: 322px;}
.tline6{height: 25px; }
.tline7a{height: 84px;}
.tline7b{height: 186px;}
.tline8{height: 116px;    margin: -56px 0 -38px 0;  padding: 0px 0 0 0;}
.tline8 .tline{padding: 109px 0 0 0;}
.tline8 .icon2, .tline8 .icon3 {bottom: -18px;}
.tline8 .icon3 .width-animation img{ right:0px !important; left:auto !important;}
.tline8 .bl8{}
.tline9a{height: 108px;}
.tline9b{height: 262px;}
.tline10{height: 115px; margin: 0px 0 -89px 0;  padding: 0px 0 0 0;}
.tline10 .tline{padding: 109px 0 0 0; position:absolute;}
.tline10 .icon5{bottom: 29px;}
.tline11{height: 441px;}
.tline12 {  height: 293px;}
.tline13{height: 118px;margin: -56px 0 -45px 0;  padding: 0px 0 0 0;}
.tline13 .tline{padding: 109px 0 0 0;}
.tline13 .icon2, .tline13 .icon3 {bottom: -18px;}
.tline13 .circle_icon img{left:0px !important;}
.tline14{height: 361px;}
.tline15{height: 117px;margin: -56px 0 -41px 0;  padding: 0px 0 0 0;}
.tline15 .tline{padding: 109px 0 0 0;position:absolute;}
.tline15 .icon2, .tline15 .icon3 {bottom: -18px;}
.tline15 .circle_icon img{left:0px !important;}
.tline16{height: 124px;}
.tline17{height: 155px;}
.tline18{height: 13px;}
.tline19{height: 113px;}

.circle_icon{transform: scale(0.8);margin: 0 0 0 -10px;}
.circle_icon .gear1 {  width: 33px !important;}
.circle_icon .gear2 {  width: 52px !important;}
.circle_icon .la {  width: 23px !important;}
.circle_icon img {   width: 100% !important;}

    
	.heading1 {   font-size: 45px;  line-height: 56px;  margin: -99px 0 0 0;}
	.heading2 {   font-size: 20px;  line-height: 26px;}
	.heading3 {   font-size: 21px;  line-height: 27px;}
	.section1 {   padding: 422px 0 0 0;}
	.section2 {   margin: 87px 0 0 0;}
	.section3 {   margin: 108px 0 0 0;}
	.color_bg {  margin: 145px 0 0 0;}
	.section5 {   margin: 80px 0 0 0;padding: 0 0 8px 0;}
	.section6 {   /*margin: 156px 0 0 0;*/}
	.section7 {   margin: 0px 0 0 0;}
	.section8 .color_bg {  margin: 153px 0 0 0;}
	.section9 {margin: 135px 0 148px 0;}
	.section8 .color_block{padding:8px 10px !important;}
	.section8 .description{margin: 0 0 16px 0;}
	.color_bg .blueblock-text{width:69%;}
	.blueblock-text {  width: 83%;}
	.color_bg .blueblock-text {  font-size: 12px;}
	.icon5 {bottom: -160px;}
	.section8 .icon2, .section8 .icon3 {bottom: -160px;}
	.font4{font-size:10px;}
	.farrowani img{width:160px !important;}
	.farrowani {  top: -97px;  left: 128px;}
		
}
@media only screen and (min-width:1200px) and (max-width: 1330px){
	.heading1 {   font-size: 55px;  line-height: 66px;  margin: -99px 0 0 0;}
	.heading2 {   font-size: 27px;  line-height: 33px;}
	.heading3 {   font-size: 29px;  line-height: 33px;}
	.section1 {   padding: 519px 0 0 0;}
	.section2 {   margin: 166px 0 0 0;}
	.section3 {   margin: 204px 0 0 0;}
	.color_bg {  margin: 242px 0 0 0;}
	.section5 {   margin: 172px 0 0 0;}
	.section6 {   /*margin: 156px 0 0 0;*/}
	.section7 {   margin: 0px 0 0 0;}
	.section8 .color_bg {  margin: 192px 0 0 0;}
	.blueblock-text{width:86%;}
	.color_bg .blueblock-text {  font-size: 14px;}
	
	.hand {margin: -9% 0 0 -11%;}
	.blueline{left:-40px;}
	.blueline1 {   left: 28px;}
	.blueline2 {   left: -36px;}
	.linesec1 img, .linesec2 img{min-height:100%;}
	.linesec1 .circle_icon img, .linesec2 .circle_icon img{min-height:auto;}
	
	.icon5 {bottom: -160px;}
	.section8 .icon2, .section8 .icon3 {bottom: -160px;}
	.font4{font-size:10px;}
		
}
@media only screen and (min-width:1200px) and (max-width: 3200px){
    .sap_wrapper {    width: 1234px;}
    .fp-slides .sap_wrapper, #section1 .fp-slides .sapcontent_wrapper_inner {    width: 90%;  max-width: 1234px;}
	#section1 .circle_bline .sapcontent_wrapper_inner{position: relative; width: 1234px; }
    .fp-slides .fp-tableCell{ display:table !important;}
}
@media only screen and (min-width:1000px) and (max-width: 3200px) and (min-height: 300px) and (max-height: 650px){
    .fp-slides{transform: scale(0.8);  margin: 0 0 0 -15px;}
    .fp-slides .section6 {   transform: scale(0.9); margin: -19px 0 0 -46px !important;}
    .fp-slides .sap_wrapper_inner {  width: 93%;}
}
@media only screen and (min-width:1200px) and (max-width: 3200px) and (min-height: 690px) and (max-height: 1080px){
	.in-view.lineh5b{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh7b{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh9a{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.in-view.lineh9b, .in-view.lineh17{overflow: hidden;height: 0px;
    -webkit-animation: height1 1.4s 1 0s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.4s 1 0s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.4s 1 0s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.4s 1 0s; -o-animation-fill-mode: forwards; 
            animation: height1 1.4s 1 0s; animation-fill-mode: forwards;
}
.section2 .in-view .infromrt{animation:inFromRight 1s 5.3s forwards;}
.section2 .in-view.fade0{
	-webkit-animation: fadein1 200ms linear 5.3s both;
    -moz-animation: fadein1 200ms linear 5.3s both;
    -o-animation: fadein1 200ms linear 5.3s both;
    -ms-animation: fadein1 200ms linear 5.3s both;
    animation: fadein1 200ms linear 5.3s both;}

.section2 .in-view .fade1{
	-webkit-animation: fadein1 200ms linear 5.4s both;
    -moz-animation: fadein1 200ms linear 5.4s both;
    -o-animation: fadein1 200ms linear 5.4s both;
    -ms-animation: fadein1 200ms linear 5.4s both;
    animation: fadein1 200ms linear 5.4s both;}
.in-view .cfade1{
	-webkit-animation: fadein1 200ms linear 6.2s both;
    -moz-animation: fadein1 200ms linear 6.2s both;
    -o-animation: fadein1 200ms linear 6.2s both;
    -ms-animation: fadein1 200ms linear 6.2s both;
    animation: fadein1 200ms linear 6.2s both;}

}
@media only screen and (min-width:1200px) and (max-width: 3200px) and (min-height: 690px) and (max-height: 1080px){
	
}
@media only screen and (min-width:1024px) and (max-width: 1124px){
    #section1 .sap_wrapper_inner {margin: 0 0 0 38px !important;}
     #section1 .right_content{width:49% !important;}
}