/*banner animation*/
.dc-lightbox {
overflow: hidden;
}

.dc-page-container {
position: relative;
width: 100%;
height: 100%;
}

.dc-page-content {
background-color: transparent;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
perspective: 1400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
}

.dc-page-wrapper {
position: absolute;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
background-image: none;
background-color: #fff;
}

.dc-page-size {
width: 1260px;
height: 450px;
}

.dc-img-fgxe {
position: absolute;
width: 70px;
height: 58px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
left: 682px;
top: 290px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.dc-img-l9l2 {
position: absolute;
width: 160px;
height: 290px;
left: 871px;
top: 160px;
}

.dc-img-rjkp {
position: absolute;
width: 100px;
height: 100px;
color: rgb(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
left: 314.5px;
top: 270.5px;
-webkit-transform: matrix3d(-0.7880107536, 0.6156614753, 0, 0, -0.6156614753, -0.7880107536, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(-0.7880107536, 0.6156614753, 0, 0, -0.6156614753, -0.7880107536, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(-0.7880107536, 0.6156614753, 0, 0, -0.6156614753, -0.7880107536, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
}

.dc-div-902v {
position: absolute;
height: 38px;
font-family: 'Times New Roman';
text-align: left;
font-size: 0px;
width: 108px;
left: 313px;
top: 228px;
}

.dc-span-fhhx {
color: rgb(205, 211, 214);
font-weight: bold;
font-family: 'Trebuchet MS';
border-width: 3px;
border-style: none;
font-size: 20px;
}

.dc-img-ha3n {
position: absolute;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 0;
height: 24px;
width: 31px;
left: 348.89833133px;
top: 304.37715928499983px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.dc-img-o3m9 {
opacity: 0;
height: 24px;
width: 31px;
left: 348.89833133px;
top: 304.37715928499983px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

@-webkit-keyframes dc-gen-p9e3dcanimation_dc-keyframes {
0% {
-webkit-transform: matrix3d(-0.7880107536, 0.6156614753, 0, 0, -0.6156614753, -0.7880107536, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
-webkit-animation-timing-function: linear;
}
17.65% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
-webkit-animation-timing-function: linear;
}
23.53% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 0;
-webkit-animation-timing-function: linear;
}
82.35% {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-p9e3dcanimation_dc-keyframes {
0% {
-moz-transform: matrix3d(-0.7880107536, 0.6156614753, 0, 0, -0.6156614753, -0.7880107536, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
-moz-animation-timing-function: linear;
}
17.65% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
-moz-animation-timing-function: linear;
}
23.53% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 0;
-moz-animation-timing-function: linear;
}
82.35% {
-moz-transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-p9e3dcanimation_dc-keyframes {
0% {
transform: matrix3d(-0.7880107536, 0.6156614753, 0, 0, -0.6156614753, -0.7880107536, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
animation-timing-function: linear;
}
17.65% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
animation-timing-function: linear;
}
23.53% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 0;
animation-timing-function: linear;
}
82.35% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 0;
animation-timing-function: linear;
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-p9e3dcanimation {
-webkit-animation: dc-gen-p9e3dcanimation_dc-keyframes 1.7s linear 0s 1 normal forwards;
-moz-animation: dc-gen-p9e3dcanimation_dc-keyframes 1.7s linear 0s 1 normal forwards;
animation: dc-gen-p9e3dcanimation_dc-keyframes 1.7s linear 0s 1 normal forwards;
}

.dc-img-lh35 {
position: absolute;
width: 140px;
height: 215px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
top: 191px;
-webkit-transform: translate3d(-100px, 0px, 0px);
-moz-transform: translate3d(-100px, 0px, 0px);
transform: translate3d(-100px, 0px, 0px);
opacity: 0;
left: 978px;
}

.dc-img-pabm {
position: absolute;
width: 140px;
height: 215px;
top: 191px;
opacity: 0;
left: 892px;
}

.dc-img-tcbv {
position: absolute;
width: 140px;
height: 215px;
opacity: 0;
left: 892px;
top: 191px;
}

.dc-img-2vf2 {
position: absolute;
width: 222px;
height: 173px;
top: 230px;
opacity: 0;
left: 330px;
}

@-webkit-keyframes dc-gen-uzm9dcanimation_dc-keyframes {
0% {
opacity: 0;
height: 24px;
width: 31px;
left: 348.89833133px;
top: 304.37715928499983px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
23.08% {
opacity: 1;
height: 172px;
width: 222px;
left: 254.89833133000002px;
top: 230.37715928499983px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
61.54% {
opacity: 1;
height: 172px;
width: 222px;
left: 254.89833133000002px;
top: 230.37715928499983px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
84.62% {
opacity: 0;
height: 172px;
width: 222px;
left: 194.89833133000002px;
top: 230.37715928499983px;
-webkit-transform: translate3d(129px, 0px, 0px);
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
height: 172px;
width: 222px;
left: 114.89833133000002px;
top: 230.37715928499983px;
-webkit-transform: translate3d(216px, 0px, 0px);
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-uzm9dcanimation_dc-keyframes {
0% {
opacity: 0;
height: 24px;
width: 31px;
left: 348.89833133px;
top: 304.37715928499983px;
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
23.08% {
opacity: 1;
height: 172px;
width: 222px;
left: 254.89833133000002px;
top: 230.37715928499983px;
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
61.54% {
opacity: 1;
height: 172px;
width: 222px;
left: 254.89833133000002px;
top: 230.37715928499983px;
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
84.62% {
opacity: 0;
height: 172px;
width: 222px;
left: 194.89833133000002px;
top: 230.37715928499983px;
-moz-transform: translate3d(129px, 0px, 0px);
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
height: 172px;
width: 222px;
left: 114.89833133000002px;
top: 230.37715928499983px;
-moz-transform: translate3d(216px, 0px, 0px);
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-uzm9dcanimation_dc-keyframes {
0% {
opacity: 0;
height: 24px;
width: 31px;
left: 348.89833133px;
top: 304.37715928499983px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
23.08% {
opacity: 1;
height: 172px;
width: 222px;
left: 254.89833133000002px;
top: 230.37715928499983px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
61.54% {
opacity: 1;
height: 172px;
width: 222px;
left: 254.89833133000002px;
top: 230.37715928499983px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
84.62% {
opacity: 0;
height: 172px;
width: 222px;
left: 194.89833133000002px;
top: 230.37715928499983px;
transform: translate3d(129px, 0px, 0px);
animation-timing-function: linear;
}
100% {
opacity: 0;
height: 172px;
width: 222px;
left: 114.89833133000002px;
top: 230.37715928499983px;
transform: translate3d(216px, 0px, 0px);
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-uzm9dcanimation {
-webkit-animation: dc-gen-uzm9dcanimation_dc-keyframes 1.3s linear 0.4s 1 normal forwards;
-moz-animation: dc-gen-uzm9dcanimation_dc-keyframes 1.3s linear 0.4s 1 normal forwards;
animation: dc-gen-uzm9dcanimation_dc-keyframes 1.3s linear 0.4s 1 normal forwards;
}

.dc-img-tgix {
position: absolute;
width: 223px;
height: 223px;
left: 606px;
top: 204.5px;
opacity: 0;
}

.dc-img-csoj {
position: absolute;
width: 293px;
height: 293px;
left: 571px;
top: 169.5px;
opacity: 0;
}

.dc-img-40iv {
position: absolute;
width: 363px;
height: 363px;
left: 536px;
top: 134.5px;
opacity: 0;
}

.dc-img-6jc5 {
position: absolute;
width: 419px;
height: 419px;
left: 508px;
top: 106.5px;
opacity: 0;
}

.dc-img-b3m3 {
position: absolute;
width: 481px;
height: 450px;
left: 477px;
top: 79px;
opacity: 0;
}

@-webkit-keyframes dc-gen-or6xdcanimation_dc-keyframes {
0% {
opacity: 0;
left: 892px;
-webkit-animation-timing-function: linear;
}
60% {
opacity: 1;
left: 882px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 882px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-or6xdcanimation_dc-keyframes {
0% {
opacity: 0;
left: 892px;
-moz-animation-timing-function: linear;
}
60% {
opacity: 1;
left: 882px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 882px;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-or6xdcanimation_dc-keyframes {
0% {
opacity: 0;
left: 892px;
animation-timing-function: linear;
}
60% {
opacity: 1;
left: 882px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 882px;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-or6xdcanimation {
-webkit-animation: dc-gen-or6xdcanimation_dc-keyframes 1s linear 3.5s 1 normal forwards;
-moz-animation: dc-gen-or6xdcanimation_dc-keyframes 1s linear 3.5s 1 normal forwards;
animation: dc-gen-or6xdcanimation_dc-keyframes 1s linear 3.5s 1 normal forwards;
}

.dc-img-tpkw {
position: absolute;
width: 523px;
height: 279px;
left: 99px;
top: 170px;
}

@-webkit-keyframes dc-gen-emqsdcanimation_dc-keyframes {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
2.63% {
-webkit-transform: matrix3d(0.999390827, -0.034899497, 0, 0, 0.034899497, 0.999390827, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
10.53% {
-webkit-transform: matrix3d(-0.8090169945, 0.5877852521, 0, 0, -0.5877852521, -0.8090169945, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
15.79% {
-webkit-transform: matrix3d(-0.9993915918, -0.03487759, 0, 0, 0.03487759, -0.9993915918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
92.11% {
-webkit-transform: matrix3d(-0.9994, -0.0349, 0, 0, 0.0349, -0.9994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: matrix3d(1, 0.000001, 0, 0, 0.000001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-emqsdcanimation_dc-keyframes {
0% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
2.63% {
-moz-transform: matrix3d(0.999390827, -0.034899497, 0, 0, 0.034899497, 0.999390827, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
10.53% {
-moz-transform: matrix3d(-0.8090169945, 0.5877852521, 0, 0, -0.5877852521, -0.8090169945, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
15.79% {
-moz-transform: matrix3d(-0.9993915918, -0.03487759, 0, 0, 0.03487759, -0.9993915918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
92.11% {
-moz-transform: matrix3d(-0.9994, -0.0349, 0, 0, 0.0349, -0.9994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: matrix3d(1, 0.000001, 0, 0, 0.000001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-emqsdcanimation_dc-keyframes {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
2.63% {
transform: matrix3d(0.999390827, -0.034899497, 0, 0, 0.034899497, 0.999390827, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
10.53% {
transform: matrix3d(-0.8090169945, 0.5877852521, 0, 0, -0.5877852521, -0.8090169945, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
15.79% {
transform: matrix3d(-0.9993915918, -0.03487759, 0, 0, 0.03487759, -0.9993915918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
92.11% {
transform: matrix3d(-0.9994, -0.0349, 0, 0, 0.0349, -0.9994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
100% {
transform: matrix3d(1, 0.000001, 0, 0, 0.000001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-emqsdcanimation {
-webkit-animation: dc-gen-emqsdcanimation_dc-keyframes 3.8s linear 1.7s 1 normal forwards;
-moz-animation: dc-gen-emqsdcanimation_dc-keyframes 3.8s linear 1.7s 1 normal forwards;
animation: dc-gen-emqsdcanimation_dc-keyframes 3.8s linear 1.7s 1 normal forwards;
}

@-webkit-keyframes dc-gen-8q8ldcanimation_dc-keyframes {
0% {
-webkit-transform: translate3d(-100px, 0px, 0px);
opacity: 0;
left: 978px;
-webkit-animation-timing-function: linear;
}
40% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
left: 882px;
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
left: 882px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-8q8ldcanimation_dc-keyframes {
0% {
-moz-transform: translate3d(-100px, 0px, 0px);
opacity: 0;
left: 978px;
-moz-animation-timing-function: linear;
}
40% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
left: 882px;
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
left: 882px;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-8q8ldcanimation_dc-keyframes {
0% {
transform: translate3d(-100px, 0px, 0px);
opacity: 0;
left: 978px;
animation-timing-function: linear;
}
40% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
left: 882px;
animation-timing-function: linear;
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
left: 882px;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-8q8ldcanimation {
-webkit-animation: dc-gen-8q8ldcanimation_dc-keyframes 1s linear 2.3s 1 normal forwards;
-moz-animation: dc-gen-8q8ldcanimation_dc-keyframes 1s linear 2.3s 1 normal forwards;
animation: dc-gen-8q8ldcanimation_dc-keyframes 1s linear 2.3s 1 normal forwards;
}

@-webkit-keyframes dc-gen-j8ojdcanimation_dc-keyframes {
0% {
opacity: 0;
left: 330px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 255px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-j8ojdcanimation_dc-keyframes {
0% {
opacity: 0;
left: 330px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 255px;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-j8ojdcanimation_dc-keyframes {
0% {
opacity: 0;
left: 330px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 255px;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-j8ojdcanimation {
-webkit-animation: dc-gen-j8ojdcanimation_dc-keyframes 0.4s linear 5.5s 1 normal forwards;
-moz-animation: dc-gen-j8ojdcanimation_dc-keyframes 0.4s linear 5.5s 1 normal forwards;
animation: dc-gen-j8ojdcanimation_dc-keyframes 0.4s linear 5.5s 1 normal forwards;
}

@-webkit-keyframes dc-gen-s4j7dcanimation_dc-keyframes {
0% {
opacity: 0;
left: 892px;
top: 191px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 882px;
top: 191px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-s4j7dcanimation_dc-keyframes {
0% {
opacity: 0;
left: 892px;
top: 191px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 882px;
top: 191px;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-s4j7dcanimation_dc-keyframes {
0% {
opacity: 0;
left: 892px;
top: 191px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 882px;
top: 191px;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-s4j7dcanimation {
-webkit-animation: dc-gen-s4j7dcanimation_dc-keyframes 0.5s linear 4.9s 1 normal forwards;
-moz-animation: dc-gen-s4j7dcanimation_dc-keyframes 0.5s linear 4.9s 1 normal forwards;
animation: dc-gen-s4j7dcanimation_dc-keyframes 0.5s linear 4.9s 1 normal forwards;
}

@-webkit-keyframes dc-gen-rnwwdcanimation_dc-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
5% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
87.5% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-rnwwdcanimation_dc-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
5% {
opacity: 1;
-moz-animation-timing-function: linear;
}
87.5% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-rnwwdcanimation_dc-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
5% {
opacity: 1;
animation-timing-function: linear;
}
87.5% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-rnwwdcanimation {
-webkit-animation: dc-gen-rnwwdcanimation_dc-keyframes 4s linear 1.9s 1 normal forwards;
-moz-animation: dc-gen-rnwwdcanimation_dc-keyframes 4s linear 1.9s 1 normal forwards;
animation: dc-gen-rnwwdcanimation_dc-keyframes 4s linear 1.9s 1 normal forwards;
}

@-webkit-keyframes dc-gen-8erfdcanimation_dc-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
5.41% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
89.19% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-8erfdcanimation_dc-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
5.41% {
opacity: 1;
-moz-animation-timing-function: linear;
}
89.19% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-8erfdcanimation_dc-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
5.41% {
opacity: 1;
animation-timing-function: linear;
}
89.19% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-8erfdcanimation {
-webkit-animation: dc-gen-8erfdcanimation_dc-keyframes 3.7s linear 2s 1 normal forwards;
-moz-animation: dc-gen-8erfdcanimation_dc-keyframes 3.7s linear 2s 1 normal forwards;
animation: dc-gen-8erfdcanimation_dc-keyframes 3.7s linear 2s 1 normal forwards;
}

@-webkit-keyframes dc-gen-30igdcanimation_dc-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
5.88% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
91.18% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-30igdcanimation_dc-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
5.88% {
opacity: 1;
-moz-animation-timing-function: linear;
}
91.18% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-30igdcanimation_dc-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
5.88% {
opacity: 1;
animation-timing-function: linear;
}
91.18% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-30igdcanimation {
-webkit-animation: dc-gen-30igdcanimation_dc-keyframes 3.4s linear 2.1s 1 normal forwards;
-moz-animation: dc-gen-30igdcanimation_dc-keyframes 3.4s linear 2.1s 1 normal forwards;
animation: dc-gen-30igdcanimation_dc-keyframes 3.4s linear 2.1s 1 normal forwards;
}

@-webkit-keyframes dc-gen-2f9hdcanimation_dc-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
6.45% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
93.55% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-2f9hdcanimation_dc-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
6.45% {
opacity: 1;
-moz-animation-timing-function: linear;
}
93.55% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-2f9hdcanimation_dc-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
6.45% {
opacity: 1;
animation-timing-function: linear;
}
93.55% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-2f9hdcanimation {
-webkit-animation: dc-gen-2f9hdcanimation_dc-keyframes 3.1s linear 2.2s 1 normal forwards;
-moz-animation: dc-gen-2f9hdcanimation_dc-keyframes 3.1s linear 2.2s 1 normal forwards;
animation: dc-gen-2f9hdcanimation_dc-keyframes 3.1s linear 2.2s 1 normal forwards;
}

@-webkit-keyframes dc-gen-pd7hdcanimation_dc-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
4.65% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
86.05% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0.20000000000000018;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dc-gen-pd7hdcanimation_dc-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
4.65% {
opacity: 1;
-moz-animation-timing-function: linear;
}
86.05% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0.20000000000000018;
-moz-animation-timing-function: linear;
}
}

@keyframes dc-gen-pd7hdcanimation_dc-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
4.65% {
opacity: 1;
animation-timing-function: linear;
}
86.05% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0.20000000000000018;
animation-timing-function: linear;
}
}

#page1.dc-play-animation .dc-gen-pd7hdcanimation {
-webkit-animation: dc-gen-pd7hdcanimation_dc-keyframes 4.3s linear 1.8s 1 normal forwards;
-moz-animation: dc-gen-pd7hdcanimation_dc-keyframes 4.3s linear 1.8s 1 normal forwards;
animation: dc-gen-pd7hdcanimation_dc-keyframes 4.3s linear 1.8s 1 normal forwards;
}

/*ended omg*/
/*page images*/

.rec-banner {

}

.auto-response-rec {
background: url('../../images/over-email/autoreverse.png');
height: 101px;
width: 94px;
}

.auto-forward-rec {
background: url('../../images/over-email/autoforwarding.png');
height: 100px;
width: 93px;
}

.rec-long-number {
background: url('../../images/over-email/mobile_number_new.png');
height: 280px;
width: 372px;
margin: 0 auto;
}

.rec-long-number-old {
    background: url('../../images/over-email/mobile_number_old.png');
    height: 280px;
    width: 372px;
    margin: 0 auto;
}

.rec-short-code {
background: url('../../images/over-email/short_code_new.png');
height: 280px;
width: 372px;
margin: 0 auto;
}

/*page styling*/
.rec-banner-head {
text-align: center;
}

/*page divs*/
.rec-fifth-div {
background: #f7f8fa;
padding: 40px
}

.rec-fifth-div li {
list-style: none;
}

.rec-fifth-div p {
color: #a3a3a3;
font-size: 12px;
}

.rec-fifth-div h3 {
color: #323232;
font-size: 22px;
font-weight: bold;
}

.rec-fifth-div-inner {
padding: 0 80px;
}

.rec-yellow {
color: #047b2a;
}

.rec-fourth-div {
padding-top: 40px;
font-size: 14px;
color: #6d6d6d;
padding-bottom: 40px;
}

.rec-fourth-div li {
list-style: none;
}

.fourth-div-inner {
padding: 25px 60px
}

.rec-fourth-div h1 {
color: #fbbc21;
font-weight: bold;
font-size: 1.5em;
}

.rec-third-div {
background: #fbbc21;
padding-top: 40px;
list-style: none;
font-size: 14px;
padding-bottom: 40px
}

.rec-third-div a {
color: #047b2a;
text-decoration: underline;
font-size: 16px;
}

.rec-third-div a:hover {
color: #fff;
}

.rec-third-div h1 {
color: black;
font-weight: bold;
font-size: 1.5em
}

.rec-second-div-inner {
padding: 60px;
}

.rec-second-div {
padding: 20px;
color: #808080;
font-size: 14px;
background: #f7f8fa;
border-top: 1px solid #ddd;
margin-top: -30px;
}

.rec-second-div h1 {
color: #fbbc21;
font-size: 35px;

}

/*DELIVERY REPORT CSS*/
.dr-page-container {
position: relative;
width: 100%;
height: 100%;
}

.dr-page-content {
background-color: transparent;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
perspective: 1400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
}

.dr-page-wrapper {
position: absolute;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
background-image: none;
background-color: rgb(255, 255, 255);
}

.dr-page-size {
width: 1260px;
height: 450px;
}

.dr-img-zalt {
position: absolute;
width: 376px;
height: 401px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
left: 442px;
top: 450px;
opacity: 0;
}

.dr-img-nbj9 {
position: absolute;
width: 144px;
height: 38px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 72px 18.1991903382px 16.9811278737px;
-moz-transform-origin: 72px 18.1991903382px 16.9811278737px;
transform-origin: 72px 18.1991903382px 16.9811278737px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.0471, 0.9989, 0, 0, -0.9989, 0.0471, 0, 0, -16.1992, -16.9811, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 0.0471, 0.9989, 0, 0, -0.9989, 0.0471, 0, 0, -16.1992, -16.9811, 1);
transform: matrix3d(1, 0, 0, 0, 0, 0.0471, 0.9989, 0, 0, -0.9989, 0.0471, 0, 0, -16.1992, -16.9811, 1);
left: 558px;
top: 77px;
opacity: 0;
}

.dr-img-9edi {
position: absolute;
width: 86px;
height: 114px;
left: 161px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
top: 450px;
}

.dr-img-7ycf {
position: absolute;
width: 149px;
height: 202px;
left: 223px;
top: 451px;
}

.dr-img-3rp0 {
position: absolute;
width: 106px;
height: 152px;
left: 395px;
top: 450px;
}

.dr-img-76js {
position: absolute;
width: 89px;
height: 142px;
left: 788px;
top: 450px;
}

.dr-img-j2p0 {
position: absolute;
width: 66px;
height: 90px;
left: 892px;
top: 450px;
}

.dr-img-4p1v {
position: absolute;
width: 149px;
height: 202px;
left: 966px;
top: 451px;
}

@-webkit-keyframes dr-gen-2lucdranimation_dr-keyframes {
0% {
left: 788px;
top: 450px;
-webkit-animation-timing-function: linear;
}
100% {
left: 788px;
top: 308px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-2lucdranimation_dr-keyframes {
0% {
left: 788px;
top: 450px;
-moz-animation-timing-function: linear;
}
100% {
left: 788px;
top: 308px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-2lucdranimation_dr-keyframes {
0% {
left: 788px;
top: 450px;
animation-timing-function: linear;
}
100% {
left: 788px;
top: 308px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-2lucdranimation {
-webkit-animation: dr-gen-2lucdranimation_dr-keyframes 0.4s linear 0.3s 1 normal forwards;
-moz-animation: dr-gen-2lucdranimation_dr-keyframes 0.4s linear 0.3s 1 normal forwards;
animation: dr-gen-2lucdranimation_dr-keyframes 0.4s linear 0.3s 1 normal forwards;
}

@-webkit-keyframes dr-gen-yrrndranimation_dr-keyframes {
0% {
top: 451px;
-webkit-animation-timing-function: linear;
}
100% {
top: 248px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-yrrndranimation_dr-keyframes {
0% {
top: 451px;
-moz-animation-timing-function: linear;
}
100% {
top: 248px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-yrrndranimation_dr-keyframes {
0% {
top: 451px;
animation-timing-function: linear;
}
100% {
top: 248px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-yrrndranimation {
-webkit-animation: dr-gen-yrrndranimation_dr-keyframes 0.4s linear 1.2s 1 normal forwards;
-moz-animation: dr-gen-yrrndranimation_dr-keyframes 0.4s linear 1.2s 1 normal forwards;
animation: dr-gen-yrrndranimation_dr-keyframes 0.4s linear 1.2s 1 normal forwards;
}

@-webkit-keyframes dr-gen-mp3qdranimation_dr-keyframes {
0% {
top: 451px;
-webkit-animation-timing-function: linear;
}
100% {
top: 248px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-mp3qdranimation_dr-keyframes {
0% {
top: 451px;
-moz-animation-timing-function: linear;
}
100% {
top: 248px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-mp3qdranimation_dr-keyframes {
0% {
top: 451px;
animation-timing-function: linear;
}
100% {
top: 248px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-mp3qdranimation {
-webkit-animation: dr-gen-mp3qdranimation_dr-keyframes 0.4s linear 0.5s 1 normal forwards;
-moz-animation: dr-gen-mp3qdranimation_dr-keyframes 0.4s linear 0.5s 1 normal forwards;
animation: dr-gen-mp3qdranimation_dr-keyframes 0.4s linear 0.5s 1 normal forwards;
}

@-webkit-keyframes dr-gen-wtymdranimation_dr-keyframes {
0% {
left: 395px;
top: 450px;
-webkit-animation-timing-function: linear;
}
100% {
left: 395px;
top: 298px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-wtymdranimation_dr-keyframes {
0% {
left: 395px;
top: 450px;
-moz-animation-timing-function: linear;
}
100% {
left: 395px;
top: 298px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-wtymdranimation_dr-keyframes {
0% {
left: 395px;
top: 450px;
animation-timing-function: linear;
}
100% {
left: 395px;
top: 298px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-wtymdranimation {
-webkit-animation: dr-gen-wtymdranimation_dr-keyframes 0.5s linear 0.1s 1 normal forwards;
-moz-animation: dr-gen-wtymdranimation_dr-keyframes 0.5s linear 0.1s 1 normal forwards;
animation: dr-gen-wtymdranimation_dr-keyframes 0.5s linear 0.1s 1 normal forwards;
}

@-webkit-keyframes dr-gen-wt94dranimation_dr-keyframes {
0% {
left: 442px;
top: 450px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
left: 442px;
top: 49px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-wt94dranimation_dr-keyframes {
0% {
left: 442px;
top: 450px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
left: 442px;
top: 49px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-wt94dranimation_dr-keyframes {
0% {
left: 442px;
top: 450px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 442px;
top: 49px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-wt94dranimation {
-webkit-animation: dr-gen-wt94dranimation_dr-keyframes 0.5s linear 0s 1 normal forwards;
-moz-animation: dr-gen-wt94dranimation_dr-keyframes 0.5s linear 0s 1 normal forwards;
animation: dr-gen-wt94dranimation_dr-keyframes 0.5s linear 0s 1 normal forwards;
}

.dr-img-u52m {
position: absolute;
width: 37px;
height: 10px;
-webkit-transform-origin: 18.363572388px 3.8039668254px -0.0301349812px;
-moz-transform-origin: 18.363572388px 3.8039668254px -0.0301349812px;
transform-origin: 18.363572388px 3.8039668254px -0.0301349812px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
opacity: 0;
left: 164px;
top: 338px;
}

@-webkit-keyframes dr-gen-cl2ddranimation_dr-keyframes {
0% {
top: 450px;
-webkit-animation-timing-function: linear;
}
100% {
top: 336px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-cl2ddranimation_dr-keyframes {
0% {
top: 450px;
-moz-animation-timing-function: linear;
}
100% {
top: 336px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-cl2ddranimation_dr-keyframes {
0% {
top: 450px;
animation-timing-function: linear;
}
100% {
top: 336px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-cl2ddranimation {
-webkit-animation: dr-gen-cl2ddranimation_dr-keyframes 0.4s linear 1s 1 normal forwards;
-moz-animation: dr-gen-cl2ddranimation_dr-keyframes 0.4s linear 1s 1 normal forwards;
animation: dr-gen-cl2ddranimation_dr-keyframes 0.4s linear 1s 1 normal forwards;
}

@-webkit-keyframes dr-gen-rz8ldranimation_dr-keyframes {
0% {
opacity: 0;
left: 164px;
top: 338px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 164px;
top: 349px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-rz8ldranimation_dr-keyframes {
0% {
opacity: 0;
left: 164px;
top: 338px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 164px;
top: 349px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-rz8ldranimation_dr-keyframes {
0% {
opacity: 0;
left: 164px;
top: 338px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 164px;
top: 349px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-rz8ldranimation {
-webkit-animation: dr-gen-rz8ldranimation_dr-keyframes 0.2s linear 1.4s 1 normal forwards;
-moz-animation: dr-gen-rz8ldranimation_dr-keyframes 0.2s linear 1.4s 1 normal forwards;
animation: dr-gen-rz8ldranimation_dr-keyframes 0.2s linear 1.4s 1 normal forwards;
}

.dr-img-lz2r {
position: absolute;
width: 64px;
height: 17px;
left: 302px;
top: 251px;
opacity: 0;
}

.dr-img-e4tb {
position: absolute;
width: 49px;
height: 13px;
left: 399px;
top: 300px;
opacity: 0;
}

@-webkit-keyframes dr-gen-u38adranimation_dr-keyframes {
0% {
left: 302px;
top: 251px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
left: 302px;
top: 271px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-u38adranimation_dr-keyframes {
0% {
left: 302px;
top: 251px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
left: 302px;
top: 271px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-u38adranimation_dr-keyframes {
0% {
left: 302px;
top: 251px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 302px;
top: 271px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-u38adranimation {
-webkit-animation: dr-gen-u38adranimation_dr-keyframes 0.3s linear 0.8s 1 normal forwards;
-moz-animation: dr-gen-u38adranimation_dr-keyframes 0.3s linear 0.8s 1 normal forwards;
animation: dr-gen-u38adranimation_dr-keyframes 0.3s linear 0.8s 1 normal forwards;
}

@-webkit-keyframes dr-gen-v996dranimation_dr-keyframes {
0% {
left: 399px;
top: 300px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
left: 400px;
top: 315px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-v996dranimation_dr-keyframes {
0% {
left: 399px;
top: 300px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
left: 400px;
top: 315px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-v996dranimation_dr-keyframes {
0% {
left: 399px;
top: 300px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 400px;
top: 315px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-v996dranimation {
-webkit-animation: dr-gen-v996dranimation_dr-keyframes 0.2s linear 0.7s 1 normal forwards;
-moz-animation: dr-gen-v996dranimation_dr-keyframes 0.2s linear 0.7s 1 normal forwards;
animation: dr-gen-v996dranimation_dr-keyframes 0.2s linear 0.7s 1 normal forwards;
}

.dr-img-r2vm {
position: absolute;
width: 39px;
height: 10px;
opacity: 0;
left: 835px;
top: 309px;
}

@-webkit-keyframes dr-gen-7r6edranimation_dr-keyframes {
0% {
opacity: 0;
left: 835px;
top: 309px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 835px;
top: 321px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-7r6edranimation_dr-keyframes {
0% {
opacity: 0;
left: 835px;
top: 309px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 835px;
top: 321px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-7r6edranimation_dr-keyframes {
0% {
opacity: 0;
left: 835px;
top: 309px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 835px;
top: 321px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-7r6edranimation {
-webkit-animation: dr-gen-7r6edranimation_dr-keyframes 0.2s linear 0.7s 1 normal forwards;
-moz-animation: dr-gen-7r6edranimation_dr-keyframes 0.2s linear 0.7s 1 normal forwards;
animation: dr-gen-7r6edranimation_dr-keyframes 0.2s linear 0.7s 1 normal forwards;
}

.dr-img-gy5y {
position: absolute;
width: 31px;
height: 8px;
left: 895px;
top: 371px;
opacity: 0;
}

@-webkit-keyframes dr-gen-hln8dranimation_dr-keyframes {
0% {
left: 895px;
top: 371px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
left: 895px;
top: 371px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-hln8dranimation_dr-keyframes {
0% {
left: 895px;
top: 371px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
left: 895px;
top: 371px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-hln8dranimation_dr-keyframes {
0% {
left: 895px;
top: 371px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 895px;
top: 371px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-hln8dranimation {
-webkit-animation: dr-gen-hln8dranimation_dr-keyframes 0.3s linear 1.1s 1 normal forwards;
-moz-animation: dr-gen-hln8dranimation_dr-keyframes 0.3s linear 1.1s 1 normal forwards;
animation: dr-gen-hln8dranimation_dr-keyframes 0.3s linear 1.1s 1 normal forwards;
}

.dr-img-bx3h {
position: absolute;
width: 65px;
height: 17px;
opacity: 0;
left: 972px;
top: 251px;
}

@-webkit-keyframes dr-gen-f59rdranimation_dr-keyframes {
0% {
opacity: 0;
left: 972px;
top: 251px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 972px;
top: 270px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-f59rdranimation_dr-keyframes {
0% {
opacity: 0;
left: 972px;
top: 251px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 972px;
top: 270px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-f59rdranimation_dr-keyframes {
0% {
opacity: 0;
left: 972px;
top: 251px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 972px;
top: 270px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-f59rdranimation {
-webkit-animation: dr-gen-f59rdranimation_dr-keyframes 0.2s linear 1.6s 1 normal forwards;
-moz-animation: dr-gen-f59rdranimation_dr-keyframes 0.2s linear 1.6s 1 normal forwards;
animation: dr-gen-f59rdranimation_dr-keyframes 0.2s linear 1.6s 1 normal forwards;
}

@-webkit-keyframes dr-gen-hlb7dranimation_dr-keyframes {
0% {
top: 450px;
-webkit-animation-timing-function: linear;
}
100% {
top: 360px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-hlb7dranimation_dr-keyframes {
0% {
top: 450px;
-moz-animation-timing-function: linear;
}
100% {
top: 360px;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-hlb7dranimation_dr-keyframes {
0% {
top: 450px;
animation-timing-function: linear;
}
100% {
top: 360px;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-hlb7dranimation {
-webkit-animation: dr-gen-hlb7dranimation_dr-keyframes 0.4s linear 0.8s 1 normal forwards;
-moz-animation: dr-gen-hlb7dranimation_dr-keyframes 0.4s linear 0.8s 1 normal forwards;
animation: dr-gen-hlb7dranimation_dr-keyframes 0.4s linear 0.8s 1 normal forwards;
}

.dr-div-fec6 {
text-align: center;
}

.dr-strong-imav {
font-size: 20px;
font-family: Arial;
color: rgb(255, 174, 0);
}

.dr-div-snrj {
text-align: center;
}

.dr-strong-j2mn {
font-size: 20px;
font-family: Arial;
color: rgb(255, 174, 0);
}

@-webkit-keyframes dr-gen-quiqdranimation_dr-keyframes {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.0471064507, 0.998889875, 0, 0, -0.998889875, 0.0471064507, 0, 0, -16.1991903382, -16.9811278737, 1);
left: 558px;
top: 77px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98230456, 0.1872905538, 0, 0, -0.1872905538, 0.98230456, 0, 0, 0, 0, 1);
left: 558px;
top: 92px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-quiqdranimation_dr-keyframes {
0% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 0.0471064507, 0.998889875, 0, 0, -0.998889875, 0.0471064507, 0, 0, -16.1991903382, -16.9811278737, 1);
left: 558px;
top: 77px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 0.98230456, 0.1872905538, 0, 0, -0.1872905538, 0.98230456, 0, 0, 0, 0, 1);
left: 558px;
top: 92px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-quiqdranimation_dr-keyframes {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 0.0471064507, 0.998889875, 0, 0, -0.998889875, 0.0471064507, 0, 0, -16.1991903382, -16.9811278737, 1);
left: 558px;
top: 77px;
opacity: 0;
animation-timing-function: linear;
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 0.98230456, 0.1872905538, 0, 0, -0.1872905538, 0.98230456, 0, 0, 0, 0, 1);
left: 558px;
top: 92px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-quiqdranimation {
-webkit-animation: dr-gen-quiqdranimation_dr-keyframes 0.2s linear 0.5s 1 normal forwards;
-moz-animation: dr-gen-quiqdranimation_dr-keyframes 0.2s linear 0.5s 1 normal forwards;
animation: dr-gen-quiqdranimation_dr-keyframes 0.2s linear 0.5s 1 normal forwards;
}

.dr-img-sxl0 {
position: absolute;
width: 706px;
height: 256px;
left: 270px;
top: 66px;
opacity: 0;
}

@-webkit-keyframes dr-gen-58w1dranimation_dr-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes dr-gen-58w1dranimation_dr-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes dr-gen-58w1dranimation_dr-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.dr-play-animation .dr-gen-58w1dranimation {
-webkit-animation: dr-gen-58w1dranimation_dr-keyframes 0.4s linear 1.6s 1 normal forwards;
-moz-animation: dr-gen-58w1dranimation_dr-keyframes 0.4s linear 1.6s 1 normal forwards;
animation: dr-gen-58w1dranimation_dr-keyframes 0.4s linear 1.6s 1 normal forwards;
}

.deli-second-div {
padding: 20px 40px;
color: #6e6e6e;
font-size: 16px;

margin-bottom: 40px;
background: #fff;
border-top: 1px solid #ddd;
}

.deli-second-div-upper {
padding: 140px 40px 40px;
}

.deli-second-div-lower {
padding: 10px 80px;
}

.deli-second-div h1 {
font-size: 35px;
color: black;
font-weight: bold;
}

.deli-bounced {
background: url('../../images/over-dr/bouncedmessage.png');
height: 137px;
width: 137px;
list-style: none;
margin: 0 auto;
}

.deli-archive {
background: url('../../images/over-dr/archive.png');
height: 137px;
width: 137px;
list-style: none;
margin: 0 auto;
}

.deli-fourth-div {
text-align: center;
color: #6e6e6e;
font-size: 14px;
padding: 20px 20px;
background: white;
}

.deli-fourth-div h1 {
font-size: 22px;
color: #323232;
font-weight: bold;
}

.deli-fourth-div-inner {
padding: 80px
}

.deli-third-div {
background: url('../../images/over-dr/geryline.png') repeat center;
border-top: 1px solid #e6e7ea;
}

.deli-third-div-column {
background: #f1f2f7;
z-index: 2;
padding: 40px 120px;
}

.deli-third-div-center {

}

.deli-bounced-upper {
background: url('../../images/over-dr/bounced.png');
height: 226px;
width: 223px;
list-style: none;
margin: 0 auto;
}

.deli-delivered {
background: url('../../images/over-dr/delivered.png');
height: 225px;
width: 223px;
list-style: none;
margin: 0 auto;
}

.deli-inbound {
background: url('../../images/over-dr/inbound.png');
height: 225px;
width: 223px;
list-style: none;
margin: 0 auto;
}

.deli-pending {
background: url('../../images/over-dr/pending.png');
height: 225px;
width: 223px;
list-style: none;
margin: 0 auto;
}

.deli-smssent {
background: url('../../images/over-dr/smssent.png');
height: 225px;
width: 223px;
list-style: none;
margin: 0 auto;
}

.deli-messagestart {
background: url('../../images/over-dr/sms-icon.png');
height: 102px;
width: 102px;
list-style: none;
margin: 0 auto;
}

.deli-messagesent {
background: url('../../images/over-dr/messagesent.png');
height: 102px;
width: 102px;
list-style: none;
margin: 0 auto;
}

#timeline-fill {
position: fixed;
top: 0;
left: 49%;
width: 2%;
height: 49%;
background-color: #047b2a;
-webkit-box-shadow: 0 0 10px 5px #047b2a;
-moz-box-shadow: 0 0 10px 5px #047b2a;
box-shadow: 0 0 10px 5px #047b2a;
z-index: -1;
display: none;
}

#timeline {
background-image: url('../../images/over-dr/timeline.png');
background-repeat: repeat;
background-position: center;
padding-top: 50px;
}

#timeline .locked-icon {
background-image: url('../../images/over-dr/sms-icon.png');
background-repeat: no-repeat;
background-position: center;
margin: -100px auto 0;
width: 102px;
height: 102px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 2px solid #047b2a;
background-color: #293949;
}

#timeline h2 {
color: #505050;
font-size: 36px;
font-weight: 500;
}

#timeline .timeline-point {
margin: 40px auto 0;
width: 21px;
height: 21px;
-webkit-border-radius: 10px 11px 11px 10px/10px 10px 11px 11px;
-moz-border-radius: 10px 11px 11px 10px/10px 10px 11px 11px;
border-radius: 10px 11px 11px 10px/10px 10px 11px 11px;
background-color: #fff;
border: 2px solid #047b2a;

}

#timeline .timeline-item {
background-color: #fff;
padding: 25px 30px 30px 30px;
border-radius: 4px;
-webkit-box-shadow: 0 0 0 1px rgba(203, 202, 202, .5);
-moz-box-shadow: 0 0 0 1px rgba(203, 202, 202, .5);
box-shadow: 0 0 0 1px rgba(203, 202, 202, .5);
}

.timeline-item.arrow-left:before, .timeline-item.arrow-right:before, .timeline-item.arrow-left:after, .timeline-item.arrow-right:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
width: 0;
height: 0;

}

.timeline-item.arrow-left:before {
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-right: 15px solid #fff;
font-size: 0;
line-height: 0;

position: absolute;
top: 35px;
left: 0px;
z-index: 20;
}

.timeline-item.arrow-left:after {
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-right: 15px solid #ccc;
font-size: 0;
line-height: 0;

position: absolute;
top: 36px;
left: -1px;
z-index: 10;
}

.timeline-item.arrow-right:before {
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 15px solid #fff;
font-size: 0;
line-height: 0;

position: absolute;
top: 35px;
right: 0px;
z-index: 20;
}

.timeline-item.arrow-right:after {
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
font-size: 0;
line-height: 0;

position: absolute;
top: 36px;
right: -1px;
z-index: 10;
}

.timeline-item h1 {
font-size: 35px;
font-weight: bold;
margin: 0;
}

.timeline-item p {
color: #6e6e6e;
font-size: 16px;
margin: 0;
}

.deli-boxed-percent {
color: #047b2a;
font-size: 90px;
}

.unlocked-icon {
background-image: url('../../images/over-dr/messagesent.png');
background-repeat: no-repeat;
background-position: center;
margin: -68px auto 0;
width: 102px;
height: 102px;
}

/*EMAIL TO SMS*/

.margin-top-hundred {
margin-top: 100px;
}

.e2s-banner {
background: url('../../images/over-recv/sliderimgage.png');
height: 432px;
width: 875px;
margin: 30px auto 0;
}

.e2s-play-button {
/*background: url('../../images/over-recv/playbutton.png') 0 0;
height:     136px;
width:      133px;
position:   absolute;
top:        50%;
left:       45%;*/
list-style: none;
cursor: pointer;

}

.e2s-play-button:hover {
background: url('../../images/over-recv/playbutton.png') 0 134px;
}

/*Transparent Images CSS*/
.e2s-delivery-report {
background: url('../../images/over-recv/deleveryreports.png');
height: 77px;
width: 75px;
}

.e2s-multiplecontact {
background: url('../../images/over-recv/multiplecontacts.png');
height: 77px;
width: 75px;
}

.e2s-noaddfee {
background: url('../../images/over-recv/noadditionalfee.png');
height: 77px;
width: 75px;
}

.e2s-sender-id {
background: url('../../images/over-recv/senerid.png');
height: 77px;
width: 75px;
}

/*Yellow Green Images CSS*/
.e2s-emailsms {
background: url('../../images/over-recv/emailsms.png');
height: 65px;
width: 65px;
}

.e2s-no-internet {
background: url('../../images/over-recv/nointernet.png');
height: 65px;
width: 65px;
}

.e2s-reminder {
background: url('../../images/over-recv/reminder.png');
height: 65px;
width: 65px;
}

.e2s-retailer {
background: url('../../images/over-recv/retailer.png');
height: 65px;
width: 65px;
}

.e2s-statistics {
background: url('../../images/over-recv/statistics.png');
height: 65px;
width: 65px;
}

/*Social Icons*/
.e2s-email-icon {
background: url('../../images/over-recv/email-icon.png');
height: 61px;
width: 151px;
}

.e2s-hotmail-icon {
background: url('../../images/over-recv/hotmail.png');
height: 61px;
width: 151px;
}

.e2s-gmail-icon {
background: url('../../images/over-recv/gmail.png');
height: 61px;
width: 151px;
}

.e2s-outlook-icon {
background: url('../../images/over-recv/outlook.png');
height: 61px;
width: 151px;
}

/*others*/
.e2s-social-icons {
list-style: none;
margin: 0 auto;
width: 80%;
}

.e2s-social-icons li {
float: left;
list-style: none;
margin: 15px;
}

.e2s-social-icons ul {

list-style: none;
}

/*Text and div*/
.e2s-second-div {
background: #f7f8fa;
border-top: 1px solid #ddd
}

.e2s-second-div p {
font-size: 16px;
color: #6e6e6e;
}

.e2s-second-div-yellow-heading {
font-size: 22px;

}

.e2s-second-div p {
font-size: 16px;
color: #6e6e6e;
}

.e2s-second-div-blue {
color: #018aff;
}

.e2s-second-div-yellow {
color: #fbbc21 !important;
}

.e2s-third-div {
background: url('../../images/bottom-pattern-white.png') repeat-x bottom #fbbc21;
color: white;
padding: 20px 20px 60px;
}

.e2s-third-div h1 {
color: black !important;
font-size: 40px;
font-weight: bold;
}

.e2s-third-div li {
float: left;
list-style: none;
margin: 20px;
}

.e2s-third-text {
float: none !important;
margin-top: 30px !important;

}

.margin {
margin: 0 10%;
}

.e2s-fourth-div {
padding: 20px;
}

.e2s-fourth-div li {
list-style: none;
}

.li-margin {
margin: 10px 20px;
}

/*TRACKING URL*/
.tu-page-container {
position: relative;
width: 100%;
height: 100%
}

.tu-page-content {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
perspective: 1400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
background-color: transparent
}

.tu-page-wrapper {
position: absolute;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
background-image: none;
background-color: #047b2a
}

.tu-page-size {
width: 1260px;
height: 450px
}

.tu-img-uvk0 {
position: absolute;
height: 47px;
left: 552px;
top: 262px;
width: 0px;
opacity: 0.44
}

.tu-img-vvop {
position: absolute;
width: 230px;
height: 379px;
opacity: 0;
top: 451px;
left: 515px
}

.tu-img-8o3o {
position: absolute;
width: 261px;
height: 64px;
opacity: 0;
left: 560px;
top: 286px
}

.tu-img-yqu3 {
position: absolute;
width: 436px;
height: 106px;
opacity: 0;
left: 159px;
top: 155px
}

.tu-img-wheq {
position: absolute;
width: 436px;
height: 106px;
left: 159px;
top: 154.5px;
opacity: 0
}

.tu-img-s9gb {
position: absolute;
width: 186px;
height: 315px;
opacity: 0;
top: 515px;
left: 528px
}

#page1.tu-play-animation .tu-gen-3759tuanimation {
-webkit-animation: tu-gen-3759tuanimation_tu-keyframes .4s linear .8s 1 normal forwards;
-moz-animation: tu-gen-3759tuanimation_tu-keyframes .4s linear .8s 1 normal forwards;
animation: tu-gen-3759tuanimation_tu-keyframes .4s linear .8s 1 normal forwards
}

.tu-div-xdx1 {
width: 985px
}

.tu-div-lhrx {
width: 985px;
background-image: none;
background-color: #fff
}

#page1.tu-play-animation .tu-gen-8pfetuanimation {
-webkit-animation: tu-gen-8pfetuanimation_tu-keyframes .4s linear 1.2s 1 normal forwards;
-moz-animation: tu-gen-8pfetuanimation_tu-keyframes .4s linear 1.2s 1 normal forwards;
animation: tu-gen-8pfetuanimation_tu-keyframes .4s linear 1.2s 1 normal forwards
}

@-webkit-keyframes tu-gen-7dlxtuanimation_tu-keyframes {
0% {
width: 0px;
opacity: 0.44;
-webkit-animation-timing-function: linear
}
14.29% {
width: 94px;
opacity: 1;
-webkit-animation-timing-function: linear
}
76.19% {
width: 94px;
opacity: 1;
-webkit-animation-timing-function: linear
}
100% {
width: 94px;
opacity: 0;
-webkit-animation-timing-function: linear
}
}

@-moz-keyframes tu-gen-7dlxtuanimation_tu-keyframes {
0% {
width: 0px;
opacity: 0.44;
-moz-animation-timing-function: linear
}
14.29% {
width: 94px;
opacity: 1;
-moz-animation-timing-function: linear
}
76.19% {
width: 94px;
opacity: 1;
-moz-animation-timing-function: linear
}
100% {
width: 94px;
opacity: 0;
-moz-animation-timing-function: linear
}
}

@keyframes tu-gen-7dlxtuanimation_tu-keyframes {
0% {
width: 0px;
opacity: 0.44;
animation-timing-function: linear
}
14.29% {
width: 94px;
opacity: 1;
animation-timing-function: linear
}
76.19% {
width: 94px;
opacity: 1;
animation-timing-function: linear
}
100% {
width: 94px;
opacity: 0;
animation-timing-function: linear
}
}

#page1.tu-play-animation .tu-gen-7dlxtuanimation {
-webkit-animation: tu-gen-7dlxtuanimation_tu-keyframes 2.1s linear .3s 1 normal forwards;
-moz-animation: tu-gen-7dlxtuanimation_tu-keyframes 2.1s linear .3s 1 normal forwards;
animation: tu-gen-7dlxtuanimation_tu-keyframes 2.1s linear .3s 1 normal forwards
}

#page1.tu-play-animation .tu-gen-dh1ltuanimation {
-webkit-animation: tu-gen-dh1ltuanimation_tu-keyframes .4s linear 2.4s 1 normal forwards;
-moz-animation: tu-gen-dh1ltuanimation_tu-keyframes .4s linear 2.4s 1 normal forwards;
animation: tu-gen-dh1ltuanimation_tu-keyframes .4s linear 2.4s 1 normal forwards
}

@-webkit-keyframes tu-gen-tx6atuanimation_tu-keyframes {
0% {
opacity: 0;
top: 515px;
left: 528px;
-webkit-animation-timing-function: linear
}
12.5% {
opacity: 1;
top: 135px;
left: 538px;
-webkit-animation-timing-function: linear
}
79.17% {
opacity: 1;
top: 135px;
left: 538px;
-webkit-animation-timing-function: linear
}
100% {
opacity: 0;
top: 135px;
left: 538px;
-webkit-animation-timing-function: linear
}
}

@-moz-keyframes tu-gen-tx6atuanimation_tu-keyframes {
0% {
opacity: 0;
top: 515px;
left: 528px;
-moz-animation-timing-function: linear
}
12.5% {
opacity: 1;
top: 135px;
left: 538px;
-moz-animation-timing-function: linear
}
79.17% {
opacity: 1;
top: 135px;
left: 538px;
-moz-animation-timing-function: linear
}
100% {
opacity: 0;
top: 135px;
left: 538px;
-moz-animation-timing-function: linear
}
}

@keyframes tu-gen-tx6atuanimation_tu-keyframes {
0% {
opacity: 0;
top: 515px;
left: 528px;
animation-timing-function: linear
}
12.5% {
opacity: 1;
top: 135px;
left: 538px;
animation-timing-function: linear
}
79.17% {
opacity: 1;
top: 135px;
left: 538px;
animation-timing-function: linear
}
100% {
opacity: 0;
top: 135px;
left: 538px;
animation-timing-function: linear
}
}

#page1.tu-play-animation .tu-gen-tx6atuanimation {
-webkit-animation: tu-gen-tx6atuanimation_tu-keyframes 2.4s linear 0s 1 normal forwards;
-moz-animation: tu-gen-tx6atuanimation_tu-keyframes 2.4s linear 0s 1 normal forwards;
animation: tu-gen-tx6atuanimation_tu-keyframes 2.4s linear 0s 1 normal forwards
}

@-webkit-keyframes tu-gen-rwcltuanimation_tu-keyframes {
0% {
opacity: 0;
top: 451px;
left: 515px;
-webkit-animation-timing-function: linear
}
12.5% {
opacity: 1;
top: 71px;
left: 515px;
-webkit-animation-timing-function: linear
}
79.17% {
opacity: 1;
top: 71px;
left: 515px;
-webkit-animation-timing-function: linear
}
100% {
opacity: 1;
top: 71px;
left: 515px;
-webkit-animation-timing-function: linear
}
}

@-moz-keyframes tu-gen-rwcltuanimation_tu-keyframes {
0% {
opacity: 0;
top: 451px;
left: 515px;
-moz-animation-timing-function: linear
}
12.5% {
opacity: 1;
top: 71px;
left: 515px;
-moz-animation-timing-function: linear
}
79.17% {
opacity: 1;
top: 71px;
left: 515px;
-moz-animation-timing-function: linear
}
100% {
opacity: 1;
top: 71px;
left: 515px;
-moz-animation-timing-function: linear
}
}

@keyframes tu-gen-rwcltuanimation_tu-keyframes {
0% {
opacity: 0;
top: 451px;
left: 515px;
animation-timing-function: linear
}
12.5% {
opacity: 1;
top: 71px;
left: 515px;
animation-timing-function: linear
}
79.17% {
opacity: 1;
top: 71px;
left: 515px;
animation-timing-function: linear
}
100% {
opacity: 1;
top: 71px;
left: 515px;
animation-timing-function: linear
}
}

#page1.tu-play-animation .tu-gen-rwcltuanimation {
-webkit-animation: tu-gen-rwcltuanimation_tu-keyframes 2.4s linear 0s 1 normal forwards;
-moz-animation: tu-gen-rwcltuanimation_tu-keyframes 2.4s linear 0s 1 normal forwards;
animation: tu-gen-rwcltuanimation_tu-keyframes 2.4s linear 0s 1 normal forwards
}

@-webkit-keyframes tu-gen-8pfetuanimation_tu-keyframes {
0% {
opacity: 0;
left: 159px;
top: 155px;
-webkit-animation-timing-function: linear
}
100% {
opacity: 1;
left: 158.5px;
top: 262px;
-webkit-animation-timing-function: linear
}
}

@-moz-keyframes tu-gen-8pfetuanimation_tu-keyframes {
0% {
opacity: 0;
left: 159px;
top: 155px;
-moz-animation-timing-function: linear
}
100% {
opacity: 1;
left: 158.5px;
top: 262px;
-moz-animation-timing-function: linear
}
}

@keyframes tu-gen-8pfetuanimation_tu-keyframes {
0% {
opacity: 0;
left: 159px;
top: 155px;
animation-timing-function: linear
}
100% {
opacity: 1;
left: 158.5px;
top: 262px;
animation-timing-function: linear
}
}

@-webkit-keyframes tu-gen-dh1ltuanimation_tu-keyframes {
0% {
opacity: 0;
left: 560px;
top: 286px;
-webkit-animation-timing-function: linear
}
100% {
opacity: 1;
left: 560px;
top: 317px;
-webkit-animation-timing-function: linear
}
}

@-moz-keyframes tu-gen-dh1ltuanimation_tu-keyframes {
0% {
opacity: 0;
left: 560px;
top: 286px;
-moz-animation-timing-function: linear
}
100% {
opacity: 1;
left: 560px;
top: 317px;
-moz-animation-timing-function: linear
}
}

@keyframes tu-gen-dh1ltuanimation_tu-keyframes {
0% {
opacity: 0;
left: 560px;
top: 286px;
animation-timing-function: linear
}
100% {
opacity: 1;
left: 560px;
top: 317px;
animation-timing-function: linear
}
}

@-webkit-keyframes tu-gen-3759tuanimation_tu-keyframes {
0% {
left: 159px;
top: 154.5px;
opacity: 0;
-webkit-animation-timing-function: linear
}
100% {
left: 159px;
top: 154.5px;
opacity: 1;
-webkit-animation-timing-function: linear
}
}

@-moz-keyframes tu-gen-3759tuanimation_tu-keyframes {
0% {
left: 159px;
top: 154.5px;
opacity: 0;
-moz-animation-timing-function: linear
}
100% {
left: 159px;
top: 154.5px;
opacity: 1;
-moz-animation-timing-function: linear
}
}

@keyframes tu-gen-3759tuanimation_tu-keyframes {
0% {
left: 159px;
top: 154.5px;
opacity: 0;
animation-timing-function: linear
}
100% {
left: 159px;
top: 154.5px;
opacity: 1;
animation-timing-function: linear
}
}

<
/
style >
.tu-banner-heading {
font-size: 35px;
color: #fbbc21;
font-weight: bold;
}

.tu-second-div {
font-size: 14px;
color: #757575;
text-align: center;
border-top: 1px solid rgb(221, 221, 221);
background: rgb(247, 248, 250);
padding: 20px 0;
}

.tu-third-div {

color: red;
background: #fff;
text-align: center;
font-weight: bold;
}

/*API*/

.margin-top-forty {
margin-top: 40px;
}

.margin-bottom-forty {
margin-bottom: 40px !important;
}

.api-page-container {
position: relative;
width: 100%;
height: 100%;
}

.api-page-content {
background-color: transparent;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
perspective: 1400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
}

.api-page-wrapper {
position: absolute;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
background-image: none;
background-color: #fff;
}

.api-page-size {
width: 1260px;
height: 450px;
}

.api-img-vi84 {
position: absolute;
width: 290px;
height: 264px;
left: 225px;
top: 143px;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.api-img-2wmj {
position: absolute;
width: 100px;
height: 100px;
color: rgb(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
opacity: 1;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
}

.api-img-qci4 {
position: absolute;
width: 178px;
height: 108px;
left: 601px;
top: 211px;
}

.api-img-we80 {
position: absolute;
width: 28px;
height: 20px;
left: 512px;
top: 278px;
opacity: 1;
}

.api-img-jc4a {
position: absolute;
width: 52px;
height: 43px;
left: 654px;
top: 227px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.api-img-w5wh {
position: absolute;
height: 179px;
width: 98px;
left: 867px;
top: 202px;
}

.api-img-dlh4 {
position: absolute;
height: 168px;
width: 92px;
left: 997px;
top: 214px;
}

.api-img-q7x7 {
position: absolute;
width: 72px;
height: 130px;
left: 945px;
top: 171px;
}

.api-img-pbfu {
left: 512px;
top: 278px;
opacity: 1;
}

.api-img-vw99 {
position: absolute;
width: 28px;
height: 20px;
left: 834px;
top: 278px;
opacity: 0;
}

.api-div-u7ta {
position: absolute;
font-family: 'Times New Roman';
text-align: left;
height: 34px;
width: 191px;
top: 187px;
left: 277px;
}

.api-strong-x6xg {
font-family: Arial;
font-size: 24px;
color: rgb(205, 211, 214);
}

.api-img-2mzf {
position: absolute;
height: 121px;
width: 79px;
left: 1003.4999999999998px;
top: 233px;
}

.api-img-1gke {
position: absolute;
height: 129px;
width: 85px;
left: 874px;
top: 222px;
opacity: 1;
}

.api-img-rnrb {
left: 951px;
top: 184.49999999999997px;
height: 95px;
width: 62px;
opacity: 1;
}

@-webkit-keyframes api-gen-6zr3apianimation_api-keyframes {
0% {
left: 512px;
top: 278px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
28.57% {
left: 547.3333333333333px;
top: 278px;
opacity: 0.38;
-webkit-animation-timing-function: linear;
}
57.14% {
left: 565px;
top: 278px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
left: 541px;
top: 278px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-6zr3apianimation_api-keyframes {
0% {
left: 512px;
top: 278px;
opacity: 1;
-moz-animation-timing-function: linear;
}
28.57% {
left: 547.3333333333333px;
top: 278px;
opacity: 0.38;
-moz-animation-timing-function: linear;
}
57.14% {
left: 565px;
top: 278px;
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
left: 541px;
top: 278px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-6zr3apianimation_api-keyframes {
0% {
left: 512px;
top: 278px;
opacity: 1;
animation-timing-function: linear;
}
28.57% {
left: 547.3333333333333px;
top: 278px;
opacity: 0.38;
animation-timing-function: linear;
}
57.14% {
left: 565px;
top: 278px;
opacity: 1;
animation-timing-function: linear;
}
100% {
left: 541px;
top: 278px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-6zr3apianimation {
-webkit-animation: api-gen-6zr3apianimation_api-keyframes 0.7s linear 0.4s 1 normal forwards;
-moz-animation: api-gen-6zr3apianimation_api-keyframes 0.7s linear 0.4s 1 normal forwards;
animation: api-gen-6zr3apianimation_api-keyframes 0.7s linear 0.4s 1 normal forwards;
}

.api-img-kauc {
position: absolute;
width: 223px;
height: 223px;
left: 578px;
top: 166.5px;
opacity: 0;
}

.api-img-obn2 {
position: absolute;
width: 293px;
height: 293px;
left: 543px;
top: 131.5px;
opacity: 0;
}

.api-img-m812 {
position: absolute;
width: 363px;
height: 363px;
left: 508px;
top: 96.5px;
opacity: 0;
}

.api-img-pqmz {
position: absolute;
width: 419px;
height: 419px;
left: 480px;
top: 68.5px;
opacity: 0;
}

.api-img-mn69 {
position: absolute;
width: 481px;
height: 450px;
left: 449px;
top: 38px;
opacity: 0;
}

.api-img-jydr {
opacity: 1;
}

@-webkit-keyframes api-gen-4d3rapianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
28.57% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
71.43% {
opacity: 0.22;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-4d3rapianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
28.57% {
opacity: 1;
-moz-animation-timing-function: linear;
}
71.43% {
opacity: 0.22;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-4d3rapianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
28.57% {
opacity: 1;
animation-timing-function: linear;
}
71.43% {
opacity: 0.22;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-4d3rapianimation {
-webkit-animation: api-gen-4d3rapianimation_api-keyframes 0.7s linear 0.7s 1 normal forwards;
-moz-animation: api-gen-4d3rapianimation_api-keyframes 0.7s linear 0.7s 1 normal forwards;
animation: api-gen-4d3rapianimation_api-keyframes 0.7s linear 0.7s 1 normal forwards;
}

@-webkit-keyframes api-gen-pkwsapianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
22.22% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
55.56% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-pkwsapianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
22.22% {
opacity: 1;
-moz-animation-timing-function: linear;
}
55.56% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-pkwsapianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
22.22% {
opacity: 1;
animation-timing-function: linear;
}
55.56% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-pkwsapianimation {
-webkit-animation: api-gen-pkwsapianimation_api-keyframes 0.9s linear 0.6s 1 normal forwards;
-moz-animation: api-gen-pkwsapianimation_api-keyframes 0.9s linear 0.6s 1 normal forwards;
animation: api-gen-pkwsapianimation_api-keyframes 0.9s linear 0.6s 1 normal forwards;
}

@-webkit-keyframes api-gen-f20yapianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
18.18% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
45.45% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-f20yapianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
18.18% {
opacity: 1;
-moz-animation-timing-function: linear;
}
45.45% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-f20yapianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
18.18% {
opacity: 1;
animation-timing-function: linear;
}
45.45% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-f20yapianimation {
-webkit-animation: api-gen-f20yapianimation_api-keyframes 1.1s linear 0.5s 1 normal forwards;
-moz-animation: api-gen-f20yapianimation_api-keyframes 1.1s linear 0.5s 1 normal forwards;
animation: api-gen-f20yapianimation_api-keyframes 1.1s linear 0.5s 1 normal forwards;
}

@-webkit-keyframes api-gen-5en4apianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
15.38% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
38.46% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-5en4apianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
15.38% {
opacity: 1;
-moz-animation-timing-function: linear;
}
38.46% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-5en4apianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
15.38% {
opacity: 1;
animation-timing-function: linear;
}
38.46% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-5en4apianimation {
-webkit-animation: api-gen-5en4apianimation_api-keyframes 1.3s linear 0.4s 1 normal forwards;
-moz-animation: api-gen-5en4apianimation_api-keyframes 1.3s linear 0.4s 1 normal forwards;
animation: api-gen-5en4apianimation_api-keyframes 1.3s linear 0.4s 1 normal forwards;
}

@-webkit-keyframes api-gen-5fw4apianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
18.75% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
37.5% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-5fw4apianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
18.75% {
opacity: 1;
-moz-animation-timing-function: linear;
}
37.5% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-5fw4apianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
18.75% {
opacity: 1;
animation-timing-function: linear;
}
37.5% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-5fw4apianimation {
-webkit-animation: api-gen-5fw4apianimation_api-keyframes 1.6s linear 0.2s 1 normal forwards;
-moz-animation: api-gen-5fw4apianimation_api-keyframes 1.6s linear 0.2s 1 normal forwards;
animation: api-gen-5fw4apianimation_api-keyframes 1.6s linear 0.2s 1 normal forwards;
}

.api-img-gbbn {
position: absolute;
width: 9px;
height: 8px;
left: 735px;
top: 278px;
opacity: 0;
}

.api-img-t2j6 {
position: absolute;
width: 17px;
height: 15px;
left: 735px;
top: 271px;
opacity: 0;
}

.api-img-wbny {
position: absolute;
width: 24px;
height: 22px;
left: 735px;
top: 264px;
opacity: 0;
}

@-webkit-keyframes api-gen-8fnfapianimation_api-keyframes {
0% {
opacity: 1;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-webkit-animation-timing-function: linear;
}
13.04% {
opacity: 1;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-webkit-animation-timing-function: linear;
}
34.78% {
opacity: 1;
-webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-webkit-animation-timing-function: linear;
}
91.3% {
opacity: 1;
-webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-8fnfapianimation_api-keyframes {
0% {
opacity: 1;
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-moz-animation-timing-function: linear;
}
13.04% {
opacity: 1;
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-moz-animation-timing-function: linear;
}
34.78% {
opacity: 1;
-moz-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-moz-animation-timing-function: linear;
}
91.3% {
opacity: 1;
-moz-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-8fnfapianimation_api-keyframes {
0% {
opacity: 1;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
animation-timing-function: linear;
}
13.04% {
opacity: 1;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
animation-timing-function: linear;
}
34.78% {
opacity: 1;
transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
animation-timing-function: linear;
}
91.3% {
opacity: 1;
transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
animation-timing-function: linear;
}
100% {
opacity: 1;
transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
left: 320px;
top: 243px;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-8fnfapianimation {
-webkit-animation: api-gen-8fnfapianimation_api-keyframes 2.3s linear 0s 1 normal forwards;
-moz-animation: api-gen-8fnfapianimation_api-keyframes 2.3s linear 0s 1 normal forwards;
animation: api-gen-8fnfapianimation_api-keyframes 2.3s linear 0s 1 normal forwards;
}

@-webkit-keyframes api-gen-aufmapianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-aufmapianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-aufmapianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-aufmapianimation {
-webkit-animation: api-gen-aufmapianimation_api-keyframes 0.5s linear 1.6s infinite normal forwards;
-moz-animation: api-gen-aufmapianimation_api-keyframes 0.5s linear 1.6s infinite normal forwards;
animation: api-gen-aufmapianimation_api-keyframes 0.5s linear 1.6s infinite normal forwards;
}

@-webkit-keyframes api-gen-pgs9apianimation_api-keyframes {
0% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
86.36% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-pgs9apianimation_api-keyframes {
0% {
opacity: 1;
-moz-animation-timing-function: linear;
}
86.36% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-pgs9apianimation_api-keyframes {
0% {
opacity: 1;
animation-timing-function: linear;
}
86.36% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-pgs9apianimation {
-webkit-animation: api-gen-pgs9apianimation_api-keyframes 2.2s linear 0s 1 normal forwards;
-moz-animation: api-gen-pgs9apianimation_api-keyframes 2.2s linear 0s 1 normal forwards;
animation: api-gen-pgs9apianimation_api-keyframes 2.2s linear 0s 1 normal forwards;
}

@-webkit-keyframes api-gen-9vwkapianimation_api-keyframes {
0% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
87.5% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-9vwkapianimation_api-keyframes {
0% {
opacity: 1;
-moz-animation-timing-function: linear;
}
87.5% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-9vwkapianimation_api-keyframes {
0% {
opacity: 1;
animation-timing-function: linear;
}
87.5% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-9vwkapianimation {
-webkit-animation: api-gen-9vwkapianimation_api-keyframes 2.4s linear 0s 1 normal forwards;
-moz-animation: api-gen-9vwkapianimation_api-keyframes 2.4s linear 0s 1 normal forwards;
animation: api-gen-9vwkapianimation_api-keyframes 2.4s linear 0s 1 normal forwards;
}

@-webkit-keyframes api-gen-t0jqapianimation_api-keyframes {
0% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
88% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-t0jqapianimation_api-keyframes {
0% {
opacity: 1;
-moz-animation-timing-function: linear;
}
88% {
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
opacity: 0;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-t0jqapianimation_api-keyframes {
0% {
opacity: 1;
animation-timing-function: linear;
}
88% {
opacity: 1;
animation-timing-function: linear;
}
100% {
opacity: 0;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-t0jqapianimation {
-webkit-animation: api-gen-t0jqapianimation_api-keyframes 2.5s linear 0s 1 normal forwards;
-moz-animation: api-gen-t0jqapianimation_api-keyframes 2.5s linear 0s 1 normal forwards;
animation: api-gen-t0jqapianimation_api-keyframes 2.5s linear 0s 1 normal forwards;
}

@-webkit-keyframes api-gen-eg3sapianimation_api-keyframes {
0% {
left: 834px;
top: 278px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
33.33% {
left: 831px;
top: 278px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
66.67% {
left: 786px;
top: 278px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
100% {
left: 810px;
top: 278px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-eg3sapianimation_api-keyframes {
0% {
left: 834px;
top: 278px;
opacity: 0;
-moz-animation-timing-function: linear;
}
33.33% {
left: 831px;
top: 278px;
opacity: 1;
-moz-animation-timing-function: linear;
}
66.67% {
left: 786px;
top: 278px;
opacity: 1;
-moz-animation-timing-function: linear;
}
100% {
left: 810px;
top: 278px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-eg3sapianimation_api-keyframes {
0% {
left: 834px;
top: 278px;
opacity: 0;
animation-timing-function: linear;
}
33.33% {
left: 831px;
top: 278px;
opacity: 1;
animation-timing-function: linear;
}
66.67% {
left: 786px;
top: 278px;
opacity: 1;
animation-timing-function: linear;
}
100% {
left: 810px;
top: 278px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-eg3sapianimation {
-webkit-animation: api-gen-eg3sapianimation_api-keyframes 0.6s linear 2.1s 1 normal forwards;
-moz-animation: api-gen-eg3sapianimation_api-keyframes 0.6s linear 2.1s 1 normal forwards;
animation: api-gen-eg3sapianimation_api-keyframes 0.6s linear 2.1s 1 normal forwards;
}

@-webkit-keyframes api-gen-78a8apianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-78a8apianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-78a8apianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-78a8apianimation {
-webkit-animation: api-gen-78a8apianimation_api-keyframes 0.5s linear 1.2s infinite normal forwards;
-moz-animation: api-gen-78a8apianimation_api-keyframes 0.5s linear 1.2s infinite normal forwards;
animation: api-gen-78a8apianimation_api-keyframes 0.5s linear 1.2s infinite normal forwards;
}

@-webkit-keyframes api-gen-1oojapianimation_api-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-1oojapianimation_api-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-1oojapianimation_api-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-1oojapianimation {
-webkit-animation: api-gen-1oojapianimation_api-keyframes 0.5s linear 0.8s infinite normal forwards;
-moz-animation: api-gen-1oojapianimation_api-keyframes 0.5s linear 0.8s infinite normal forwards;
animation: api-gen-1oojapianimation_api-keyframes 0.5s linear 0.8s infinite normal forwards;
}

@-webkit-keyframes api-gen-xwwuapianimation_api-keyframes {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes api-gen-xwwuapianimation_api-keyframes {
0% {
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-animation-timing-function: linear;
}
}

@keyframes api-gen-xwwuapianimation_api-keyframes {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
100% {
transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
animation-timing-function: linear;
}
}

#page1.api-play-animation .api-gen-xwwuapianimation {
-webkit-animation: api-gen-xwwuapianimation_api-keyframes 0.9s linear 0.8s infinite normal forwards;
-moz-animation: api-gen-xwwuapianimation_api-keyframes 0.9s linear 0.8s infinite normal forwards;
animation: api-gen-xwwuapianimation_api-keyframes 0.9s linear 0.8s infinite normal forwards;
}

.api-banner-heading {
font-size: 30px;
color: #fbbc21;
font-weight: bold;
text-align: center !important;
}

.api-banner-heading h1 {
text-align: center !important;
float: none !important;
}

.api-second-div {
color: #757575;
font-size: 14px;
padding: 40px 80px;
border-top: 1px solid #ddd;
background: #f7f8fa;
}

.api-third-div {
background: #fff;
font-size: 14px;
text-align: left;
color: #808080;
font-weight: bold;
padding: 40px 20px;

}

.api-third-div p {
color: #808080;
font-weight: 800;
}

.api-third-div h1 {
color: black;
font-size: 24px;
}

.api-message-icon {
background: url('../../images/over-api/6-send-sms.png');
height: 92px;
width: 92px;
list-style: none;

}

.api-i-dont-know {
padding: 10px 40px;
}

.api-fourth-div {
padding: 60px 40px;
}

.api-fourth-div h1 {
color: #047b2a;
text-align: center;
font-size: 30px;
font-weight: bold;

margin-top: -35px;
}

.api-center-block {

}

.api-doc-center {
max-width: 590px;
margin: 0 auto;
}

.api-fourth-div ul {
float: left;
font-size: 14px;
font-weight: 800;
color: #2e2f30;
text-transform: uppercase;
margin-right: 60px;

}

.api-fourth-div button {

border: 3px solid #047b2a;
color: #047b2a;
background: transparent;
padding: 20px 80px;
font-size: 24px;
font-weight: 800;
margin: 35px 25%;
}

.api-fourth-div li {
color: #fbbc21;
}

.api-fourth-div li span {
color: #2e2f30;
}

.api-scroller-text {
background: #424242;
border: 1px solid #d6d6d6;
border-top: 0;
border-radius: 8px;
width: 749px;
height: 450px;
margin: 60px auto;
box-shadow: 1px 1px 7px #d6d6d6;
overflow: hidden;
}

.api-scroller-text-upper {
background: url('../../images/over-api/api-browser.png');
width: 749px;
height: 67px;
list-style: none;
margin: 0 auto;
}

.api-scroller-text-lower {
padding: 20px;
overflow: scroll;

}

.api-scroller-text-lower::-webkit-scrollbar {
width: 10px;
background-color: transparent;
border: 1px solid #3e3e3e;

}

.api-scroller-text-lower::-webkit-scrollbar-thumb {
background-color: #5b5b5b;
border-radius: 10px;
}

.api-scroller-text-lower::-webkit-scrollbar-thumb:hover {
background-color: #5b5b5b;
border: 1px solid #333333;
}

.api-scroller-text-lower::-webkit-scrollbar-thumb:active {
background-color: #5b5b5b;
border: 1px solid #333333;
}

code {
background: transparent !important;
}

.account-credit-info {
background: url('../../images/over-api/1-account-credit-info.png');
height: 91px;
width: 91px;
list-style: none;

}

.group-message {
background: url('../../images/over-api/2-group-messages.png');
height: 91px;
width: 91px;
list-style: none;

}

.order-confirmation {
background: url('../../images/over-api/3-order-confirmations.png');
height: 91px;
width: 91px;
list-style: none;

}

.schedule-messages {
background: url('../../images/over-api/4-schedule-messages.png');
height: 91px;
width: 91px;
list-style: none;

}

.send-appointment-reminders {
background: url('../../images/over-api/5-send-appointment-reminders.png');
height: 91px;
width: 91px;
list-style: none;

}

/*SHORT CODE*/
.si-page-container {
position: relative;
width: 100%;
height: 100%;
}

.si-page-content {
background-color: transparent;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-perspective: 1400px;
-moz-perspective: 1400px;
perspective: 1400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
}

.si-page-wrapper {
position: absolute;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
background-image: none;
background-color: #fff;
}

.si-page-size {
width: 1260px;
height: 450px;
}

.si-img-7c87 {
position: absolute;
width: 225px;
height: 379px;
left: 555px;
top: 451px;
}

.si-img-w7rb {
position: absolute;
left: 590px;
top: 261px;
height: 3px;
width: 7px;
opacity: 0;
}

.si-img-fln5 {
position: absolute;
width: 322px;
height: 309px;
left: 560px;
top: 108px;
opacity: 0;
}

.si-img-lxv3 {
position: absolute;
width: 303px;
height: 124px;
left: 647.5000000000045px;
top: 204px;
opacity: 0;
}

@-webkit-keyframes si-gen-3ufdsianimation_si-keyframes {
0% {
top: 451px;
-webkit-animation-timing-function: linear;
}
100% {
top: 71px;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes si-gen-3ufdsianimation_si-keyframes {
0% {
top: 451px;
-moz-animation-timing-function: linear;
}
100% {
top: 71px;
-moz-animation-timing-function: linear;
}
}

@keyframes si-gen-3ufdsianimation_si-keyframes {
0% {
top: 451px;
animation-timing-function: linear;
}
100% {
top: 71px;
animation-timing-function: linear;
}
}

#page1.si-play-animation .si-gen-3ufdsianimation {
-webkit-animation: si-gen-3ufdsianimation_si-keyframes 0.3s linear 0s 1 normal forwards;
-moz-animation: si-gen-3ufdsianimation_si-keyframes 0.3s linear 0s 1 normal forwards;
animation: si-gen-3ufdsianimation_si-keyframes 0.3s linear 0s 1 normal forwards;
}

@-webkit-keyframes si-gen-xa6ysianimation_si-keyframes {
0% {
left: 560px;
top: 108px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
left: 292px;
top: 108px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes si-gen-xa6ysianimation_si-keyframes {
0% {
left: 560px;
top: 108px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
left: 292px;
top: 108px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes si-gen-xa6ysianimation_si-keyframes {
0% {
left: 560px;
top: 108px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 292px;
top: 108px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.si-play-animation .si-gen-xa6ysianimation {
-webkit-animation: si-gen-xa6ysianimation_si-keyframes 0.4s linear 0.3s 1 normal forwards;
-moz-animation: si-gen-xa6ysianimation_si-keyframes 0.4s linear 0.3s 1 normal forwards;
animation: si-gen-xa6ysianimation_si-keyframes 0.4s linear 0.3s 1 normal forwards;
}

@-webkit-keyframes si-gen-whbusianimation_si-keyframes {
0% {
left: 647.5000000000045px;
top: 204px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
left: 697.5000000000045px;
top: 204px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes si-gen-whbusianimation_si-keyframes {
0% {
left: 647.5000000000045px;
top: 204px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
left: 697.5000000000045px;
top: 204px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes si-gen-whbusianimation_si-keyframes {
0% {
left: 647.5000000000045px;
top: 204px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 697.5000000000045px;
top: 204px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.si-play-animation .si-gen-whbusianimation {
-webkit-animation: si-gen-whbusianimation_si-keyframes 0.4s linear 1.5s 1 normal forwards;
-moz-animation: si-gen-whbusianimation_si-keyframes 0.4s linear 1.5s 1 normal forwards;
animation: si-gen-whbusianimation_si-keyframes 0.4s linear 1.5s 1 normal forwards;
}

@-webkit-keyframes si-gen-34wpsianimation_si-keyframes {
0% {
height: 3px;
width: 7px;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
height: 45px;
width: 105px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}

@-moz-keyframes si-gen-34wpsianimation_si-keyframes {
0% {
height: 3px;
width: 7px;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
height: 45px;
width: 105px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}

@keyframes si-gen-34wpsianimation_si-keyframes {
0% {
height: 3px;
width: 7px;
opacity: 0;
animation-timing-function: linear;
}
100% {
height: 45px;
width: 105px;
opacity: 1;
animation-timing-function: linear;
}
}

#page1.si-play-animation .si-gen-34wpsianimation {
-webkit-animation: si-gen-34wpsianimation_si-keyframes 0.3s linear 0.9s 1 normal forwards;
-moz-animation: si-gen-34wpsianimation_si-keyframes 0.3s linear 0.9s 1 normal forwards;
animation: si-gen-34wpsianimation_si-keyframes 0.3s linear 0.9s 1 normal forwards;
}

.ssc-number-1 {
background: url('../../images/over-ssc/number1.png');
height: 53px;
width: 53px;
}

.ssc-number-2 {
background: url('../../images/over-ssc/number2.png');
height: 53px;
width: 53px;
}

.ssc-number-3 {
background: url('../../images/over-ssc/number3.png');
height: 53px;
width: 53px;
}

.ssc-number-4 {
background: url('../../images/over-ssc/number4.png');
height: 53px;
width: 53px;
}

.ssc-number-5 {
background: url('../../images/over-ssc/number5.png');
height: 53px;
width: 53px;
}

.ssc-second-div {
padding: 0 80px;
color: #6e6e6e;
text-align: justify;
background: #f7f8fa;
border-top: 1px solid #ddd;
overflow: hidden;
}

.ssc-second-div h1 {
color: black;
font-size: 22px;
}

.ssc-third-div {
background: #fff;
color: #757575;
overflow: hidden;
}

.ssc-third-div h1 {
color: black;
font-size: 35px;
font-weight: bold;
}

.list-ssc {
margin-top: 60px;
list-style: none;
margin-left: 180px;
}
@media only screen and (max-width: 1024px) {
    .md-overflow{
        overflow: hidden;
    }
}