html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
center,
u,
b,
i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}
body {
    line-height: 1
}
:focus {
    outline: 0
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}
blockquote,
q {
    quotes: "" ""
}
input,
textarea {
    margin: 0;
    padding: 0
}
.anti-alias {
    font-smooth: always;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}
.comunArrows {
    width: 0;
    height: 0;
    position: relative;
    line-height: 0
}
.animatedOut from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity 100);
    opacity: 1
}
.animatedOut to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity 0);
    opacity: 0
}
@keyframes animationOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
}
@-webkit-keyframes animationOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
}
@-ms-keyframes animationOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
}
@-moz-keyframes animationOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
}
.animatedIn from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity 0);
    opacity: 0
}
.animatedIn to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity 100);
    opacity: 1
}
@keyframes animationIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
}
@-webkit-keyframes animationIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
}
@-ms-keyframes animationIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
}
@-moz-keyframes animationIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity 0);
        opacity: 0
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity 100);
        opacity: 1
    }
}

@keyframes animationExit {
    0% {
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
    }
    100% {
        -webkit-transform:translate(0,-40px);
        -moz-transform:translate(0,-40px);
        -ms-transform:translate(0,-40px);
        transform:translate(0,-40px);
    }
}

@-webkit-keyframes animationExit {
    0% {
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
    }
    100% {
        -webkit-transform:translate(0,-40px);
        -moz-transform:translate(0,-40px);
        -ms-transform:translate(0,-40px);
        transform:translate(0,-40px);
    }
}

@-ms-keyframes animationExit {
    0% {
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
    }
    100% {
        -webkit-transform:translate(0,-40px);
        -moz-transform:translate(0,-40px);
        -ms-transform:translate(0,-40px);
        transform:translate(0,-40px);
    }
}

@-moz-keyframes animationExit {
    0% {
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
    }
    100% {
        -webkit-transform:translate(0,-40px);
        -moz-transform:translate(0,-40px);
        -ms-transform:translate(0,-40px);
        transform:translate(0,-40px);
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    font-size:6px
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    font-size:6px
}
.animatedBg 0% {
    height: 0
}
.animatedBg 100% {
    height: 130%
}
@keyframes animationBg {
    0% {
        height: 0
    }
    100% {
        height: 130%
    }
}
@-webkit-keyframes animationBg {
    0% {
        height: 0
    }
    100% {
        height: 130%
    }
}
@-ms-keyframes animationBg {
    0% {
        height: 0
    }
    100% {
        height: 130%
    }
}
@-moz-keyframes animationBg {
    0% {
        height: 0
    }
    100% {
        height: 130%
    }
}
.animatedSkew_Neg to {
    transform: skewY(0deg)
}
@keyframes animationSkew_Neg {
    to {
        transform: skewY(0deg)
    }
}
@-webkit-keyframes animationSkew_Neg {
    to {
        transform: skewY(0deg)
    }
}
@-ms-keyframes animationSkew_Neg {
    to {
        transform: skewY(0deg)
    }
}
@-moz-keyframes animationSkew_Neg {
    to {
        transform: skewY(0deg)
    }
}
.animatedSkew_Pos to {
    transform: skewY(0deg)
}
@keyframes animationSkew_Pos {
    to {
        transform: skewY(0deg)
    }
}
@-webkit-keyframes animationSkew_Pos {
    to {
        transform: skewY(0deg)
    }
}
@-ms-keyframes animationSkew_Pos {
    to {
        transform: skewY(0deg)
    }
}
@-moz-keyframes animationSkew_Pos {
    to {
        transform: skewY(0deg)
    }
}
.animatedEquipImg to {
    top: -100%
}
@keyframes animationEquipImg {
    to {
        top: -100%
    }
}
@-webkit-keyframes animationEquipImg {
    to {
        top: -100%
    }
}
@-ms-keyframes animationEquipImg {
    to {
        top: -100%
    }
}
@-moz-keyframes animationEquipImg {
    to {
        top: -100%
    }
}
.animatedTop 0% {
    top: 50px
}
.animatedTop 100% {
    top: 0
}
@keyframes animationTop {
    0% {
        top: 50px
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes animationTop {
    0% {
        top: 50px
    }
    100% {
        top: 0
    }
}
@-ms-keyframes animationTop {
    0% {
        top: 50px
    }
    100% {
        top: 0
    }
}
@-moz-keyframes animationTop {
    0% {
        top: 50px
    }
    100% {
        top: 0
    }
}
.animatedTopExit 0% {
    top: 0
}
.animatedTopExit 100% {
    top: -50px
}
@keyframes animationTopExit {
    0% {
        top: 0
    }
    100% {
        top: -50px
    }
}
@-webkit-keyframes animationTopExit {
    0% {
        top: 0
    }
    100% {
        top: -50px
    }
}
@-ms-keyframes animationTopExit {
    0% {
        top: 0
    }
    100% {
        top: -50px
    }
}
@-moz-keyframes animationTopExit {
    0% {
        top: 0
    }
    100% {
        top: -50px
    }
}
@keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@-webkit-keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@-ms-keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@-moz-keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
.animatedLegal to {
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px)
}
@keyframes animationLegal {
    to {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px)
    }
}
@-webkit-keyframes animationLegal {
    to {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px)
    }
}
@-ms-keyframes animationLegal {
    to {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px)
    }
}
@-moz-keyframes animationLegal {
    to {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px)
    }
}
.animatedDotOpacity 0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity 0);
    opacity: 0;
    top: 160px
}
.animatedDotOpacity 100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity 100);
    opacity: 1;
    top: 140px
}
.animatedStroke 0% {
    stroke-dashoffset: 500
}
.animatedStroke 100% {
    stroke-dashoffset: 0
}
@keyframes animationStroke {
    0% {
        stroke-dashoffset: 500
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-webkit-keyframes animationStroke {
    0% {
        stroke-dashoffset: 500
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-ms-keyframes animationStroke {
    0% {
        stroke-dashoffset: 500
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-moz-keyframes animationStroke {
    0% {
        stroke-dashoffset: 500
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@-webkit-keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@-ms-keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@-moz-keyframes animationWidth {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@keyframes animationHeight {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}
@-webkit-keyframes animationHeight {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}
@-ms-keyframes animationHeight {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}
@-moz-keyframes animationHeight {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}
div {
    border: red 1px black
}
#content_dc {
    width: 298px;
    height: 248px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #49a7a2;
}
.scene,
.texto {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center
}
.hideA {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity 0);
    opacity: 0
}
.logoFooter {
    width: 36px;
    height: 30px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    z-index: 100;
    background: url('../img/logo.svg') top left no-repeat
}
#scene1 {
    width: 300px;
    height: 250px;
    top: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    background-color: #49a7a2;
}
#content_scene1 {
    width: 300px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-position: 0 0px;
    background-image: url('../img/bg1.jpg')
}
.mask11,
.mask12,
.mask13,
.mask14{
    width: 200px;
    height: 20px;
    left: 20px;
    overflow: hidden;
    display: block;
    position: absolute
}
.mask11 {
    width: 230px;
    top: 135px;
}
.mask12 {
    top: 154px;
    left:10px;
}

.mask13 {
    width:230px; // 250
    height:30px;
    top: 135px; // 175
}
.mask14 {
    top: 154px;
	/*left: 100px;
    top: 195px*/
}

.texto1 {
    position: relative;
    color: #000000;
    display: block;
    top: 50px;
    z-index: 100
}
#texto11 {
    width: 230px;
    height: 20px;
}
#texto12 {
    width: 230px;
    height: 40px;
}
#texto13,
#texto14{
    width: 200px;
    height: 20px
}
#texto11 {
    background: url('../img/texto_11.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 500ms, animationExit forwards 500ms ease-out 2200ms;
    -moz-animation: animationTop forwards 500ms ease-out 500ms, animationExit forwards 500ms ease-out 2200ms;
    -ms-animation: animationTop forwards 500ms ease-out 500ms, animationExit forwards 500ms ease-out 2200ms;
    animation: animationTop forwards 500ms ease-out 500ms, animationExit forwards 500ms ease-out 2200ms;
}
#texto12 {
    background: url('../img/texto_12.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 700ms, animationExit forwards 500ms ease-out 2200ms;
    -moz-animation: animationTop forwards 500ms ease-out 700ms, animationExit forwards 500ms ease-out 2200ms;
    -ms-animation: animationTop forwards 500ms ease-out 700ms, animationExit forwards 500ms ease-out 2200ms;
    animation: animationTop forwards 500ms ease-out 700ms, animationExit forwards 500ms ease-out 2200ms;
}
#texto13 {
    background: url('../img/texto_13.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 2200ms;
    -moz-animation: animationTop forwards 500ms ease-out 2200ms;
    -ms-animation: animationTop forwards 500ms ease-out 2200ms;
    animation: animationTop forwards 500ms ease-out 2200ms;
}
#texto14 {
    background: url('../img/texto_14.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 2500ms;
    -moz-animation: animationTop forwards 500ms ease-out 2500ms;
    -ms-animation: animationTop forwards 500ms ease-out 2500ms;
    animation: animationTop forwards 500ms ease-out 2500ms;
}


#scene1B {
    width: 100%;
    height: 0;
    top: -37px;
    left: 0;
    position: absolute;
    z-index: 12;
    transform: skewY(10deg);
    overflow: hidden;
	background-color: #49a7a2;
    -webkit-animation: animationBg forwards 1000ms ease 2300ms;
    -moz-animation: animationBg forwards 1000ms ease 2300ms;
    -ms-animation: animationBg forwards 1000ms ease 2300ms;
    animation: animationBg forwards 1000ms ease 2300ms
}
#content_scene1B {
    width: 300px;
    height: 120px;
    position: absolute;
    top: 37px;
    left: 0;
    display: block;
    transform: skewY(-10deg);
    background-position: 0 0px;
    background-image: url('../img/bg2.jpg')
}

#scene1C {
    width: 300px;
    height: 600px;
    top: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 20;
    overflow: hidden;
 
}
#content_scene1C {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 270;
    left: 0;
    display: block;
    
}


#line {
    overflow: hidden;
    display: block;
    width: 215px;
    height: 2px;
    top: 206px;
    left: 15px;
    position: absolute
}
.lineLegal {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    background: black;
    z-index: 300;
    -webkit-animation: animationIn forwards 500ms ease 9800ms 1;
    -moz-animation: animationIn forwards 500ms ease 9800ms 1;
    -ms-animation: animationIn forwards 500ms ease 9800ms 1;
    animation: animationIn forwards 500ms ease 9800ms 1
}
#legal {
    top: 212px;
    left: 15px;
    width: 215px;
    height: 40px;
    overflow: hidden;
    z-index: 500;
    position: absolute
}
p {
    width: 215px;
    font-size: 9px;
    font-family: Arial;
    color: #000;
    line-height: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-animation: animationIn forwards 500ms ease 10000ms 1;
    -moz-animation: animationIn forwards 500ms ease 10000ms 1;
    -ms-animation: animationIn forwards 500ms ease 10000ms 1;
    animation: animationIn forwards 500ms ease 10000ms 1
}


#scene2 {
    width: 100%;
    height: 0;
    top: -37px;
    left: 0;
    position: absolute;
    z-index: 22;
    transform: skewY(10deg);
    overflow: hidden;
	background-color: #49a7a2;
    -webkit-animation: animationBg forwards 1000ms ease 4400ms;
    -moz-animation: animationBg forwards 1000ms ease 4400ms;
    -ms-animation: animationBg forwards 1000ms ease 4400ms;
    animation: animationBg forwards 1000ms ease 4400ms
}
#content_scene2 {
    width: 300px;
    height: 120px;
    position: absolute;
    top: 37px;
    left: 0;
    display: block;
    transform: skewY(-10deg);
    background-position: 0 0px;
    background-image: url('../img/bg3.jpg')
}

#scene2B {
    width: 300px;
    height: 600px;
    top: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 23;
    overflow: hidden;
 
}
#content_scene2B {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 270;
    left: 0;
    display: block;
    
}

.mask21{
    width: 267px;
    height: 60px;
    left: 15px;
	top: 135px;
    overflow: hidden;
    display: block;
    position: absolute
}

#texto21{
    width: 267px;
    height: 67px;
}
#texto21 {
    top:100px;
    background: url('../img/texto_21.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 4800ms;
    -moz-animation: animationTop forwards 500ms ease-out 4800ms;
    -ms-animation: animationTop forwards 500ms ease-out 4800ms;
    animation: animationTop forwards 500ms ease-out 4800ms;
}


#scene3 {
    width: 100%;
    height: 0;
    top: -37px;
    left: 0;
    position: absolute;
    z-index: 34;
    transform: skewY(10deg);
    overflow: hidden;
	background-color: #49a7a2;
    -webkit-animation: animationBg forwards 2000ms ease 6300ms;
    -moz-animation: animationBg forwards 2000ms ease 6300ms;
    -ms-animation: animationBg forwards 2000ms ease 6300ms;
    animation: animationBg forwards 2000ms ease 6300ms
}
#content_scene3 {
    width: 300px;
    height: 120px;
    position: absolute;
    top: 37px;
    left: 0;
    display: block;
    transform: skewY(-10deg);
    background-position: 0 0px;
    background-image: url('../img/bg4.jpg')
}

#scene3B {
    width: 300px;
    height: 600px;
    top: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 35;
    overflow: hidden;
 
}
#content_scene3B {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 270;
    left: 0;
    display: block;
    
}
.mask31,
.mask32{
    width: 200px;
    height: 20px;
    left: 15px;
	top: 135px;
    overflow: hidden;
    display: block;
    position: absolute
}

.mask32{
	  left: 90px;
	 top: 175px;
}

#texto31,
#texto32{
    width: 200px;
    height: 20px
}
#texto31 {
    background: url('../img/texto_31.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 6800ms;
    -moz-animation: animationTop forwards 500ms ease-out 6800ms;
    -ms-animation: animationTop forwards 500ms ease-out 6800ms;
    animation: animationTop forwards 500ms ease-out 6800ms;
}
#texto32 {
    background: url('../img/texto_32.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 7800ms;
    -moz-animation: animationTop forwards 500ms ease-out 7800ms;
    -ms-animation: animationTop forwards 500ms ease-out 7800ms;
    animation: animationTop forwards 500ms ease-out 7800ms;
}

#scene4 {
    width: 100%;
    height: 0;
    top: -37px;
    left: 0;
    position: absolute;
    z-index: 38;
    transform: skewY(10deg);
    overflow: hidden;
	background-color: #49a7a2;
    -webkit-animation: animationBg forwards 2000ms ease 9800ms;
    -moz-animation: animationBg forwards 2000ms ease 9800ms;
    -ms-animation: animationBg forwards 2000ms ease 9800ms;
    animation: animationBg forwards 2000ms ease 9800ms
}
#content_scene4 {
    width: 300px;
    height: 120px;
    position: absolute;
    top: 37px;
    left: 0;
    display: block;
    transform: skewY(-10deg);
    background-position: 0 0px;
    background-image: url('../img/bg5.jpg')
}
.mask41,
.mask42,
.mask43{
    width: 250px;
    height: 30px;
    left: 15px;
	 top: 135px;
    overflow: hidden;
    display: block;
    position: absolute
}


.mask43 {
    top: 164px
}

.mask42{	  
	 top: 135px;
}

#texto41,
#texto42,
#texto43{
    width: 250px;
    height: 30px
}
#texto41 {
    background: url('../img/texto_41.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 10500ms, animationExit forwards 500ms ease-out 13300ms;
    -moz-animation: animationTop forwards 500ms ease-out 10500ms, animationExit forwards 500ms ease-out 13300ms;
    -ms-animation: animationTop forwards 500ms ease-out 10500ms, animationExit forwards 500ms ease-out 13300ms;
    animation: animationTop forwards 500ms ease-out 10500ms, animationExit forwards 500ms ease-out 13300ms;
}
#texto42 {
    background: url('../img/texto_42.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 13300ms, animationExit forwards 500ms ease-out 16800ms;
    -moz-animation: animationTop forwards 500ms ease-out 13300ms, animationExit forwards 500ms ease-out 16800ms;
    -ms-animation: animationTop forwards 500ms ease-out 13300ms, animationExit forwards 500ms ease-out 16800ms;
    animation: animationTop forwards 500ms ease-out 13300ms, animationExit forwards 500ms ease-out 16800ms;
}
#texto43 {
    background: url('../img/texto_43.svg') top left no-repeat;
    -webkit-animation: animationTop forwards 500ms ease-out 13600ms, animationExit forwards 500ms ease-out 16800ms;
    -moz-animation: animationTop forwards 500ms ease-out 13600ms, animationExit forwards 500ms ease-out 16800ms;
    -ms-animation: animationTop forwards 500ms ease-out 13600ms, animationExit forwards 500ms ease-out 16800ms;
    animation: animationTop forwards 500ms ease-out 13600ms, animationExit forwards 500ms ease-out 16800ms;
}

.cta2 {
    width: 186px;
    height: 46px;
    position: absolute;
    top: 138px;
    left: 56px;
    display: block;
    z-index: 300;
    cursor: pointer;
    -webkit-animation: animationIn forwards 300ms ease-in 17000ms;
    -moz-animation: animationIn forwards 300ms ease-in 17000ms;
    -ms-animation: animationIn forwards 300ms ease-in 17000ms;
    animation: animationIn forwards 300ms ease-in 17000ms
}
.lineTop {
    width: 0;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: black;
    -webkit-animation: animationWidth forwards 700ms ease-in 17200ms;
    -moz-animation: animationWidth forwards 700ms ease-in 17200ms;
    -ms-animation: animationWidth forwards 700ms ease-in 17200ms;
    animation: animationWidth forwards 700ms ease-in 17200ms
}
.lineRight {
    width: 3px;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: black;
    -webkit-animation: animationHeight forwards 120ms ease-in 16900ms;
    -moz-animation: animationHeight forwards 120ms ease-in 16900ms;
    -ms-animation: animationHeight forwards 120ms ease-in 16900ms;
    animation: animationHeight forwards 120ms ease-in 16900ms
}
.lineBottom {
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    background: black;
    -webkit-animation: animationWidth forwards 200ms ease-in 17020ms;
    -moz-animation: animationWidth forwards 200ms ease-in 17020ms;
    -ms-animation: animationWidth forwards 200ms ease-in 17020ms;
    animation: animationWidth forwards 200ms ease-in 17020ms
}
.lineLeft {
    width: 3px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: black;
    -webkit-animation: animationHeight forwards 100ms ease-in 17220ms;
    -moz-animation: animationHeight forwards 100ms ease-in 17220ms;
    -ms-animation: animationHeight forwards 100ms ease-in 17220ms;
    animation: animationHeight forwards 100ms ease-in 17220ms
}
.startmoving {
    background: url('../img/txtCTA.svg') top left no-repeat;
    width: 160px;
    height: 24px;
    background-size: 140px 48px;
    background-position: 0 0;
    overflow: hidden;
    margin: 10px 24px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-animation: animationIn forwards 200ms ease-in 17020ms;
    -moz-animation: animationIn forwards 200ms ease-in 17020ms;
    -ms-animation: animationIn forwards 200ms ease-in 17020ms;
    animation: animationIn forwards 200ms ease-in 17020ms
}
.cta2:hover .startmoving {
    background-position: 0 100%
}
.cta2:hover {
    background: black !important
}



#container_dc {
    width: 298px;
    height: 248px;
    border: 1px solid #2f302f;
    position: relative;
    overflow: hidden;
    display: block;
    left: 0;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#container_dc .animado.animado {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -khtml-user-select: paused;
    -ms-user-select: paused;
    animation-play-state: paused
}