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);

  }

}

@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);

  }

}

@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");
}




.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: 36px; text-align: center; font-weight: bold;   color:#666;
    
}

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

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




.cloudasp img{
    width: 99%;
    max-width: 369px;
    position: absolute;
    -webkit-animation-name: cloudasp;
    -webkit-animation-duration: 1s;
    animation-name: cloudasp;
    animation-duration: 1s;
    top: 100px;
    right: 35%;
    
}

/* 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: 369px;
    position: absolute;
    top: 100px;
    right: 35%;
 }

.gstn-server img {
    width:99%; max-width:214px;
    position: absolute;
    -webkit-animation-name: gstnserver;
    -webkit-animation-duration: 1s;
    animation-name: gstnserver;
    animation-duration: 1s;
    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:214px;
    position: absolute;
    position: absolute;
    top: 100px;
    right: 0;
    
 }

.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: 15%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-cloud {
    0%   {right:33%; opacity:0; }
    50%   {right:24%; opacity:1;}
	100% {right:15%; opacity:0; }
}

/* Standard syntax */
@keyframes arrow-cloud {
    0%   {right:33%; opacity:0; }
    50%   {right:24%; opacity:1;}
	100% {right:15%; 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: 30%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-server {
     0%   {right:15%; opacity:0; }
    50%   {right:24%; opacity:1;}
	100% {right:30%; opacity:0; }
}

/* Standard syntax */
@keyframes arrow-server {
     0%   {right:15%; opacity:0; }
    50%   {right:24%; opacity:1;}
	100% {right:30%; opacity:0; }
}
.arrow-server-1 img{
    max-width:92px; width:99%; display: block;
    position: absolute;
    top: 220px;
    right: 30%;
 }

.erpsystem img {
     max-width:268px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: erpsystem;
    -webkit-animation-duration: 1s;
    animation-name: erpsystem;
    animation-duration: 1s;
    top: 150px;
    left: 1%;
  }

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

/* Standard syntax */
@keyframes erpsystem {
      0% {top:200px;}
    100% {top:150px;}
}
.erpsystem-1 img{
    max-width:268px; width:99%; display: block;
    position: absolute;
    top: 150px;
    left: 1%;
 }
 
 
 
 .setting-tab img {
    max-width:93px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: setting-tab 1s infinite;
    animation: setting-tab 1s infinite;
    top: 166px;
    left: 25%;
	cursor:pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes setting-tab {
     0%   {width:93px;}
	 50%   {width:75px;}
    100% {width:93px;}
}

/* Standard syntax */
@keyframes setting-tab {
      0%   {width:93px;}
	 50%   {width:75px;}
    100% {width:93px;}
}

 
 
 

 
.popup-1 {
     max-width:400px; width:99%; display: block;
    position: absolute;
	z-index:999999;
    -webkit-animation-name: popup-1;
    -webkit-animation-duration: 1s;
    animation-name: popup-1;
    animation-duration: 1s;
    top: 120px;
    left: 20%;
	cursor: pointer;
  }

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

/* Standard syntax */
@keyframes popup-1 {
      0%   {top:200px;}
    100% {top:120px;}
}

.popup-2 {
     max-width:400px; width:99%; display: block;
    position: absolute;
	z-index:999999;
    -webkit-animation-name: popup-2;
    -webkit-animation-duration: 1s;
    animation-name: popup-2;
    animation-duration: 1s;
    top: 200px;
    left: 20%;
	opacity:0;
  }

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

/* Standard syntax */
@keyframes popup-2 {
      0%   {top:120px; opacity:1;}
    100% {top:200px; opacity:0;}
}




.popup-3 {
     max-width:400px; width:99%; display: block;
    position: absolute;
	z-index:999999;
    -webkit-animation-name: popup-3;
    -webkit-animation-duration: 1s;
    animation-name: popup-3;
    animation-duration: 1s;
    top: 73px;
    right: 24%
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes popup-3 {
    0%   {top:120px;}
    100% {top:73px;}
}

/* Standard syntax */
@keyframes popup-3 {
    0%   {top:120px;}
    100% {top:73px;}
}

.popup-4 {
     max-width:400px; width:99%; display: block;
    position: absolute;
	z-index:999999;
    -webkit-animation-name: popup-4;
    -webkit-animation-duration: 1s;
    animation-name: popup-4;
    animation-duration: 1s;
    top: 200px;
    right: 7%;
	opacity:0;
  }

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

/* Standard syntax */
@keyframes popup-4 {
      0%   {top:120px; opacity:1;}
    100% {top:200px; opacity:0;}
}






.asptax-left-arrow img {
     max-width:92px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: asptax-left-arrow;
    -webkit-animation-duration: 1s;
    animation-name: asptax-left-arrow;
    animation-duration: 1s;
    top: 150px;
    left: 25%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes asptax-left-arrow {
    0%   {left:33%; }
    100% {left:25%; }
}

/* Standard syntax */
@keyframes asptax-left-arrow {
    0%   {left:33%; }
    100% {left:25%; }
}
.asptax-left-arrow-1 img{
    max-width:92px; width:99%; display: block;
    position: absolute;
    top: 150px;
    left: 25%;
 }

 
 .erp-right-arrow img {
     max-width:92px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: erp-right-arrow;
    -webkit-animation-duration: 1s;
    animation-name: erp-right-arrow;
    animation-duration: 1s;
    top: 225px;
    left: 25%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes erp-right-arrow {
    0%   {left:20%; }
    100% {left:25%; }
}

/* Standard syntax */
@keyframes erp-right-arrow {
    0%   {left:20%; }
    100% {left:25%; }
}
.erp-right-arrow-1 img{
    max-width:92px; width:99%; display: block;
    position: absolute;
    top: 225px;
    left: 25%;
 }
 
 
 .erp-right-arrow-2 img {
     max-width:92px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: erp-right-arrow-2;
    -webkit-animation-duration: 1s;
    animation-name: erp-right-arrow-2;
    animation-duration: 1s;
    top: 225px;
    left: 30%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes erp-right-arrow-2 {
    0%   {left:15%; opacity:0;}
    50%   {left:23%; opacity:1;}
	100% {left:30%; opacity:0;}
}

/* Standard syntax */
@keyframes erp-right-arrow-2 {
    0%   {left:15%; opacity:0;}
    50%   {left:23%; opacity:1;}
	100% {left:30%; opacity:0;}
}
.erp-right-arrow-3 img {
     max-width:92px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: erp-right-arrow-3;
    -webkit-animation-duration: 1s;
    animation-name: erp-right-arrow-3;
    animation-duration: 1s;
    top: 150px;
    left: 30%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes erp-right-arrow-3 {
    0%   {left:15%; opacity:0;}
    50%   {left:23%; opacity:1;}
	100% {left:30%; opacity:0;}
}

/* Standard syntax */
@keyframes erp-right-arrow-2 {
    0%   {left:15%; opacity:0;}
    50%   {left:23%; opacity:1;}
	100% {left:30%; opacity:0;}
}

 .erp-right-arrow-4 img {
    max-width:92px; width:99%; display: block;
    position: absolute;
    top: 225px;
    left: 27%;
  }
.erp-right-arrow-5 img {
    max-width:92px; width:99%; display: block;
    position: absolute;
    top: 150px;
    left: 27%;
  }



 .asp-integration-text {
    position: absolute;
	font-size:20px;
    -webkit-animation-name: asp-integration-text;
    -webkit-animation-duration: 1s;
    animation-name: asp-integration-text;
    animation-duration: 1s;
    top: 450px;
   left: 0;
    right: 0;
    width: 500px;
    display: block;
    margin: 0 auto;
	background:#f7f7f7;
	padding:10px 30px;
	border:2px solid #ccc;
	border-radius:10px;
	color: #41ad49;
	text-align: center;
  }

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

/* Standard syntax */
@keyframes asp-integration-text {
    0%   { opacity:.0; }
	100% { opacity:1; }
}
 
 .asp-integration-text-1 {
    position: absolute;
	font-size:20px;
    top: 450px;
   left: 0;
    right: 0;
    width: 500px;
    display: block;
    margin: 0 auto;
	background:#f7f7f7;
	padding:10px 30px;
	border:2px solid #ccc;
	border-radius:10px;
	color: #41ad49;
	text-align: center;
  }
 
 
  .erp-down-arrow img {
     max-width:51px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: erp-down-arrow;
    -webkit-animation-duration: 1s;
    animation-name: erp-down-arrow;
    animation-duration: 1s;
    top: 300px;
    left: 9.4%;
  }

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

/* Standard syntax */
@keyframes erp-down-arrow {
     0%   {top:250px; }
    100% {top:300px; }
}
.erp-down-arrow-1 img{
    max-width:51px; width:99%; display: block;
    position: absolute;
     top: 300px;
    left: 9.4%;
 }
 
 .push-gst-tab img {
     max-width:200px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: push-gst-tab;
    -webkit-animation-duration: 1s;
    animation-name: push-gst-tab;
    animation-duration: 1s;
    top: 398px;
    left: 3.4%;
	cursor: pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes push-gst-tab {
    0%   {width:150px }
	50%   {width:200px }
	75%   {width:150px }
    100% {width:200px;}
}

/* Standard syntax */
@keyframes push-gst-tab {
    0%   {width:150px }
	50%   {width:200px }
	75%   {width:150px }
    100% {width:200px;}
}
.push-gst-tab-1 img{
    max-width:200px; width:99%; display: block;
    position: absolute;
    top: 398px;
    left: 3.4%;
 }
 
 
 .asptax-arrow-down img {
     max-width:51px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: asptax-arrow-down;
    -webkit-animation-duration: 1s;
    animation-name: asptax-arrow-down;
    animation-duration: 1s;
    top: 305px;
    left: 50%;
  }

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

/* Standard syntax */
@keyframes asptax-arrow-down {
     0%   {top:225px }
	100% {top:305px; }
}
.asptax-arrow-down-1 img{
    max-width:51px; width:99%; display: block;
    position: absolute;
    top: 305px;
    left: 50%;
 }
 
.asptax-save img {
     max-width:253px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: asptax-save;
    -webkit-animation-duration: 1s;
    animation-name: asptax-save;
    animation-duration: 1s;
    top: 400px;
    left: 28.3%;
	cursor: pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes asptax-save {
   0%   {left:34%; opacity:.0; }
	100% {left:28.3%; opacity:1; }
}

/* Standard syntax */
@keyframes asptax-save {
     0%   {left:34%; opacity:.0; }
	100% {left:28.3%; opacity:1; }
}
.asptax-save-1  img{
    max-width:253px; width:99%; display: block;
    position: absolute;
    top: 400px;
    left: 28.3%;
	
 }
 
.asptax-verify img {
     max-width:131px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: asptax-verify;
    -webkit-animation-duration: 1s;
    animation-name: asptax-verify;
    animation-duration: 1s;
    top: 400px;
    left: 47%;
	
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes asptax-verify {
    0%   {left:41%; opacity:.0; }
	100% {left:47%; opacity:1; }
}

/* Standard syntax */
@keyframes asptax-verify {
     0%   {left:41%; opacity:.0; }
	100% {left:47%; opacity:1; }
}
.asptax-verify-1  img{
    max-width:131px; width:99%; display: block;
    position: absolute;
    top: 400px;
    left: 47%;
	cursor: pointer;
 }
 
 .asptax-verify-3  img{
    max-width:131px; width:99%; display: block;
    position: absolute;
    top: 400px;
    left: 47%;
	
 }
 
 .asptax-submit img {
     max-width:121px; width:99%; display: block;
    position: absolute;
    -webkit-animation-name: asptax-submit;
    -webkit-animation-duration: 1s;
    animation-name: asptax-submit;
    animation-duration: 1s;
    top: 400px;
    left: 66%;
	cursor: pointer;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes asptax-submit {
    0%   {left:48%; opacity:.0; }
	100% {left:66%; opacity:1; }
}

/* Standard syntax */
@keyframes asptax-submit {
     0%   {left:48%; opacity:.0; }
	100% {left:66%; opacity:1; }
}
.asptax-submit-1  img{
    max-width:121px; width:99%; display: block;
    position: absolute;
    top: 400px;
    left: 66%;
	cursor:pointer;
 }
 
 .asptax-submit-3  img{
    max-width:121px; width:99%; display: block;
    position: absolute;
    top: 400px;
    left: 66%;
 }

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

/* Chrome, Safari, Opera */
@-webkit-keyframes print-tab {
    0%   {left:50%; opacity:.0; }
	100% {left:57%; opacity:1; }
}

/* Standard syntax */
@-webkit-keyframes print-tab {
     0%   {left:50%; opacity:.0; }
	100% {left:57%; opacity:1; }
}
 
  .print-tab-1 img {
    max-width:121px; width:99%; display: block;
    position: absolute;
    left: 57%;
	cursor: pointer;
	top:400px;
  }
  
   .print-tab-2 img {
    max-width:121px; width:99%; display: block;
    position: absolute;
    left: 57%;
	top:400px;
  }
  
  
.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;
    -webkit-animation-name: print-out-1;
    -webkit-animation-duration: 1s;
    animation-name: print-out-1;
    animation-duration: 1s;
    right: 0;
    left: 0;
    top: 120px;
    z-index: 99999;
    margin: 0 auto;
	opacity:0;
  }

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

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

 
 .push-text {
    position: absolute;
	font-size:20px;
    -webkit-animation-name: push-text;
    -webkit-animation-duration: 1s;
    animation-name: push-text;
    animation-duration: 1s;
    top: 450px;
   left: 0;
    right: 0;
    width: 500px;
    display: block;
    margin: 0 auto;
	background:#f7f7f7;
	padding:10px 30px;
	border:2px solid #ccc;
	border-radius:10px;
	color: #41ad49;
	text-align: center;
  }

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

/* Standard syntax */
@keyframes push-text {
    0%   { opacity:.0; }
	100% { opacity:1; }
}
.push-text-1{
    font-size:20px;
    position: absolute;
    top: 450px;
   left: 0;
    right: 0;
    width: 500px;
    display: block;
    margin: 0 auto;
	background:#f7f7f7;
	padding:10px 30px;
	border:2px solid #ccc;
	border-radius:10px;
	color: #41ad49;
	text-align: center;
 }
 
 
  .push-text-2 {
    position: absolute;
	font-size:20px;
    -webkit-animation-name: push-text-2;
    -webkit-animation-duration: 1s;
    animation-name: push-text-2;
    animation-duration: 1s;
    top: 450px;
    left: 0;
    right: 0;
    width: 500px;
    display: block;
    margin: 0 auto;
	background:#f7f7f7;
	padding:10px 30px;
	border:2px solid #ccc;
	border-radius:10px;
	color: #41ad49;
	text-align: center;
  }

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

/* Standard syntax */
@keyframes push-text-2 {
     0%   {left:5%; opacity:1; }
	100% {left:0%; opacity:.0; }
}
 
 
 
  .verified-text {
    position: absolute;
	font-size:20px;
    -webkit-animation-name: verified-text;
    -webkit-animation-duration: 1s;
    animation-name: verified-text;
    animation-duration: 1s;
     top: 450px;
    left: 0;
    right: 0;
    width: 500px;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
  }

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

/* Standard syntax */
@keyframes verified-text {
    0%   { opacity:.0; }
	100% { opacity:1; }
}
.verified-text-1{
    font-size:20px;
    position: absolute;
    top: 450px;
    left: 0;
    right: 0;
    width: 500px;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
 }
 
 
 
 
    .submit-text {
    position: absolute;
    font-size: 20px;
    -webkit-animation-name: submit-text;
    -webkit-animation-duration: 1s;
    animation-name: submit-text;
    animation-duration: 1s;
    top: 450px;
    left: 0;
    right: 0;
    width: 500px;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    
}
  

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

/* Standard syntax */
@keyframes submit-text {
    0%   { opacity:.0; }
	100% { opacity:1; }
}
.submit-text-1{
    font-size:20px;
    position: absolute;
    top: 450px;
    left: 0;
    right: 0;
    width: 500px;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
	
 }
 
 .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-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
}


 .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: 500px;
    left: 0;
    right: 0;
    width: 673px;
    text-align: center;
    background: #f7f7f7;
    padding: 10px 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
	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: 580px;
    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; }
}





.v-doc-left {
    position: absolute;
	-webkit-animation-name: v-doc-left;
    -webkit-animation-duration: 2s;
    animation-name: v-doc-left;
    animation-duration: 2s;
	width:;
    top: 277px;
    left: 72%;
	
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes v-doc-left {
    0%   { left:63%; opacity:0 }
	100% { left:72%;opacity:1; }
}

/* Standard syntax */
@keyframes v-doc-left {
    0%   { left:63%; opacity:0 }
	100% { left:72%;opacity:1; }
}

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

/* Chrome, Safari, Opera */
@-webkit-keyframes v-doc-left-3 {
    0%   {opacity:1 }
	100% {opacity:0; }
}

/* Standard syntax */
@keyframes v-doc-left-3 {
     0%   {opacity:1 }
	100% {opacity:0; }
}

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

/* Chrome, Safari, Opera */
@-webkit-keyframes v-doc-left-1 {
    0%   {opacity:1 }
	100% {opacity:0; }
}

/* Standard syntax */
@keyframes v-doc-left-1 {
    0%   {opacity:1 }
	100% {opacity:0; }
}

.v-doc-right {
    position: absolute;
	-webkit-animation-name: v-doc-right;
    -webkit-animation-duration: 2s;
    animation-name: v-doc-right;
    animation-duration: 2s;
	width:;
    top: 277px;
    right: 23%;
	
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes v-doc-right {
    0%   { right:13%; opacity:0 }
	100% { right:23%;opacity:1; }
}

/* Standard syntax */
@keyframes v-doc-right {
     0%   { right:13%; opacity:0 }
	100% { right:23%;opacity:1; }
}





.v-doc-right-3 {
    position: absolute;
	-webkit-animation: v-doc-right-3 2s 1;
    animation: v-doc-right-3 2s 1;
   
	width:;
    top: 277px;
    right: 23%;
	
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes v-doc-right-3 {
    0%   { opacity:1 }
	100% {opacity:0; }
}

/* Standard syntax */
@keyframes v-doc-right-3 {
   0%   { opacity:1 }
	100% {opacity:0; }
}




.v-doc-right-1 {
    position: absolute;
	-webkit-animation: v-doc-right-1 2s 1;
    animation: v-doc-right-1 2s 1;
   
	width:;
    top: 277px;
    right: 23%;
	
 }

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

/* Standard syntax */
@keyframes v-doc-right-1 {
   0%   { opacity:1 }
	100% {opacity:0; }
}

 
 .doc-save-icon {
    position: absolute;
	-webkit-animation-name: doc-save-icon;
    -webkit-animation-duration: 1s;
    animation-name: doc-save-icon;
    animation-duration: 1s;
	width:;
    top: 277px;
    right: 21%;
	
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes doc-save-icon {
    0%   { right:19%;  }
	100% { right:21%;}
}

/* Standard syntax */
@keyframes doc-save-icon {
     0%   { right:19%;  }
	100% { right:21%; }
}
 
  .doc-save-icon-3 {
    position: absolute;
	-webkit-animation: doc-save-icon-3 1s 1;
    animation: doc-save-icon-3 1s 1;
    top: 277px;
    right: 21%;
	
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes doc-save-icon {
    0%   {  opacity:1 }
	100% { opacity:0; }
}

/* Standard syntax */
@keyframes doc-save-icon {
     0%   {  opacity:1 }
	100% { opacity:0; }
}
 

 .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:63%; opacity:0 }
	50%    { left:73%; opacity:1 }
	100%  { left:85%; opacity:0 }
}

/* Standard syntax */
@keyframes submit-doc {
    0%   { left:63%; opacity:0 }
	50%    { left:73%; 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: 20%;
	opacity:0;
}

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

/* Standard syntax */
@keyframes green-doc {
    0%   { right:5%; opacity:0 }
	50%    { right:15%; opacity:1 }
	100% { right:25%; 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:63%; opacity:.3 }
	0%   { left:75%; opacity:1 }
	100% { left:85%; opacity:.3 }
}

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

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

/* Standard syntax */
@keyframes green-doc-single {
      0% { right:15%; opacity:.3 }
	 50% { right:24%; opacity:1 }
	100% { right:36%; opacity:.3 }
}
 
 
 .popup-footer{background:#f7f7f7; padding:10px; border-top:1px solid #ccc;      border-radius: 0 0 12px 12px;}
 .save-icon { 
    width: 23px !important;
    margin-top: 10px !important;
    margin-left: 14px !important;
}
 
 .verify-icon { 
    width: 23px !important;
    margin-top: 10px !important;
    margin-left: 14px !important;
}

.submit-icon { 
    width: 23px !important;
    margin-top: 10px !important;
    margin-left: 14px !important;
}
  .verify-icon-1 { width: 25px !important;
    margin-top: 1px !important;
    position: absolute;
    margin-left: -30px !important }
 
.push-gst-icon{ width: 25px !important;
    margin-top: 16px !important;
    z-index: 999;
    position: absolute !important;
    margin-left: 24px !important; }
 
 
 .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;
}
 .blue-color {color:#336699;}
.float-left{float:left;}
.float-right{float:right;}
.clearfix{clear:both;}


.popup-transport{margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    display: table;
    width: 500px;}

.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-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-help{
	font-size: 18px;
    border-bottom: 1px dashed #ccc;
    text-align: center;
    font-weight: bold;
    color: #336699;
}
.dropdown {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    max-width: 146px;
    width: 99%;
    position: absolute;
    left: 44.4%;
    right: 0;
    top: 308px;
    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:308px; opacity: 1 }
}

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

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

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

/* Standard syntax */
@keyframes dropdown-1 {
        0% { top:229px; opacity:.0 }
	100% { top:308px; 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-to-transport {
    max-width:229px;
	width:99%;
    position: absolute;
	margin: 360px auto 0;
	-webkit-animation: submit-to-transport 2s 1;
    animation: submit-to-transport 2s 1;
    display: block;
    left: 0;
    right: 0;
	cursor: pointer;
    top: 91px;
}

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

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

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

.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 }
}


.save-icon-t{width: 23px !important;
    margin-top: -33px !important;
    margin-left: 14px !important;}

@media only screen and (max-width: 767px) {
   .asptax-save-1 img {
    max-width: 253px;
    width: 99%;
    display: block;
    position: absolute;
    top: 400px;
    left: 27.3%;
   }
 .asptax-save img {
    left: 27.3%;
   }
}	

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