body{background:#f4f9fa; background: linear-gradient(#f4f9fa, #81bbfd);  color:#000; font-size:13px; font-family:asp-font;     background-repeat: no-repeat;}
@media only screen and (max-width: 767px) {
    body {
        background: #bedff5;
    }
}
#container { display:block; }

@media only screen and (orientation:portrait){

  #container {

    margin-top: 647px;
    width: 184vw;
    position: absolute;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }
  .title-1 {margin-top:-19px !important;}


}

@media only screen and (orientation:landscape){

  #container {
     background: #bedff5;
     -webkit-transform: rotate(0deg);

     -moz-transform: rotate(0deg);

     -o-transform: rotate(0deg);

     -ms-transform: rotate(0deg);

     transform: rotate(0deg);

  }


}

@media screen and (max-width: 992px) {
 .left-block {max-width:600px;}
}

@font-face {
    font-family: asp-font;
    src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: asp-font-bold;
    src: url("../fonts/OpenSans-Bold.ttf");
}


.float-left{float:left;}
.float-right{float:right;}
.clearfix{clear:both;}

.title {
    font-family:asp-font-bold;
    top:0px;
    text-align:center;
    width: 99%;
    position: relative;
    -webkit-animation-name: title; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: title;
    animation-duration: 1s;
	font-size: 30px; text-align: center; font-weight: bold; color:#666;
	position:absolute;
    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes title {
    0%   {left:0px; top:150px; font-size:40px;}
    100% {left:0px; top:0px; font-size:30px;}
}

/* Standard syntax */
@keyframes title {
    0%   {left:0px; top:150px; font-size:40px;}
    100% {left:0px; top:0px; font-size:30px;}
}
.title-1{text-align:center;
 width: 99%; color: #666; font-size: 30; text-align: center; font-family:asp-font-bold;  margin-top: 0px;
 }




.cloudasp img{
    width: 99%;
    max-width: 289px;
    position: absolute;
    -webkit-animation: cloudasp 1s 1;
    animation: cloudasp 1s 1;
    top: 100px;
    right: 25%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes cloudasp {
    0%   { top:150px; font-size:50px;}
    100% { top:100px; font-size:36px;}
}

/* Standard syntax */
@keyframes cloudasp {
    0%   { top:150px; font-size:50px;}
    100% { top:100px; font-size:36px;}
}
.cloudasp-1 img{
    width: 99%;
    max-width: 289px;
    position: absolute;
    top: 100px;
    right: 25%;
 }

.gstn-server img {
    width:99%; max-width:174px;
    position: absolute;
    -webkit-animation: gstnserver 1s 1;
    animation: gstnserver 1s 1;
    top: 100px;
    right: 0;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes gstnserver {
    0%   {right:0px; top:150px;}
    100% {right:0px; top:100px;}
}

/* Standard syntax */
@keyframes gstnserver {
    0%   {right:0px; top:150px;}
    100% {right:0px; top:100px;}
}
.gstn-server-1 img{
    width:99%; max-width:174px;
    position: absolute;
    position: absolute;
    top: 100px;
    right: 0;
    
 }

 
.erp-asp-dock img {
    max-width:35px;
    width:100%;
    position: absolute;
    -webkit-animation: erp-asp-dock 1s 1;
    animation: erp-asp-dock 1s 1;
    top: 191px;
    left: 25%;
	z-index: -2;
	opacity:0;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes erp-asp-dock {
     0%   {left:15%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:25%; opacity:0;  top:184px; max-width:35px;}
}

/* Standard syntax */
@keyframes erp-asp-dock {
     0%   {left:15%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:25%; opacity:0;  top:184px; max-width:35px;}
}


.asp-asptax-dock img {
    max-width:35px;
    width:100%;
    position: absolute;
    -webkit-animation: asp-asptax-dock 2s 1;
    animation: asp-asptax-dock 2s 1;
    top: 199px;
    left: 59%;
	z-index: -2;
	opacity:0;
  }
  
/* Chrome, Safari, Opera */
@-webkit-keyframes asp-asptax-dock {
     0%   {left:37%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:59%; opacity:0;  top:199px; max-width:35px;}
}

/* Standard syntax */
@keyframes asp-asptax-dock {
      0%   {left:37%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:59%; opacity:0;  top:199px; max-width:35px;}
}


.asptax-gstn-dock img {
    max-width:35px;
    width:100%;
    position: absolute;
    -webkit-animation: asptax-gstn-dock 2s 1;
    animation: asptax-gstn-dock 2s 1;
    top: 199px;
    left: 90%;
	z-index: -2;
	opacity:0;
  }
  
/* Chrome, Safari, Opera */
@-webkit-keyframes asptax-gstn-dock {
     0%   {left:70%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:90%; opacity:0;  top:199px; max-width:35px;}
}

/* Standard syntax */
@keyframes asptax-gstn-dock {
      0%   {left:70%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:90%; opacity:0;  top:199px; max-width:35px;}
}




.gstn-cockpit-dock img {
    max-width:35px;
    width:100%;
    position: absolute;
    -webkit-animation: gstn-cockpit-dock 2s 1;
    animation: gstn-cockpit-dock 2s 1;
    top: 199px;
    left: 65%;
	z-index: -2;
	opacity:0;
  }
  
/* Chrome, Safari, Opera */
@-webkit-keyframes gstn-cockpit-dock {
    0%   {left:90%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:65%; opacity:0;  top:199px; max-width:35px;}
}

/* Standard syntax */
@keyframes gstn-cockpit-dock {
    0%   {left:90%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:65%; opacity:0;  top:199px; max-width:35px;}
}

.gstn-cockpit-dock-1 img {
    max-width:35px;
    width:100%;
    position: absolute;
    -webkit-animation: gstn-cockpit-dock-1 2s 1;
    animation: gstn-cockpit-dock-1 2s 1;
    top: 199px;
    left: 37%;
	z-index: -2;
	opacity:0;
  }
  
/* Chrome, Safari, Opera */
@-webkit-keyframes gstn-cockpit-dock-1 {
    0%   {left:60%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:37%; opacity:0;  top:199px; max-width:35px;}
}

/* Standard syntax */
@keyframes gstn-cockpit-dock-1 {
    0%   {left:60%; opacity:1;  top:178px;  max-width:93px;}
    100% {left:37%; opacity:0;  top:199px; max-width:35px;}
}



.excel-icon img{
    max-width:95px;
    width:100%;
    position: absolute;
    -webkit-animation: excel-icon 1s infinite;
    animation: excel-icon 1s infinite ;
    left: 0;
    right: 0;
    margin: 100px auto;
    display: block;
    z-index: 99999;
	cursor: pointer;
  }
  
/* Chrome, Safari, Opera */
@-webkit-keyframes excel-icon {
    0%   {max-width:65px}
    50% {max-width:95px}
	100% {max-width:65px}
}

/* Standard syntax */
@keyframes excel-icon {
    0%   {max-width:65px}
    50% {max-width:95px}
	100% {max-width:65px}
}



.erpsystem img {
     max-width:176px; width:99%; display: block;
    position: absolute;
    -webkit-animation: erpsystem 1s 1;
    animation: erpsystem 1s 1;
    top: 130px;
    left: 7%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes erpsystem {
     0%   {top:200px;}
    100% {top:130px;}
}

/* Standard syntax */
@keyframes erpsystem {
      0% {top:200px;}
    100% {top:130px;}
}
.erpsystem-1 img{
    max-width:176px; width:99%; display: block;
    position: absolute;
    top: 130px;
    left: 7%;
 }
 
 
 
 .cockpit img {
    max-width:159px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: cockpit 1s 1;
    animation: cockpit 1s 1;
    top: 116px;
    left: 29%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes cockpit {
     0%   {top:200px;}
    100% {top:116px;}
}

/* Standard syntax */
@keyframes cockpit {
    0%   {top:200px;}
    100% {top:116px;}
}

 .cockpit-1 img {
    max-width:159px; width:99%; display: block;
    position: absolute;
    top: 116px;
    left: 29%;
}
  
.cockpit-down-arrow img {
    max-width:51px; width:99%; display: block;
    position: absolute;
    -webkit-animation: cockpit-down-arrow 1s 1;
    animation: cockpit-down-arrow 1s 1;
    top: 275px;
    left: 33.5%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes cockpit-down-arrow {
    0%  {top:250px; }
    100% {top:275px; }
}

/* Standard syntax */
@keyframes cockpit-down-arrow {
     0%   {top:250px; }
    100% {top:275px; }
}
.cockpit-down-arrow-1 img{
    max-width:51px; width:99%; display: block;
    position: absolute;
    top: 275px;
    left: 33.5%;
 }
 
 
 .asptax-down-arrow img {
    max-width:51px; width:99%; display: block;
    position: absolute;
    -webkit-animation: asptax-down-arrow  1s 1;
    animation: asptax-down-arrow 1s 1;
    top: 275px;
    left: 63%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes asptax-down-arrow  {
    0%  {top:250px; }
    100% {top:275px; }
}

/* Standard syntax */
@keyframes asptax-down-arrow {
     0%   {top:250px; }
    100% {top:275px; }
}
.asptax-down-arrow-1 img{
    max-width:51px; width:99%; display: block;
    position: absolute;
    top: 275px;
    left: 63%;
 }
  
 
.create-sales-invoice-tab img {
   max-width: 214px;
    width: 99%;
    display: block;
    position: absolute;
    -webkit-animation: create-sales-invoice-tab 2s 1;
    animation: create-sales-invoice-tab 2s 1;
    top: 380px;
    left: 9.5%;
	cursor:pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes create-sales-invoice-tab {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:380px;  opacity:1; left:9.5% }
}

/* Standard syntax */
@keyframes create-sales-invoice-tab {
      0%  {top:500px;  opacity:.1; left:85% }
    100% {top:380px;  opacity:1; left:9.5% }
}
.create-sales-invoice-tab-1 img{
    max-width: 214px;
    width: 99%;
    display: block;
    position: absolute;
    top: 380px;
    left: 9.5%;
	cursor: pointer;
 }
 
 .create-sales-invoice-tab-2 img{
    max-width: 214px;
    width: 99%;
    display: block;
    position: absolute;
    top: 380px;
    left: 9.5%;
 }
 
 .utd-tab img {
    max-width:253px; width:99%; display: block;
    position: absolute;
    -webkit-animation: utd-tab 2s 1;
    animation: utd-tab 2s 1;
    top: 380px;
    left: 25.5%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes utd-tab {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:380px;  opacity:1; left:25.5% }
}

/* Standard syntax */
@keyframes utd-tab {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:380px;  opacity:1; left:25.5% }
}
 .utd-tab-1 img {
    max-width:253px; width:99%; display: block;
    position: absolute;
    top: 380px;
    left: 25.5%;
  } 
 
  .utd-tab-4 img {
    max-width:253px; width:99%; display: block;
    position: absolute;
    top: 380px;
    left: 25.5%;
	cursor:pointer;
  } 
 .save-tab img {
    max-width:123; width:99%; display: block;
    position: absolute;
    -webkit-animation: save-tab 2s 1;
    animation: save-tab 2s 1;
    top: 380px;
    left: 40%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes save-tab {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:380px;  opacity:1; left:40% }
}

/* Standard syntax */
@keyframes save-tab {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:380px;  opacity:1; left:40% }
}
.save-tab-1 img{
    max-width:123px; width:99%; display: block;
    position: absolute;
    top: 380px;
    left:  40%;
 }
  
.data-verify-tab img {
    max-width:147px; width:99%; display: block;
    position: absolute;
    -webkit-animation: data-verify-tab 2s 1;
    animation: data-verify-tab 2s 1;
    top: 380px;
    left: 65%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes data-verify-tab {
    0%  {top:500px;  opacity:.1; left:15% }
    100% {top:380px;  opacity:1; left:65% }
}

/* Standard syntax */
@keyframes data-verify-tab {
      0%  {top:500px;  opacity:.1; left:15% }
    100% {top:380px;  opacity:1; left:65% }
}
.data-verify-tab-1 img{
    max-width:147px; width:99%; display: block;
    position: absolute;
    top: 380px;
    left: 65%;
 }
 
  .data-verify-tab-2 img{
    max-width:147px; width:99%; display: block;
    position: absolute;
    top: 380px;
    left: 65%;
	cursor: pointer;
 }
 .submit-tab img {
    max-width:123px; width:99%; display: block;
    position: absolute;
    -webkit-animation: submit-tab 2s 1;
    animation: submit-tab 2s 1;
    top: 380px;
    left: 76.4%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes submit-tab {
    0%  {top:500px;  opacity:.1; left:15% }
    100% {top:380px;  opacity:1; left:76.4% }
}

/* Standard syntax */
@keyframes submit-tab {
      0%  {top:500px;  opacity:.1; left:15% }
    100% {top:380px;  opacity:1; left:76.4% }
}
.submit-tab-1 img{
    max-width: 123px;
    width: 99%;
    display: block;
    position: absolute;
    top: 380px;
    left: 76.4%;
 }
 
 .submit-tab-2 img{
    max-width: 123px;
    width: 99%;
    display: block;
    position: absolute;
    top: 380px;
    left: 76.4%;
	cursor: pointer;
 }
 
.generate-report img {
    max-width:187px; width:99%; display: block;
    position: absolute;
    -webkit-animation: generate-report 2s 1;
    animation: generate-report 2s 1;
    top: 430px;
    left: 26.8%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes generate-report {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:430px;  opacity:1; left:26.8% }
}

/* Standard syntax */
@keyframes generate-report {
      0%  {top:500px;  opacity:.1; left:85% }
    100% {top:430px;  opacity:1; left:26.8% }
}
.generate-report-1 img{
    max-width: 187px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 26.8%;
 }
 .generate-report-2 img{
    max-width: 187px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 26.8%;
	cursor:pointer;
 }
 
  .generate-report-4 img{
    max-width: 187px !important;
    width: 99% !important;
    display: block !important;
    position: absolute !important;
    top: 349px !important;
    cursor: pointer;
 }
 
 
 .get-field-summery img {
    max-width:187px; width:99%; display: block;
    position: absolute;
    -webkit-animation: get-field-summery 2s 1;
    animation: get-field-summery 2s 1;
    top: 431px;
    left: 11%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes get-field-summery {
    0%  {top:500px;  opacity:.1; left:85% }
    100% {top:431px;  opacity:1; left:11% }
}

/* Standard syntax */
@keyframes get-field-summery {
      0%  {top:500px;  opacity:.1; left:85% }
    100% {top:431px;  opacity:1; left:11% }
}
.get-field-summery-1 img{
    max-width: 187px;
    width: 99%;
    display: block;
    position: absolute;
    top: 431px;
    left: 11%;
 }
 .get-field-summery-2 img{
    max-width: 187px;
    width: 99%;
    display: block;
    position: absolute;
    top: 431px;
    left: 11%;
	cursor: pointer;
 }
 .left-block{position: absolute;
    width: 99%;
    max-width: 600px;
    background: #f7f7f7;
    height: 453px;
    z-index: -1;
    left: 20px;
    opacity: .3;
    border: 1px solid #ccc;
    border-radius: 25px;
    top: 50px;
    box-shadow: 1px 1px 5px #000;
}

.left-block-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 18px;
    width: 574px;
    color: #000;
    left: 1.8%;
    top: 51px;
    position: absolute;
}
 
 
 
 
 
 
 
 .extract-icon img {
    max-width:84px; width:99%; display: block;
    position: absolute;
    -webkit-animation: extract-icon 1s 1;
    animation: extract-icon 1s 1;
    position: absolute;
    top: 155px;
    left: 24%;
    z-index: -1;
  }
/* Chrome, Safari, Opera */
@-webkit-keyframes extract-icon {
    0%  {left:26% }
    100% {left:24% }
}

/* Standard syntax */
@keyframes extract-icon {
      0%  {left:26% }
    100% {left:24% }
}
.extract-icon-1 img{
    max-width: 84px;
    width: 99%;
    display: block;
    position: absolute;
    top: 155px;
    left: 24%;
	z-index: -1;
 }

  .extract-icon-3 img {
    max-width:84px; width:99%; display: block;
    position: absolute;
    -webkit-animation: extract-icon-3 1s 1;
    animation: extract-icon-3 1s 1;
    position: absolute;
    top: 155px;
    left: 31%;
    z-index: -1;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes extract-icon-3 {
    0%  {left:24% }
    100% {left:31% }
}

/* Standard syntax */
@keyframes extract-icon-3 {
      0%  {left:24% }
    100% {left:31% }
}
 
 .text-message {
    font-size: 18px;
    color: green;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    width: 40%;
    top: 437px;
    left: 53%;
    position: absolute;
    border-radius: 10px;
    text-align: center;
}
 
  .text-message-print {
       font-size: 18px;
    color: green;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    width: 35%;
    top: 407px;
    left: 62%;
    position: absolute;
    border-radius: 10px;
    text-align: center;
}
 
 
.support-text {
    font-size: 18px;
    color: green;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    width: 75%;
    top: 517px;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
}
 .data-verify {max-width: 58px;
    width: 99%;
    display: block;
    position: absolute;
    top: 82px;
    left: 66%;
    z-index: 9999;
}
 
 .loader img {
    max-width: 30px;
    width: 99%;
    display: block;
    position: absolute;
    position: absolute;
    top: 100px;
    left: 68%;
    z-index: 9999;
}
 
.verify-icon img {
    max-width: 29px;
    width: 99%;
    display: block;
    position: absolute;
    top: 103px;
    left: 68%;
    z-index: 9999;
}
 
.right-icon{
	width: 29px !important;
	margin-left: 10px !important;
    margin-top: 9px !important;
 }
 
  
 .wizard-step img{
    max-width: 579px;
	width:99%;
    position: absolute;
	-webkit-animation: wizard-step 1s 1;
    animation: wizard-step 1s 1;
    z-index: 9999;
    top: 323px;
    left: 19px;
	opacity:1;
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes wizard-step {
    0%  {top:250px;  opacity:0;}
    100% {top:323px; opacity:1;}
}

/* Standard syntax */
@keyframes wizard-step {
    0%  {top:250px;  opacity:0;}
    100% {top:323px; opacity:1;}
}
.wizard-step-1 img{
    max-width: 579px;
	width:99%;
    position: absolute;
    z-index: 9999;
    top: 323px;
    left: 19px;
	opacity:1;
 }

.wizard-step-2 img{
    max-width: 579px;
	width:99%;
    position: absolute;
	-webkit-animation: wizard-step-2 1s 1;
    animation: wizard-step-2 1s 1;
    z-index: 9999;
    top: 323px;
    left: 19px;
	opacity:0;
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes wizard-step-2 {
    0%  {top:323px;  opacity:1;}
    100% {top:250px; opacity:0;}
}

/* Standard syntax */
@keyframes wizard-step-2 {
    0%  {top:323px;  opacity:1;}
    100% {top:250px; opacity:0;}
}

.generate-report-block img {
    max-width: 756px;
	width:99%;
    position: absolute;
	-webkit-animation: generate-report-block 1s 1;
    animation: generate-report-block 1s 1;
    z-index: 9999;
    top: -8px;
    left: 0px;
	margin: 0 auto;
    display: block;
    right: 0;
	opacity:1;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes generate-report-block {
    0%  { opacity:0;}
	100% { opacity:1;}
}

/* Standard syntax */
@keyframes generate-report-block {
      0%  { opacity:0;}
	100% { opacity:1;}
}


.generate-report-block-1 img {
    max-width: 756px;
    width: 99%;
    position: absolute;
    z-index: 9999;
    top: -8px;
    left: 0;
    opacity: 1;
    margin: 0 auto;
    display: block;
    right: 0;
}

.generate-report-block-2 img {
    max-width: 756px;
	width:99%;
    position: absolute;
	-webkit-animation: generate-report-block-2 1s 1;
    animation: generate-report-block-2 1s 1;
    z-index: 9999;
    top: -8px;
    left: 0px;
	margin: 0 auto;
    display: block;
    right: 0;
	opacity:0;
	cursor: pointer;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes generate-report-block-2 {
    0%  { opacity:1;}
	100% { opacity:0;}
}

/* Standard syntax */
@keyframes generate-report-block-2 {
      0%  { opacity:1;}
	100% { opacity:0;}
}

.upload-dsc { background: #336699;
    color: #fff;
    padding: 10px;
    width: 115px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 10px;
    display: block;
	cursor: pointer;
}

.arrow-cloud img {
     max-width:92px; width:99%; display: block;
    position: absolute;
    -webkit-animation: arrow-cloud 1s infinite;
    animation: arrow-cloud 1s infinite;
    top: 150px;
    right: 10%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-cloud {
    0%   {right:23%; opacity:0; }
    50%   {right:17%; opacity:1;}
	100% {right:10%; opacity:0; }
}

/* Standard syntax */
@keyframes arrow-cloud {
   0%   {right:23%; opacity:0; }
    50%   {right:17%; opacity:1;}
	100% {right:10%; opacity:0; }
}


.arrow-server img {
     max-width:92px; width:99%; display: block;
    position: absolute;
    -webkit-animation: arrow-server 1s infinite;
    animation: arrow-server 1s infinite;
    animation-duration: 1s;
    top: 220px;
    right: 23%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-server {
     0%   {right:10%; opacity:0; }
    50%   {right:17%; opacity:1;}
	100% {right:23%; opacity:0; }
}

/* Standard syntax */
@keyframes arrow-server {
    0%   {right:10%; opacity:0; }
    50%   {right:17%; opacity:1;}
	100% {right:23%; opacity:0; }
}

.cancel-tab img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    -webkit-animation-name: cancel-tab;
    -webkit-animation-duration: 1s;
    animation-name: cancel-tab;
    animation-duration: 1s;
    top: 430px;
    left: 27.7%;
    cursor: pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes cancel-tab {
    0%  {top:500px;   left:80% }
    100% {top:430px;  left:27.7% }
}

/* Standard syntax */
@keyframes cancel-tab {
    0%  {top:500px;   left:80%;}
    100% {top:430px;  left:27.7%;}
}

.cancel-tab-1 img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 27.7%;
    cursor: pointer;
  }
.cancel-tab-2 img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 27.7%;
    cursor: pointer;
  }

.print-tab img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    -webkit-animation-name: print-tab;
    -webkit-animation-duration: 1s;
    animation-name: print-tab;
    animation-duration: 1s;
    top: 430px;
    left: 18.7%;
    cursor: pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes print-tab {
    0%  {top:500px;  left:80% }
    100% {top:430px; left:18.7% }
}

/* Standard syntax */
@keyframes print-tab {
    0%  {top:500px;   left:80% }
    100% {top:430px;  left:18.7% }
}
 
 .print-tab-1 img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 18.7%;
    cursor: pointer;
  }
 
 .print-tab-2 img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 18.7%;
    cursor: pointer;
  } 
 
 .print-tab-3 img {
    max-width: 116px;
    width: 99%;
    display: block;
    position: absolute;
    top: 430px;
    left: 18.7%;
    cursor: pointer;
  } 
 
.generate-tab img {
    max-width:133px; width:99%; display: block;
    position: absolute;
    -webkit-animation: generate-tab 2s 1;
    animation: generate-tab 2s 1;
    top: 430px;
    left: 8.5%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes generate-tab {
    0%  {top:500px;  left:80% }
    100% {top:430px;  left:8.5% }
}

/* Standard syntax */
@keyframes generate-tab {
      0%  {top:500px;  left:80% }
    100% {top:430px;  left:8.5% }
}

.generate-tab-1 img {
    max-width:133px; width:99%; display: block;
    position: absolute;
    top: 430px;
    left: 8.5%;
}

.generate-tab-2 img {
    max-width:133px; width:99%; display: block;
    position: absolute;
    top: 430px;
    left: 8.5%;
	cursor:pointer;
}

.update-tab img {
    max-width:118px; width:99%; display: block;
    position: absolute;
    -webkit-animation: update-tab 2s 1;
    animation: update-tab 2s 1;
    top: 430px;
    left: 36.8%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes update-tab {
    0%  {top:500px;  left:80% }
    100% {top:430px;  left:36.8% }
}

/* Standard syntax */
@keyframes update-tab {
      0%  {top:500px;  left:80% }
    100% {top:430px;  left:36.8% }
}

.update-tab-1 img {
    max-width:118px; width:99%; display: block;
    position: absolute;
    top: 430px;
    left: 36.8%;
}

.update-tab-2 img {
    max-width:118px; width:99%; display: block;
    position: absolute;
    top: 430px;
    left: 36.8%;
}
.popup-transport{margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    display: table;
    width: 500px;
	z-index:999;
	}

.popup-transport .popup-block{
	
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
	max-width:500px;
	width:99%;
}
.popup-transport textarea{
	margin: 20px;
    padding: 10px;
    color: #000;
    font-size: 14px;
    width: 92%;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.popup-block {width:300px; background:#fff; border:1px solid #ccc; border-radius:10px;}
 .popup-head {    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #336699;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px 5px 0 0;}
 .popup-body input{    border: 1px solid #ccc;
    padding: 10px;
    width: 90%;
    margin: 25px auto;
    display: table;
    border-radius: 5px;}
	
.popup-body-1  { padding: 20px;
    margin: 0 auto;
    width: 79%;
    display: table;}
 .popup-submit { background: #336699;
    color: #fff;
    padding: 10px;
    width: 115px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 10px;
    display: block;
	cursor: pointer;
	cursor: pointer
}
.popup-submit-2 {
    background: #336699;
    color: #fff;
    padding: 10px;
    width: 115px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    cursor: pointer;
}

.popup-submit-3 {
    background: #336699;
    color: #fff;
    padding: 10px;
    width: 115px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    cursor: pointer;
}

.popup-help{
	font-size: 18px;
    border-bottom: 1px dashed #ccc;
    text-align: center;
    font-weight: bold;
    color: #336699;
}

.popup-submit-2 {
    background: #336699;
    color: #fff;
    padding: 10px;
    width: 115px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    cursor: pointer;
}

 .popup-footer{background:#f7f7f7; padding:10px; border-top:1px solid #ccc;      border-radius: 0 0 12px 12px;}
 
 .dropdown {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    max-width: 146px;
    width: 99%;
    position: absolute;
    left: 6.4%;
    right: 0;
    top: 340px;
    color: #336699;
    cursor: pointer;
    -webkit-animation: dropdown 2s 1;
    animation: dropdown 2s 1;
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes dropdown {
      0% { top:229px; opacity:.0 }
	100% { top:340px; opacity: 1 }
}

/* Standard syntax */
@keyframes dropdown {
        0% { top:229px; opacity:.0 }
	100% { top:340px; opacity: 1 }
}

.dropdown-1 {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    max-width: 146px;
    width: 99%;
    position: absolute;
    left: 25%;
    right: 0;
    top: 339px;
    color: #336699;
    cursor: pointer;
	-webkit-animation: dropdown-1 2s 1;
    animation: dropdown-1 2s 1;
	z-index:999;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes dropdown-1 {
      0% { top:229px; opacity:.0 }
	100% { top:339px; opacity: 1 }
}

/* Standard syntax */
@keyframes dropdown-1 {
        0% { top:229px; opacity:.0 }
	100% { top:339px; opacity: 1 }
}



.arrow-down {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    top: 70px;
    margin-left: 56px;
}

.submit-doc {
    position: absolute;
	-webkit-animation: submit-doc 2s 1;
    animation: submit-doc 2s 1;
    width:;
    top: 277px;
    left: 85%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes submit-doc {
    0%   { left:29%; opacity:0 }
	50%    { left:55%; opacity:1 }
	100%  { left:85%; opacity:0 }
}

/* Standard syntax */
@keyframes submit-doc {
    0%   { left:29%; opacity:0 }
	50%    { left:55%; opacity:1 }
	100%  { left:85%; opacity:0 }
}





 .green-doc {
    position: absolute;
	-webkit-animation: green-doc 1s 1;
    animation: green-doc 1s 1;
    width:;
    top: 277px;
    right: 50%;
	opacity:0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes green-doc {
    0%   { right:5%; opacity:0 }
	50%    { right:26%; opacity:1 }
	100% { right:50%; opacity:0 }
}

/* Standard syntax */
@keyframes green-doc {
    0%   { right:5%; opacity:0 }
	50%    { right:26%; opacity:1 }
	100% { right:50%; opacity:0 }
}
 
.submit-doc-single {
    position: absolute;
	-webkit-animation: submit-doc-single 1s 1;
    animation: submit-doc-single 1s 1;
    width:;
    top: 277px;
    left: 85%;
	opacity:0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes submit-doc-single {
    0%  { left:29%; opacity:0 }
	0%   { left:55%; opacity:1 }
	100% { left:85%; opacity:0 }
}

/* Standard syntax */
@keyframes submit-doc-single {
    0%  { left:29%; opacity:0 }
	0%   { left:55%; opacity:1 }
	100% { left:85%; opacity:0 }
}
 
 
 
 .green-doc-single {
    position: absolute;
	-webkit-animation: green-doc-single 2s 1;
    animation: green-doc-single 2s 1;
    top: 277px;
    right: 80%;
	opacity:0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes green-doc-single {
      0% { right:15%; opacity:0 }
	 50% { right:45%; opacity:1 }
	100% { right:80%; opacity:0 }
}

/* Standard syntax */
@keyframes green-doc-single {
      0% { right:15%; opacity:0 }
	 50% { right:45%; opacity:1 }
	100% { right:80%; opacity:0 }
}

.text-message {
    font-size: 18px;
    color: green;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    width: 40%;
    top: 437px;
    left: 53%;
    position: absolute;
    border-radius: 10px;
    text-align: center;
}
.save-icon { 
    width: 23px !important;
    margin-top: 10px !important;
    margin-left: 14px !important;
}

.print-out img {
     max-width: 284px;
    width: 99%;
    display: block;
    position: absolute;
    -webkit-animation-name: print-out;
    -webkit-animation-duration: 1s;
    animation-name: print-out;
    animation-duration: 1s;
    right: 0;
    left: 0;
    top: 120px;
    z-index: 99999;
    margin: 0 auto;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes print-out {
    0%   {top:200px; opacity:.0; }
	100% {top:120px; opacity:1; }
}

/* Standard syntax */
@-webkit-keyframes print-out {
    0%   {top:200px; opacity:.0; }
	100% {top:120px; opacity:1; }
}


.print-out-1 img {
     max-width: 284px;
    width: 99%;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 120px;
    z-index: 99999;
    margin: 0 auto;
	opacity:1;
  }
  
  .submit-to-transport {
    max-width:229px;
	width:99%;
    position: absolute;
	margin: 360px auto 0;
	-webkit-animation: submit-to-transport 1s 1;
    animation: submit-to-transport 1s 1;
    display: block;
    left: 0;
    right: 0;
	cursor: pointer;
	top:94px;
	z-index:999;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes submit-to-transport {
      0% { top:70px; opacity:0 }
	100% { top:94px; opacity:1 }
}

/* Standard syntax */
@keyframes submit-to-transport {
      0% { top:70px; opacity:0 }
	100% { top:94px; opacity:1 }
}

.submit-to-transport-1 {
    max-width:229px;
	width:99%;
    position: absolute;
	margin: 360px auto 0;
	display: block;
    left: 0;
    right: 0;
}

.submit-to-transport-2 {
    max-width:229px;
	width:99%;
    position: absolute;
	margin: 360px auto 0;
    display: block;
    left: 0;
    right: 0;
	cursor: pointer;
	top:94px;
	z-index:999;
}

.truck-icon img{
    max-width:154px;
	width:99%;
    position: absolute;
	margin-top: 450px;
	-webkit-animation: truck-icon 3s 1;
    animation: truck-icon 3s 1;
    display: block;
    left: 45%;
    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes truck-icon {
      0% { left:45%; opacity:.3 }
	 50% { left:70%; opacity: 1 }  
	100% { left:90%; opacity:.3 }
}

/* Standard syntax */
@keyframes truck-icon {
     0% { left:45%; opacity:.3 }
	 50% { left:70%; opacity: 1 }  
	100% { left:90%; opacity:.3 }
}

.submit-text-3 {
        position: absolute;
    font-size: 20px;
    -webkit-animation-name: submit-text-3;
    -webkit-animation-duration: 1s;
    animation-name: submit-text-3;
    animation-duration: 1s;
    top: 349px;
    left: 55.5%;
    right: 0;
    width: 37%;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: block;
    color: #41ad49;
    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes submit-text-3 {
    0%   { opacity:.0; }
	100% { opacity:1; }
}

/* Standard syntax */
@keyframes submit-text-3 {
    0%   { opacity:.0; }
	100% { opacity:1; }
}

.support-text {
    position: absolute;
	font-size:16px;
    -webkit-animation-name: support-text;
    -webkit-animation-duration: 1s;
    animation-name: support-text;
    animation-duration: 1s;
    top: 528px;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    margin: 0 auto;
    display: table;
    width: 50%;
    left: 0;
	text-align: center;
    right: 0;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes support-text {
    0%   { opacity:.0; }
	100% { opacity:1; }
}

/* Standard syntax */
@keyframes support-text {
    0%   { opacity:.0; }
	100% {opacity:1; }
}
.popup-body-2 {
    padding: 20px;
    margin: 0 auto;
    width: 89%;
    display: table;
}
.create-tab-2,  .create-tab-2 {cursor:pointer;}


  .asptax-prototype img {
    position: absolute;
    z-index: 999;
    width: 99px;
    top: 0;
    margin-top: -10px;
    left: 2%;
}