@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.otf");
}
/*RESET*/
/*
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
*/
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Montserrat-Regular', sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
*/
/*END RESET*/

/*GENERAL SETTINGS*/

/*body{
    font-family: "Montserrat-Regular", sans-serif;
    width: calc(200vw + 4px);
    height: 600vh;
    overflow: hidden;
    position: relative;
    background-color: #aee5f9;
}*/
.wrapper_fst .infographSection .spotlight_container{
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    transform-origin:center; 
     visibility:hidden; 
    opacity:0;
    transition: opacity 1s;
}
.wrapper_fst .infographSection .spotlight_container .close{      z-index:100;}
.wrapper_fst .infographSection .spotlight_container .reload{      z-index:1100;}
#slide7 .see-again{    margin: 0;}
.spotlight_container .logoTitle {    text-align: left;font-size: 4vh;    margin-bottom: 0vh;}
.spotlight_container .logoSubtitle { text-align: left;}
.spotlight_container h1{
    font-family: "Montserrat-Regular", sans-serif;
    text-transform: uppercase;
    width: 90%;
    font-size: 4vh;
    margin-bottom: 31px;
    color: #084e90;
    font-weight: 600;   
}
.spotlight_container h2{
    font-family: "Montserrat-Regular", sans-serif;
    font-weight: 600;
}
.spotlight_container p{
    font-family: "Montserrat-Regular", sans-serif;
    font-size: 2vh;
    line-height: 1.5;
    color: #084e90;
}
.spotlight_container svg{
    display: block;
    width: 100%;
}
.spotlight_container{
    font-family: "Montserrat-Regular", sans-serif;
    width: calc(200vw + 4px);
    height: 600vh;
    overflow: hidden;
    position: relative;
    background-color: #aee5f9;
}
.spotlight_container .slide_wrapper{
    position: relative;
    width: 100%;
    height: 100%
}
.spotlight_container .red{
    color: #ba1f1f;
}
.spotlight_container .grey{
    color: #616060 ;
}
.spotlight_container .lightBlue {
    color: #7ec7f3;
}
.spotlight_container .darkBlue {
    color: #00529c;
}
.spotlight_container .big{
    font-size: 12vh;
}
.spotlight_container .bold{
    font-family: "Montserrat-Bold", sans-serif;
    font-weight: 600;
}
.spotlight_container .slide{
    width: 100vw;
    position: absolute;
    height: 100vh;
    overflow: hidden;
} 
.spotlight_container .slide .title{
    height: 20%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;    
}
.spotlight_container .slide .title .bottomBar{
    height: 3px;
    width: 0%;
    background-color: #084e90;

}
.spotlight_container .slide .sectionContainer{
    height: 65%;
    width: 80%;
    margin: 0 auto;
}
.spotlight_container .slide .sectionContainer .section {
    float: left;
}
.spotlight_container .slide .footer{
    height: 15%;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}   
.spotlight_container .slide .footer .flechas-Container{
    width: 10%;
    height: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;     
    will-change: opacity;
}
.spotlight_container .slide .footer .flechas-Container .flecha{
    -webkit-transform: translate3d(0, -2vh, 0 );
    transform: translateY(0, -2vh,0 );
    width: 50px;
}
.spotlight_container .slide .footer .flechas-Container .flecha .containerFlecha {
    height: 4vh;
    cursor: pointer;
}
/*FOOTER ANIMATION*/
.spotlight_container .slide .footer .flechas-Container #flecha1{
    -webkit-animation: arrowsMove 2s 0.2s linear infinite;
    animation: arrowsMove 2s 0.2s linear infinite;
}
.spotlight_container .slide .footer .flechas-Container #flecha2{
    -webkit-animation: arrowsMove 2s 0.4s linear infinite;
    animation: arrowsMove 2s 0.4s linear infinite;
}
.spotlight_container .slide .footer .flechas-Container #flecha3{
    -webkit-animation: arrowsMove 2s 0.6s  linear infinite;
    animation: arrowsMove 2s 0.6s  linear infinite;
}
.spotlight_container .slide .footer .flechas-Container #flecha1 .st0,
.spotlight_container .slide .footer .flechas-Container #flecha2 .st0,
.spotlight_container .slide .footer .flechas-Container #flecha3 .st0{
        fill: #00529c;
        opacity: 1;
        fill-opacity: 1;
}
.spotlight_container .slide .footer .flechas-Container #flecha1 .st1,
.spotlight_container .slide .footer .flechas-Container #flecha2 .st1,
.spotlight_container .slide .footer .flechas-Container #flecha3 .st1{
        fill: #00529c;
        opacity: 1;
        fill-opacity: 1;
}

.spotlight_container .close{
    position: fixed;
    width: 5vh;
    height: 5vh;
    right: 5vh;
    top: 5vh;
}
.spotlight_container .close a{
    width: 100%;
    display: block;
    height: 100%;
}
.spotlight_container .close .closeContainer{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.spotlight_container .reload{
    position: fixed;
    width: 5vh;
    height: 5vh;
    right: 5vh;
    bottom: 5vh;
}
.spotlight_container .reload .reloadContainer{
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE1////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#slide1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0vh;
    left: 0vw;    
}
#slide1:before {
    content: "";
    position: absolute;
    width: 400vw;
    height: 400vh;
    top: -162vh;
    left: -60vw;
    z-index: 0;
     background-image:url(#AssetFolderUrl(UrlParameter)#background.jpg) 0 0 repeat;
    background-size: 100% 100%;
    -webkit-transform-origin: 23% 53%;    
    -ms-transform-origin: 23% 53%;    
    transform-origin: 23% 53%;
    animation: animatedBackground_a 300s linear infinite;
    -moz-animation: animatedBackground_a 300s linear infinite;
    -webkit-animation: animatedBackground_a 300s linear infinite;
    -ms-animation: animatedBackground_a 300s linear infinite;
    -o-animation: animatedBackground_a 300s linear infinite;  
}
#slide1 .center {
    min-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60%;
    height: 35%;
}
#slide1 .center .logoContainer {
    -webkit-transform: translate3d(-200%, 0 , 0);
    -ms-transform: translate3d(-200%, 0 , 0);
    transform: translate3d(-200%, 0 , 0);
    height: 100%;
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#slide1 .center .logoContainer svg{
    width: -webkit-fill-available;

}
#slide1 .center .titles {
    display: block;
    float: left;
    line-height: 1.5;
    font-size: 1.5em;
    -webkit-transform:translate3d(200%,0,0);
    transform:translate3d(200%,0,0);

}

#slide1 .start {
    width: 15%;
    height: 150px;
    display: block;
    position: absolute;
    bottom: 15vh;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff;
    font-size: 1.3em;
    cursor: pointer;
}
#slide1 .start h2 {
    -webkit-transform: translate3d(0,3vh,0);
    transform: translate3d(0,3vh,0);
    font-size: 6vh;
    opacity: 0;     
    will-change: opacity;


}
#slide1 .start #tetrabrick_cohete {
    -webkit-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform:translate3d(0,100%,0);
    -ms-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    will-change: transform; 
}   


/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE2////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#slide2{
    /*top: 100vh;
    left: 0vw;*/

}

#slide2 .sectionContainer .section {
    width: 30%;
    margin: 0 1.5%;
    height: 100%;
}
#slide2 .sectionContainer .section .image {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
} 
#slide2 .sectionContainer .section .image svg{
    display: block;
    width: 100%;
}

#slide2 .sectionContainer .section:nth-child(3) .image #plant #greatGroot{
    -webkit-transform: translate3d(-16px, 5px,0) scale(0.9);
    -ms-transform: translate3d(-16px, 5px,0) scale(0.9);
    transform: translate3d(-16px, 5px,0) scale(0.9);
    -webkit-transform-origin:  80px 160px;
    -ms-transform-origin:  80px 160px;
    transform-origin:  80px 160px;
}
#slide2 .sectionContainer .section:nth-child(3) .image #plant #babyGroot{
    -webkit-transform:translate3d(40px, 0px,0) scale(0.6);
    -ms-transform: translate3d(40px, 0px,0) scale(0.6);
    transform: translate3d(40px, 0px,0) scale(0.6);
    -webkit-transform-origin:  80px 160px;
    -ms-transform-origin:  80px 160px;
    transform-origin: 80px 160px;

}
#slide2 .sectionContainer .section:nth-child(3) .image #plant .ground {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 80px 160px;
    -ms-transform-origin: 80px 160px;
    transform-origin: 80px 160px;
}
#slide2 .sectionContainer .section:nth-child(3) .image #plant .st1.tronco {
    fill:#00529c;
}
#slide2 .sectionContainer .section:nth-child(3) .image .right{
    fill: #295aa5;
}
#slide2 .sectionContainer .section:nth-child(3) .image .left{
    fill:  #91c6ec;
}
#slide2 .sectionContainer .section:nth-child(3) .image h1{
    width: 100%;
}

#slide2 .sectionContainer .section .text {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    height: 40%;
}
/*step1*/
#slide2 .section1 .text         {opacity: 0;will-change: opacity;-webkit-transform-origin: 76px 79px;-ms-transform-origin: 76px 79px;transform-origin: 76px 79px;}
#slide2 #person_5               {opacity: 0;will-change: opacity;-webkit-transform-origin: 76px 79px;-ms-transform-origin: 76px 79px;transform-origin: 76px 79px;}
#slide2 #person_4               {opacity: 0;will-change: opacity;-webkit-transform-origin: 76px 79px;-ms-transform-origin: 76px 79px;transform-origin: 76px 79px;}
#slide2 #person_3               {opacity: 0;will-change: opacity;-webkit-transform-origin: 76px 79px;-ms-transform-origin: 76px 79px;transform-origin: 76px 79px;}
#slide2 #person_2               {opacity: 0;will-change: opacity;-webkit-transform-origin: 76px 79px;-ms-transform-origin: 76px 79px;transform-origin: 76px 79px;}
#slide2 #person_1               {opacity: 0;will-change: opacity;-webkit-transform-origin: 76px 79px;-ms-transform-origin: 76px 79px;transform-origin: 76px 79px;}
/*step2*/               
#slide2 .section2 .text                 {opacity: 0;     will-change: opacity;}
#slide2 .section2 .image #aspas_1       {opacity: 0;     will-change: opacity;}
#slide2 .section2 .image #molino_1      {opacity: 0;     will-change: opacity;}
#slide2 .section2 .image #aspas_2       {opacity: 0;     will-change: opacity;}
#slide2 .section2 .image #molino_2      {opacity: 0;     will-change: opacity;}
/*step3*/
#slide2 .section3 .text {opacity: 0;     will-change: opacity;}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE3////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*#slide3{

    position: absolute;
    top: 100vh;
    left: 100vw;
}*/

#slide3 #section1 {
    width: 100%;
    height: 40%;
}

#slide3 #section1 .persons {
    width: 50%;
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#slide3 #section1 .person {
    width: 5%;
    height: 25%;
    float: left;
}
#slide3 #section1 .percentage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%;
    height: 100%;
    float: left;
    font-size: 12vh;
    font-weight: 600;   
}
#slide3 #section1 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%;
    height: 100%;
    float: left;
}
#slide3 #section2 {
    width: 100%;
    height: 60%;
}
#slide3 #section2 .subsection {
    width: 50%;
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#slide3 #section2 .subsection .worldContainer {
    width: 235%;
    top: 0;
    left: -80%;
    margin: 0 auto;
    float: none;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
#slide3 #section2 .subsection .worldContainer .worldNumber{
    position: absolute;
    right: 37%;
    top: 44%;
    color: #fff;
    font-weight: 600;
    font-size: 3vh;
}
#slide3 #section2 .subsection .worldContainer svg{
    display: block;
    width: 100%;
    }
#slide3 #section2 .subsection .worldContainer .worldNumber:before {
    content: "> ";
}
#slide3 #section2 .subsection .worldContainer #night {
    stroke: none;
    fill: #1C3B68;
    fill-opacity: .6;
    -webkit-transform: translate3d(100%,0,0);    
    transform: translate3d(100%,0,0);
    transition: transform 1s ;
}

#slide3 #section2 .subsection .worldContainer  #mapa {
 -webkit-animation: spinning-earth 10s linear infinite;
 animation: spinning-earth 10s linear infinite;
}

#slide3 #section2 .subsection#world .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#slide3 #section2 .subsection#world .text p span{
    font-size: 3vh;
}
#slide3 #section2 .subsection .text p{
    width: 80%;
}

#slide3 #section2 .subsection div {
    width: 50%;
    height: 100%;
    float: left;
        position: relative;

}
#slide3 #section2 .subsection .recicle_symbols {
    width: 40%;
    height: 90%;
    margin: 6% 5% 3% 5%;
    float: left;
}
#slide3 #section2 .subsection .recicle_symbols .recicle_symbol {
    width: 16%;
    height: 19%;
    margin: 1%;
    float: left;
}
/*step1*/
#slide3 #section1 .persons #persona1 .st0,
#slide3 #section1 .persons #persona2 .st0,
#slide3 #section1 .persons #persona3 .st0,
#slide3 #section1 .persons #persona4 .st0,
#slide3 #section1 .persons #persona5 .st0,
#slide3 #section1 .persons #persona6 .st0,
#slide3 #section1 .persons #persona7 .st0,
#slide3 #section1 .persons #persona8 .st0,
#slide3 #section1 .persons #persona9 .st0,
#slide3 #section1 .persons #persona10 .st0,
#slide3 #section1 .persons #persona11 .st0,
#slide3 #section1 .persons #persona12 .st0,
#slide3 #section1 .persons #persona13 .st0,
#slide3 #section1 .persons #persona14 .st0,
#slide3 #section1 .persons #persona15 .st0,
#slide3 #section1 .persons #persona16 .st0,
#slide3 #section1 .persons #persona17 .st0,
#slide3 #section1 .persons #persona18 .st0,
#slide3 #section1 .persons #persona19 .st0,
#slide3 #section1 .persons #persona20 .st0  {will-change: fill;}
#slide3 #section1 .percentage               {opacity: 0;     will-change: opacity;}
#slide3 #section1 .text                     {opacity: 0;     will-change: opacity;}
/*step2*/

/*step3*/
#slide3 #section2 #recycle .text{
    opacity: 0;
    will-change: opacity;
    display: flex;
    align-items: center;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE4////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/


#slide4 .section {
    width: 50%;
    height: 100%;
}
#slide4 .section .graphic,
#slide4 .section .ruleta-container{
    width: 100%;
    height: 75%;
}
#slide4 .section .graphic .graphicContainer{
    width: 50%;
    height: 100%;
    margin: 0 auto;
}
#slide4 .section .graphic .graphicContainer{
    float: left;
    width: 65%; 
    height: 100%;}
#slide4 .section .graphic .graphicText{
    width: 35%;
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#slide4 .section .graphic .graphicText p span{
        font-size: 3vh;
}
#slide4 .section .graphic .graphicText .text{
    margin-top: 10vh;
}    
#slide4 .section .text {
    width: 100%;
    height: 15%;
}
#slide4 .section .text p{
    width: 60%;
    margin: 0 auto;
}
#slide4 .section2{
    position: relative;
}
#slide4 .section2 .ruleta-container{
    position: relative;
    width: 50vh;
    height: 50vh;
    margin: 0 auto;
}
#slide4 .section2 .circle-container {
    position: absolute;
    width: 15vh;
    height: 15vh;
    background-color: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#slide4 .section2 .circle-container.LCA {
    z-index: 2;
}
#slide4 .section2 .circle-container .circle {
    display: block;
    width: 75%;
    height: 70%;

}
#slide4 .section2 .circle-container .circle svg{
    display: block;
    width: 100%;
    height: 100%;
}
/*step1*/
#slide4 #grafico #barras #barra1, 
#slide4 #grafico #barras #barra2,
#slide4 #grafico #barras #barra3{
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 184px;
   transform-origin: 0 184px;
    will-change: transform; 
}
#slide4 .section1 #grafico #tetrabrick_1_{fill-opacity: 0;}
#slide4 .section1 #grafico #can_1_{fill-opacity: 0;stroke-opacity: 0;}
#slide4 .section1 #grafico #pounch_1_{fill-opacity: 0;}
#slide4 .section1 .graphicText          {opacity:0;will-change: opacity;}
#slide4 .section1 #grafico #barras .text {fill-opacity: 0;will-change: opacity; }
#slide4 .section1 .text                 {opacity:0;will-change: opacity;-webkit-transform: translate3d(200%,0,0);transform: translate3d(200%,0,0);will-change: transform; }
/*step2*/
#slide4 .section2 .text         {opacity:0;will-change: opacity;-webkit-transform: translate3d(-200%,0,0);transform: translate3d(-200%,0,0);will-change: transform; }




/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE5////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/


#slide5 .sectionContainer .section{
    width: 100%;
    height: 50%;
    position: relative;
}

#slide5 .sectionContainer .section .weighPersons{
    width: 45%;
    margin-right: 5%;
    height: 100%;
    float: left;
}
#slide5 .sectionContainer .section .weighPerson{
    width: 25%;
    height: 100%;
    float: left;
}
#slide5 .sectionContainer .section .weighPerson .weightContainer{
    width: 60%;
    margin: 0 auto;
}
#slide5 .sectionContainer .section .weighBar{
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}

#slide5 .sectionContainer .section .weighBar span.banner {
  position: absolute;
  bottom: 0%;
  left: 0;
  display: block;
  text-align: center;
  width: 100%;
  color: #2d548e;
  font-weight: bold;
  font-size: 1.5em;
}
#slide5 .sectionContainer .section .weighBar .text{
    width: 100%;
    height: 15%;
    float: none;
}
#slide5 .sectionContainer .section .weighBar .text ul li{
    width: 25%;
    float: left;
    text-align: center;
}
#slide5 .sectionContainer .section .barContainer {
    width: 100%;
    height: 50%;
}
#slide5 .sectionContainer .section .barContainer .bar{
    width: 100%;
    height: 40%;    
}
#slide5 .sectionContainer .section .barContainer .plume,
#slide5 .sectionContainer .section .barContainer .kilo{
    width: 20%;
    height: 60%;
    float: left;    
}

#slide5 .sectionContainer .section .barContainer .kilo .kiloContainer{
    float: right;
}

#slide5 .sectionContainer .section .barContainer .separator{
    width: 60%;
    height: 60%;    
    float: left;
}
#slide5 .sectionContainer .section .barContainer .plume .plumeContainer,
#slide5 .sectionContainer .section .barContainer .kilo .kiloContainer{
    width: 50%;
    height: 100%;
}
#slide5 .sectionContainer .section .trucks,
#slide5 .sectionContainer .section .text{
    width: 50%;
    height: 100%;
    float: left;
}
#slide5 .sectionContainer .section #truckText{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#slide5 .sectionContainer .section #truckText p{
    font-size: 3vh;
}
#slide5 .sectionContainer .section .trucks .tetraRecart,
#slide5 .sectionContainer .section .trucks .can{
    width: 50%;
    height: 90%;
    float: left;
}
#slide5 .sectionContainer .section .trucks p{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 3vh;
    background-color: #aee5f9;
    opacity: 0;

}
#slide5 .sectionContainer .section .trucks .tetraRecart .SVGcontainer,
#slide5 .sectionContainer .section .trucks .can .SVGcontainer{
    width: 80%;
    margin: 0 auto;
}
#slide5 .sectionContainer .section .trucks .can .SVGcontainer #can .st1 {
    fill: #616060;
}

#slide5 #Capa_30 .st4,
#slide5 #_x35_80g .st3,
#slide5 #Capa_31 .st3 {
    fill: #616060;
}
#slide5 #asterisk{
    position: absolute;
    bottom: -8vh;
    right: -30px;
    height: auto;
    width: auto;    
    max-width: 38vw;
}
#slide5 #asterisk p{
    font-size: 0.8em;

}
/*step1*/
#slide5 .weighPerson #person_1_4_{fill-opacity: 0;     will-change: opacity;}
#slide5 .weighPerson #person_2_3_{fill-opacity: 0;     will-change: opacity;}
#slide5 .weighPerson #person_3_4_{fill-opacity: 0;     will-change: opacity;}
#slide5 .weighPerson #person_4_3_{fill-opacity: 0;     will-change: opacity;}


/*ESTILOS CARLOS*/
#slide5 .circle-button {
 cursor: pointer;
 /*-webkit-animation: latidos 3s linear infinite;
 animation: latidos 3s linear infinite;*/
}

#slide5 #tetra-button {transform-origin: 20px 20px;}
#slide5 #pouch-button {transform-origin: 60px 20px;}
#slide5 #can-button {transform-origin: 100px 20px;}
#slide5 #glass-button {transform-origin: 150px 20px;}

#slide5 .circle-button .inner-button {
 fill: #75bddf;
 transition: fill .5s ease-out;
}

#slide5 .circle-button.active .inner-button,
#slide5 .circle-button:hover .inner-button {fill:#295AA5;}

#slide5 .weight-text {
 opacity: 0;
 transition: opacity .5s ease-out;
}

#slide5 .weight-text.active {opacity: 1;}

#slide5 .weight-text path, .static-text path {fill:#295AA5;}

#slide5 #tetra-text path {fill:#BF0811;}
/*FIN CARLOS*/

#slide5  #asterisk{opacity:0;    will-change: opacity;}

#slide5 .weighPerson .weightContainer #persona_56g #_x35_6g_1_{
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    fill-opacity: 0;     
    will-change: opacity;
    display: none;
}
#slide5 .weighPerson .weightContainer #Capa_30 #_x39_9g{
    -webkit-transform: translate3d(0,-200%,0);
    transform: translate3d(0,-200%,0);
    fill-opacity: 0;     
    will-change: opacity;
    display: none;
}
#slide5 .weighPerson .weightContainer #Capa_31 #_x31_36g_1_{
    -webkit-transform: translate3d(0,-200%,0);
    transform: translate3d(0,-200%,0);
    fill-opacity: 0;     
    will-change: opacity;
    display: none;
}
#slide5 .weighPerson .weightContainer #pesos_personas #_x35_80g{
    -webkit-transform: translate3d(0,-200%,0);
    transform: translate3d(0,-200%,0);
    fill-opacity: 0;     
    will-change: opacity;
    display: none;
}

#slide5 .weighBar .text p{opacity:0;    will-change: opacity;}
#slide5 .weighBar .text ul li:nth-child(1){opacity:0;    will-change: opacity;}
#slide5 .weighBar .text ul li:nth-child(2){opacity:0;    will-change: opacity;}
#slide5 .weighBar .text ul li:nth-child(3){opacity:0;    will-change: opacity;}
#slide5 .weighBar .text ul li:nth-child(4){opacity:0;    will-change: opacity, transform;}

#slide5 .weighBar .barContainer{opacity:0;    will-change: opacity;}
#slide5 .sectionContainer .section .barContainer .bar{
    width: 100%;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

/*step2*/
#slide5 .tetraRecart{   opacity: 0;     will-change: opacity;-webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0);}
#slide5 .can{           opacity: 0;     will-change: opacity;-webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0);}

#slide5 .tetraRecart g#fila_1 g g:nth-child(1),
#slide5 .tetraRecart g#fila_1 g g:nth-child(2),
#slide5 .tetraRecart g#fila_1 g g:nth-child(3),
#slide5 .tetraRecart g#fila_1 g g:nth-child(4),
#slide5 .tetraRecart g#fila_1 g g:nth-child(5),
#slide5 .tetraRecart g#fila_1 g g:nth-child(6),
#slide5 .tetraRecart g#fila_1 g g:nth-child(7),
#slide5 .tetraRecart g#fila_1 g g:nth-child(8),
#slide5 .tetraRecart g#fila_1 g g:nth-child(9),
#slide5 .tetraRecart g#fila_1 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}

#slide5 .tetraRecart g#fila_2 g g:nth-child(1),
#slide5 .tetraRecart g#fila_2 g g:nth-child(2),
#slide5 .tetraRecart g#fila_2 g g:nth-child(3),
#slide5 .tetraRecart g#fila_2 g g:nth-child(4),
#slide5 .tetraRecart g#fila_2 g g:nth-child(5),
#slide5 .tetraRecart g#fila_2 g g:nth-child(6),
#slide5 .tetraRecart g#fila_2 g g:nth-child(7),
#slide5 .tetraRecart g#fila_2 g g:nth-child(8),
#slide5 .tetraRecart g#fila_2 g g:nth-child(9),
#slide5 .tetraRecart g#fila_2 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}

#slide5 .tetraRecart g#fila_3 g g:nth-child(1),
#slide5 .tetraRecart g#fila_3 g g:nth-child(2),
#slide5 .tetraRecart g#fila_3 g g:nth-child(3),
#slide5 .tetraRecart g#fila_3 g g:nth-child(4),
#slide5 .tetraRecart g#fila_3 g g:nth-child(5),
#slide5 .tetraRecart g#fila_3 g g:nth-child(6),
#slide5 .tetraRecart g#fila_3 g g:nth-child(7),
#slide5 .tetraRecart g#fila_3 g g:nth-child(8),
#slide5 .tetraRecart g#fila_3 g g:nth-child(9),
#slide5 .tetraRecart g#fila_3 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}

#slide5 .tetraRecart g#fila_4 g g:nth-child(1),
#slide5 .tetraRecart g#fila_4 g g:nth-child(2),
#slide5 .tetraRecart g#fila_4 g g:nth-child(3),
#slide5 .tetraRecart g#fila_4 g g:nth-child(4),
#slide5 .tetraRecart g#fila_4 g g:nth-child(5),
#slide5 .tetraRecart g#fila_4 g g:nth-child(6),
#slide5 .tetraRecart g#fila_4 g g:nth-child(7),
#slide5 .tetraRecart g#fila_4 g g:nth-child(8),
#slide5 .tetraRecart g#fila_4 g g:nth-child(9),
#slide5 .tetraRecart g#fila_4 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}

#slide5 .tetraRecart g#fila_5 g g:nth-child(1),
#slide5 .tetraRecart g#fila_5 g g:nth-child(2),
#slide5 .tetraRecart g#fila_5 g g:nth-child(3),
#slide5 .tetraRecart g#fila_5 g g:nth-child(4),
#slide5 .tetraRecart g#fila_5 g g:nth-child(5),
#slide5 .tetraRecart g#fila_5 g g:nth-child(6),
#slide5 .tetraRecart g#fila_5 g g:nth-child(7),
#slide5 .tetraRecart g#fila_5 g g:nth-child(8),
#slide5 .tetraRecart g#fila_5 g g:nth-child(9),
#slide5 .tetraRecart g#fila_5 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}

#slide5 .can g#fila_1_1_  g:nth-child(1),
#slide5 .can g#fila_1_1_  g:nth-child(2),
#slide5 .can g#fila_1_1_  g:nth-child(3),
#slide5 .can g#fila_1_1_  g:nth-child(4),
#slide5 .can g#fila_1_1_  g:nth-child(5),
#slide5 .can g#fila_1_1_  g:nth-child(6),
#slide5 .can g#fila_1_1_  g:nth-child(7),
#slide5 .can g#fila_1_1_  g:nth-child(8),
#slide5 .can g#fila_1_1_  g:nth-child(9),
#slide5 .can g#fila_1_1_  g:nth-child(10),
#slide5 .can g#fila_1_1_  g:nth-child(11),
#slide5 .can g#fila_1_1_  g:nth-child(12),
#slide5 .can g#fila_1_1_  g:nth-child(13),
#slide5 .can g#fila_1_1_  g:nth-child(14),
#slide5 .can g#fila_1_1_  g:nth-child(15),
#slide5 .can g#fila_1_1_  g:nth-child(16),
#slide5 .can g#fila_1_1_  g:nth-child(17),
#slide5 .can g#fila_1_1_  g:nth-child(18),
#slide5 .can g#fila_1_1_  g:nth-child(19),
#slide5 .can g#fila_1_1_  g:nth-child(20){fill-opacity: 0;     will-change: opacity;}

#slide5 .can g#fila_2_1_  g:nth-child(1),
#slide5 .can g#fila_2_1_  g:nth-child(2),
#slide5 .can g#fila_2_1_  g:nth-child(3),
#slide5 .can g#fila_2_1_  g:nth-child(4),
#slide5 .can g#fila_2_1_  g:nth-child(5),
#slide5 .can g#fila_2_1_  g:nth-child(6),
#slide5 .can g#fila_2_1_  g:nth-child(7),
#slide5 .can g#fila_2_1_  g:nth-child(8),
#slide5 .can g#fila_2_1_  g:nth-child(9),
#slide5 .can g#fila_2_1_  g:nth-child(10),
#slide5 .can g#fila_2_1_  g:nth-child(11),
#slide5 .can g#fila_2_1_  g:nth-child(12),
#slide5 .can g#fila_2_1_  g:nth-child(13),
#slide5 .can g#fila_2_1_  g:nth-child(14),
#slide5 .can g#fila_2_1_  g:nth-child(15),
#slide5 .can g#fila_2_1_  g:nth-child(16),
#slide5 .can g#fila_2_1_  g:nth-child(17),
#slide5 .can g#fila_2_1_  g:nth-child(18),
#slide5 .can g#fila_2_1_  g:nth-child(19),
#slide5 .can g#fila_2_1_  g:nth-child(20){fill-opacity: 0;     will-change: opacity;}

#slide5 .can g#fila_3_1_  g:nth-child(1),
#slide5 .can g#fila_3_1_  g:nth-child(2),
#slide5 .can g#fila_3_1_  g:nth-child(3),
#slide5 .can g#fila_3_1_  g:nth-child(4),
#slide5 .can g#fila_3_1_  g:nth-child(5),
#slide5 .can g#fila_3_1_  g:nth-child(6),
#slide5 .can g#fila_3_1_  g:nth-child(7),
#slide5 .can g#fila_3_1_  g:nth-child(8),
#slide5 .can g#fila_3_1_  g:nth-child(9),
#slide5 .can g#fila_3_1_  g:nth-child(10),
#slide5 .can g#fila_3_1_  g:nth-child(11),
#slide5 .can g#fila_3_1_  g:nth-child(12),
#slide5 .can g#fila_3_1_  g:nth-child(13),
#slide5 .can g#fila_3_1_  g:nth-child(14),
#slide5 .can g#fila_3_1_  g:nth-child(15),
#slide5 .can g#fila_3_1_  g:nth-child(16),
#slide5 .can g#fila_3_1_  g:nth-child(17),
#slide5 .can g#fila_3_1_  g:nth-child(18),
#slide5 .can g#fila_3_1_  g:nth-child(19),
#slide5 .can g#fila_3_1_  g:nth-child(20){fill-opacity: 0;     will-change: opacity;}

#slide5 .can g#fila_4_1_  g:nth-child(1),
#slide5 .can g#fila_4_1_  g:nth-child(2),
#slide5 .can g#fila_4_1_  g:nth-child(3),
#slide5 .can g#fila_4_1_  g:nth-child(4),
#slide5 .can g#fila_4_1_  g:nth-child(5),
#slide5 .can g#fila_4_1_  g:nth-child(6),
#slide5 .can g#fila_4_1_  g:nth-child(7),
#slide5 .can g#fila_4_1_  g:nth-child(8),
#slide5 .can g#fila_4_1_  g:nth-child(9),
#slide5 .can g#fila_4_1_  g:nth-child(10),
#slide5 .can g#fila_4_1_  g:nth-child(11),
#slide5 .can g#fila_4_1_  g:nth-child(12),
#slide5 .can g#fila_4_1_  g:nth-child(13),
#slide5 .can g#fila_4_1_  g:nth-child(14),
#slide5 .can g#fila_4_1_  g:nth-child(15),
#slide5 .can g#fila_4_1_  g:nth-child(16),
#slide5 .can g#fila_4_1_  g:nth-child(17),
#slide5 .can g#fila_4_1_  g:nth-child(18),
#slide5 .can g#fila_4_1_  g:nth-child(19),
#slide5 .can g#fila_4_1_  g:nth-child(20){fill-opacity: 0;     will-change: opacity;}

#slide5 .can g#fila_5_1_  g:nth-child(1),
#slide5 .can g#fila_5_1_  g:nth-child(2),
#slide5 .can g#fila_5_1_  g:nth-child(3),
#slide5 .can g#fila_5_1_  g:nth-child(4),
#slide5 .can g#fila_5_1_  g:nth-child(5),
#slide5 .can g#fila_5_1_  g:nth-child(6),
#slide5 .can g#fila_5_1_  g:nth-child(7),
#slide5 .can g#fila_5_1_  g:nth-child(8),
#slide5 .can g#fila_5_1_  g:nth-child(9),
#slide5 .can g#fila_5_1_  g:nth-child(10),
#slide5 .can g#fila_5_1_  g:nth-child(11),
#slide5 .can g#fila_5_1_  g:nth-child(12),
#slide5 .can g#fila_5_1_  g:nth-child(13),
#slide5 .can g#fila_5_1_  g:nth-child(14),
#slide5 .can g#fila_5_1_  g:nth-child(15),
#slide5 .can g#fila_5_1_  g:nth-child(16),
#slide5 .can g#fila_5_1_  g:nth-child(17),
#slide5 .can g#fila_5_1_  g:nth-child(18),
#slide5 .can g#fila_5_1_  g:nth-child(19),
#slide5 .can g#fila_5_1_  g:nth-child(20){fill-opacity: 0;     will-change: opacity;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE6////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#slide6 .introduction{
    width:  100%;
    height: 10%;
    }

#slide6 .comment{   
    font-family: "Montserrat-Bold", sans-serif;
    font-weight: 600;
    font-size: 2vh;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    will-change: opacity;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
#slide6 .sectionContainer{
        height: 55%;
}
#slide6 .sectionContainer .section{
    height: 50%;
    float: left;
}
#slide6 .sectionContainer .section1,
#slide6 .sectionContainer .section3{
    width: 60%;
}
#slide6 .sectionContainer .section2,
#slide6 .sectionContainer .section4{
    width: 40%;
}
#slide6 .section .text {
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#slide6 .section1 .text {
    width: 30%;
}
#slide6 .section1 .light {
    width: 70%;
}
#slide6 .section1 .light .lightContainer{
    width: 30%;
    float: left;
    position: relative;
}
#slide6 .section1 .light .lightContainer .red.bold {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

#slide6 .section1 .light .bagContainer {
    width: 8%;
    margin: 1%;
    float: left;
}
#slide6 .section1 .sectionLeft .textPercentaje{
    width: 40%;
    height: 100%;
    float: left;    
}
#slide6 .section2 .text{
     width: 50%;
}
#slide6 .section2 .text p{
        text-align: right;
}
#slide6 .section2 .FSC {
    width: 50%;
    height: 100%;
    float: left;
    padding-top: 10%;
}
#slide6 .section2 .FSC .SVGcontainer{
    display: block;
    width: 50%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
}
#slide6 .section3 .textPercentaje{
    width: 40%;
    height: 100%;
    float: left;
    opacity: 0;
}
#slide6 .section3 .textPercentaje .percentage {
    width: 100%;
    height: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;

}
#slide6 .section3 .textPercentaje p {
    font-size: 3vh;
    color: #084e90;
    width: 90%;
    margin: 0 auto;
}
#slide6 .section3 .textPercentaje .percentage span {
    width: 50%;
    height: 100%;
    float: left;
    font-size: 15vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#slide6 .section3 .text{
    width: 60%;
}
#slide6 .section3 .text p{
    width: 70%;
}
#slide6 .section3 .textPercentaje .percentage .percentageContainer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12vh;
    height: 100%;
    float: left;
}
#slide6 .section4{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
}

#slide6 .section4 div{
    width: 33%;
    float: left;
}
#slide6 .section4 .recycleContainer{
    width: 100%;
}
#slide6 .section4 .personContainer{
    width: 36%;
    margin: 0 auto;
    float: none;
}
#slide6 .section4 .truckContainer{
    width: 115%;
}
#slide6 .section4 .truckContainer #tetraRecart .st1{
    fill: #25a251;
}
#slide6 .footer  .flechas-Container {
    transform: rotate(270deg);
}
/*active step1*/
#slide6 .section1 .lightContainer #bombilla_cabeza{
    transform-origin:center;
}
#slide6 .section1 .lightContainer #numero   {fill-opacity: 0;     will-change: opacity; }
#slide6 .section1 .lightContainer #rayos    {fill-opacity: 0;     will-change: opacity; }
#slide6 .section1 .text p                   {opacity:0;    will-change: opacity;}
#slide6 .section1 .bagContainer.bag1        {opacity:0;    will-change: opacity; }
#slide6 .section1 .bagContainer.bag2        {opacity:0;    will-change: opacity; }
#slide6 .section1 .bagContainer.bag3        {opacity:0;    will-change: opacity; }
#slide6 .section1 .bagContainer.bag4        {opacity:0;    will-change: opacity; }
#slide6 .section1 .bagContainer.bag5        {opacity:0;    will-change: opacity; }
/*step2*/
#slide6 .section2 .text{opacity:0;    will-change: opacity;}
/*active step3*/
#slide6 .section3 .text             {opacity:0;    will-change: opacity;}
#slide6 .section4 .recycle          {opacity:0;    will-change: opacity;}
#slide6 .section4 .person {opacity:0;    will-change: opacity;}
#slide6 .section4 .person #person_1_4_{ 
    fill-opacity:0;    
    will-change: opacity, transform;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    -webkit-transform-origin:center;
    transform-origin:center;
}
#slide6 .section4 .person #_x35_6g_1_{  
    fill-opacity:0;    
    will-change: opacity, transform;
    -webkit-transform: translate3d(0,-200%,0);
    transform: translate3d(0,-200%,0);
    -webkit-transform-origin:center;
    transform-origin:center;
}
#slide6 .section4 .tetraRecart{opacity:0;    will-change: opacity;}
#slide6 .section4 .tetraRecart .SVGcontainer{width: 100%;}
#slide6 .sectionContainer .section .trucks .tetraRecart .SVGcontainer #tetraRecart .st1{
    fill: #25a251;
}

#slide6 .tetraRecart g#fila_1 g g:nth-child(1),
#slide6 .tetraRecart g#fila_1 g g:nth-child(2),
#slide6 .tetraRecart g#fila_1 g g:nth-child(3),
#slide6 .tetraRecart g#fila_1 g g:nth-child(4),
#slide6 .tetraRecart g#fila_1 g g:nth-child(5),
#slide6 .tetraRecart g#fila_1 g g:nth-child(6),
#slide6 .tetraRecart g#fila_1 g g:nth-child(7),
#slide6 .tetraRecart g#fila_1 g g:nth-child(8),
#slide6 .tetraRecart g#fila_1 g g:nth-child(9),
#slide6 .tetraRecart g#fila_1 g g:nth-child(10){fill-opacity: 0; will-change: opacity;}
#slide6 .tetraRecart g#fila_2 g g:nth-child(1),
#slide6 .tetraRecart g#fila_2 g g:nth-child(2),
#slide6 .tetraRecart g#fila_2 g g:nth-child(3),
#slide6 .tetraRecart g#fila_2 g g:nth-child(4),
#slide6 .tetraRecart g#fila_2 g g:nth-child(5),
#slide6 .tetraRecart g#fila_2 g g:nth-child(6),
#slide6 .tetraRecart g#fila_2 g g:nth-child(7),
#slide6 .tetraRecart g#fila_2 g g:nth-child(8),
#slide6 .tetraRecart g#fila_2 g g:nth-child(9),
#slide6 .tetraRecart g#fila_2 g g:nth-child(10){fill-opacity: 0; will-change: opacity;}
#slide6 .tetraRecart g#fila_3 g g:nth-child(1),
#slide6 .tetraRecart g#fila_3 g g:nth-child(2),
#slide6 .tetraRecart g#fila_3 g g:nth-child(3),
#slide6 .tetraRecart g#fila_3 g g:nth-child(4),
#slide6 .tetraRecart g#fila_3 g g:nth-child(5),
#slide6 .tetraRecart g#fila_3 g g:nth-child(6),
#slide6 .tetraRecart g#fila_3 g g:nth-child(7),
#slide6 .tetraRecart g#fila_3 g g:nth-child(8),
#slide6 .tetraRecart g#fila_3 g g:nth-child(9),
#slide6 .tetraRecart g#fila_3 g g:nth-child(10){fill-opacity: 0;  will-change: opacity;}
#slide6 .tetraRecart g#fila_4 g g:nth-child(1),
#slide6 .tetraRecart g#fila_4 g g:nth-child(2),
#slide6 .tetraRecart g#fila_4 g g:nth-child(3),
#slide6 .tetraRecart g#fila_4 g g:nth-child(4),
#slide6 .tetraRecart g#fila_4 g g:nth-child(5),
#slide6 .tetraRecart g#fila_4 g g:nth-child(6),
#slide6 .tetraRecart g#fila_4 g g:nth-child(7),
#slide6 .tetraRecart g#fila_4 g g:nth-child(8),
#slide6 .tetraRecart g#fila_4 g g:nth-child(9),
#slide6 .tetraRecart g#fila_4 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}
#slide6 .tetraRecart g#fila_5 g g:nth-child(1),
#slide6 .tetraRecart g#fila_5 g g:nth-child(2),
#slide6 .tetraRecart g#fila_5 g g:nth-child(3),
#slide6 .tetraRecart g#fila_5 g g:nth-child(4),
#slide6 .tetraRecart g#fila_5 g g:nth-child(5),
#slide6 .tetraRecart g#fila_5 g g:nth-child(6),
#slide6 .tetraRecart g#fila_5 g g:nth-child(7),
#slide6 .tetraRecart g#fila_5 g g:nth-child(8),
#slide6 .tetraRecart g#fila_5 g g:nth-child(9),
#slide6 .tetraRecart g#fila_5 g g:nth-child(10){fill-opacity: 0;     will-change: opacity;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE7////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#slide7 .brick{
    width: 50%;
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}
#slide7 .brick .brickContainer{
    width: 60%;
    height: 100%;
    float: right;

}
#slide7 .text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%;
    height: 100%;
    float: left;
}
#slide7 .text p{
    width: 80%;
    font-size: 4vh;
}
#slide7 .text ul{
    width: 80%;
    margin-top: 8vh;  
}
#slide7 .text ul li{
    width: 50%;
    float: left;
    margin-bottom: 15px;
    font-size: 2vh;
        list-style: none;

}
#slide7 .text ul li span.tic {
    display: block;
    float: left;
    width: 10%;
    margin-right: 10px;
}
#slide7 .text ul li span.tic .ticSVG .st0{
    stroke:#ba1f1f;
    stroke-dasharray: 600;
    stroke-dashoffset: 610;
}
 #slide7 #sombra{
    -webkit-transform: scale(1.4 , 1.1);-ms-transform: scale(1.4 , 1.1);transform: scale(1.4 , 1.1);
}
#slide7 .btn--contact{
    width: 15vw;
    min-width: 165px;
    height: 6vh;
    margin: 5vh 0vw 0vh 6vw;
    text-align: center;
    background-color: #00529c;
    border-radius: 5px;
    -webkit-box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);

}
#slide7 .btn--contact a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    font-size: 4vh;
    line-height: 1.5;
}
#slide7 .btn--contact:hover{
    background-color: #ba1f1f;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 1px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 1px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);

}
#slide7 .see-again{
    position: absolute;
    width: 25vw;
    min-width: 360px;
    right: 3vw;
    bottom: 5vh;
    font-family: "Montserrat-Regular", sans-serif;
    font-size: 3vh;
    line-height: 1.5;
    color: #00529c;
    font-weight: 600;
    opacity: 0;
}
#slide7 .brick .brickContainer  {opacity: 0;            will-change: opacity; padding-top: 15vh;}
#slide7 #rayos_1_               {fill-opacity: 0;       will-change: opacity;}    
#slide7 #sombra                 {transform-origin: 80px 160px;}       
#slide7 .text p                 {opacity: 0;     will-change: opacity;}
#slide7 .text ul li:nth-child(1){opacity: 0;     will-change: opacity;}
#slide7 .text ul li:nth-child(2){opacity: 0;     will-change: opacity;}
#slide7 .text ul li:nth-child(3){opacity: 0;     will-change: opacity;}
#slide7 .text ul li:nth-child(4){opacity: 0;     will-change: opacity;}
#slide7 .text .btn--contact     {opacity: 0;     will-change: opacity;}




/*///////////////////////////////////////////////////////////////////////////////////////
//////////////////ANIMATIONS/////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////*/
/*spotActive*/
@-webkit-keyframes spotActive {
    0%{visibility: hidden; opacity: 0;/*transform: scale(0);*/}
    1%{visibility: visible; opacity: 0;/*transform: scale(0);*/}
    100%{visibility: visible; opacity: 1; /*transform: scale(1);*/}
}
@keyframes spotActive {
    0%{visibility: hidden; opacity: 0; /*transform: scale(0);*/}
    1%{visibility: visible; opacity: 0; /*transform: scale(0);*/}
    100%{visibility: visible; opacity: 1; /*transform: scale(1);*/}
}   
.wrapper_fst .infographSection .spotlight_container.active{
    -webkit-animation: spotActive 1s  forwards ease-out ;
    animation:        spotActive 1s  forwards ease-out ;
}
/*spotNonActive*/
@-webkit-keyframes spotNonActive {
    0%{visibility: visible; opacity: 1;/* transform: scale(0);*/}
    99%{visibility: visible; opacity: 0;/* transform: scale(0);*/}
    100%{visibility: hidden; opacity: 0; /*transform: scale(1);*/}
}
@keyframes spotNonActive {
    0%{visibility: visible; opacity: 1; /*transform: scale(0);*/}
    99%{visibility: visible; opacity: 0; /*transform: scale(0);*/}
    100%{visibility: hidden; opacity: 0; /*transform: scale(1);*/}
}   
.wrapper_fst .infographSection .spotlight_container.non_active{
    -webkit-animation: spotNonActive 1s  forwards ease-out ;
    animation:        spotNonActive 1s  forwards ease-out ;
}

/*GENERAL*/
@-webkit-keyframes arrowsMove {
        0% {-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity: 1;}
        50%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);opacity: 0.4;}
        100% {-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity: 1;}
    }
@keyframes arrowsMove {
        0% {-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity: 1;}
        50%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);opacity: 0.4;}
        100% {-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity: 1;}
    }
.slide.active .title .bottomBar{
    width: 30%;
    transition: all 2s 1s;
}

/*translateLeft*/
@-webkit-keyframes translateLeft {
    from { -webkit-transform:translate3d(-300%,0,0); transform:translate3d(-300%,0,0); }
    to { -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0);}
}
@keyframes translateLeft {
    from { -webkit-transform:translate3d(-300%,0,0); transform:translate3d(-300%,0,0); }
    to { -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0);}
}
/*translateRight*/
@-webkit-keyframes translateRight {
    from { -webkit-transform:translate3d(300%,0,0); transform:translate3d(300%,0,0); }
    to { -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0);}
}
@keyframes translateRight {
    from { -webkit-transform:translate3d(300%,0,0); transform:translate3d(300%,0,0); }
    to { -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0);}
}
/*translateBottom*/
@-webkit-keyframes translateBottom {
    from { -webkit-transform:translate3d(0,200%,0); transform:translate3d(0,200%,0); }
    to { -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);}
}
@keyframes translateBottom {
    from { -webkit-transform:translate3d(0,200%,0); transform:translate3d(0,200%,0); }
    to { -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);}
}
/*translateTop*/
@-webkit-keyframes translateTop{
    from { -webkit-transform:translate3d(0,-200%,0); transform:translate3d(0,-200%,0); }
    to { -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);}
}
@keyframes translateTop{
    from { -webkit-transform:translate3d(0,-200%,0); transform:translate3d(0,-200%,0); }
    to { -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE1/////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*Animated background_a*/
@-moz-keyframes animatedBackground_a {
    0% {            transform: rotate(-17deg);        }
    100% {            transform: rotate(343deg);        }
}
@-webkit-keyframes animatedBackground_a {
    0% {            transform: rotate(-17deg);        }
    100% {            transform: rotate(343deg);        }
}
@-ms-keyframes animatedBackground_a {
    0% {            transform: rotate(-18deg);        }
    100% {            transform: rotate(343deg);        }
}
@-o-keyframes animatedBackground_a{
    0% {            transform:rotate(-17deg);        }
    100% {            transform: rotate(343deg);        }
}
@keyframes animatedBackground_a {
    0% {           transform: rotate(-17deg);        }
    100% {            transform: rotate(343deg);       }
}
    /*Rotations*/
@-webkit-keyframes circleRotation {
    from { -webkit-transform:  rotate(0deg); transform:  rotate(0deg); }
    to {-webkit-transform:  rotate(360deg);transform:  rotate(360deg);}
}
@keyframes circleRotation {
    from { -webkit-transform:  rotate(0deg); transform:  rotate(0deg); }
    to {-webkit-transform:  rotate(360deg);transform:  rotate(360deg);}
}       

/*opacity*/
@-webkit-keyframes op {
    from { opacity: 0; }
    to { opacity:1;}
}
@keyframes op {
    from { opacity: 0; }
    to { opacity:1;}
}   

/*Fire*/
 @-webkit-keyframes fire {
    0% {fill-opacity: 0;}
    50%{fill-opacity: 1;}
    100% {fill-opacity: 0;}
    }
@keyframes fire {
     0% {fill-opacity: 0;}
     50%{fill-opacity: 1;}
     100% {fill-opacity: 0;}
}
#slide1 #fire{
    -webkit-animation:  fire      1s  infinite ease-in-out; 
    -ms-animation:      fire      1s  infinite ease-in-out; 
    animation:          fire      1s  infinite ease-in-out;     
}
/*Latidos*/
@-webkit-keyframes latidos {
    from { -webkit-transform: none; transform: none; }
    50% { -webkit-transform: scale(1.3); transform: scale(1.3); }
    to { -webkit-transform: none; transform: none; }
}
@keyframes latidos {
    from { transform: none; }
    50% { transform: scale(1.3); }
    to { transform: none; }
}
#slide1 .logoContainer{
    will-change: transform; 
    -webkit-animation:  translateLeft     1s  2s forwards ease-out; 
    -ms-animation:      translateLeft     1s  2s forwards ease-out; 
    animation:          translateLeft     1s  2s forwards ease-out;
}
#slide1 .titles{
    will-change: transform; 
    -webkit-animation:  translateRight     1s 2.5s forwards ease-out; 
    -ms-animation:      translateRight     1s 2.5s forwards ease-out; 
    animation:          translateRight     1s 2.5s forwards ease-out;
}
#slide1 #tetrabrick_cohete{
    will-change: transform; 
    -webkit-animation:translateBottom 1s 3s forwards ease-out,  latidos      1s  4s infinite ease-in-out; 
    -ms-animation:    translateBottom 1s 3s forwards ease-out,  latidos      1s  4s infinite ease-in-out;  
    animation:        translateBottom 1s 3s forwards ease-out,  latidos      1s  4s infinite ease-in-out;       
}
#slide1 .start h2{
    will-change: transform; 
    -webkit-animation:  op     1s 4.5s forwards ease-in-out; 
    -ms-animation:      op     1s 4.5s forwards ease-in-out; 
    animation:          op     1s 4.5s forwards ease-in-out;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE2////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Molino rotation*/
#slide2.active #aspas_1{
    will-change: transform; 
    -webkit-transform-origin:  55.3px 63px;  
    -ms-transform-origin:  55.3px 63px;  
    transform-origin:  55.3px 63px;
    -webkit-animation:  circleRotation     30s  infinite linear; 
    -ms-animation:      circleRotation     30s  infinite linear; 
    animation:          circleRotation     30s  infinite linear;        
    }
#slide2.active #aspas_2{
    will-change: transform; 
    -webkit-transform-origin:  27px 75px;    
    -ms-transform-origin:  27px 75px;    
    transform-origin:  27px 75px;
    -webkit-animation:  circleRotation     20s  3s infinite linear; 
    -ms-animation:      circleRotation     20s  3s infinite linear; 
    animation:          circleRotation     20s  3s infinite linear;     
    }    

/*step1*/
#slide2.active .section1 .text{
    will-change: transform; 
    opacity: 1;
    -webkit-transition: opacity 1s 1.5s;    
    -o-transition: opacity 1s 1.5s; 
    transition: opacity 1s 1.5s;

    -webkit-animation:translateBottom 1s 1.5s forwards ease-out;
    -ms-animation:    translateBottom 1s 1.5s forwards ease-out;
    animation:        translateBottom 1s 1.5s forwards ease-out;
}
#slide2.active #person_5{
    opacity: 1;
    -webkit-transition: opacity 1s 1.6s;
    -o-transition: opacity 1s 1.6s;
    transition: opacity 1s 1.6s;
    -webkit-animation: circleRotation 35s infinite linear;
    animation: circleRotation 35s infinite linear;
}
#slide2.active #person_4{
    opacity: 1;
    -webkit-transition: opacity 1s 1.8s;
    -o-transition: opacity 1s 1.8s;
    transition: opacity 1s 1.8s;
    -webkit-animation: circleRotation 25s infinite linear;
    animation: circleRotation 25s infinite linear;
}
#slide2.active #person_3{
    opacity: 1;
    -webkit-transition: opacity 1s 2s;-o
    -transition: opacity 1s 2s;
    transition: opacity 1s 2s;
    -webkit-animation: circleRotation 34s infinite linear;
    animation: circleRotation 34s infinite linear;
}
#slide2.active #person_2{
    opacity: 1;
    -webkit-transition: opacity 1s 2.2s;
    -o-transition: opacity 1s 2.2s;
    transition: opacity 1s 2.2s;
    -webkit-animation: circleRotation 27s infinite linear;
    animation: circleRotation 27s infinite linear;
}
#slide2.active #person_1{
    opacity: 1;
    -webkit-transition: opacity 1s 2.4s;
    -o-transition: opacity 1s 2.4s;
    transition: opacity 1s 2.4s;
    -webkit-animation: circleRotation 30s infinite linear;
    animation: circleRotation 30s infinite linear;
}
/*step2*/
#slide2.active .section2 .image #aspas_1{   opacity: 1;-webkit-transition: opacity 1s 2s;-o-transition: opacity 1s 2.5s;transition: opacity 1s 2.5s;}
#slide2.active .section2 .image #molino_1{  opacity: 1;-webkit-transition: opacity 1s 2s;-o-transition: opacity 1s 2.5s;transition: opacity 1s 2.5s;}
#slide2.active .section2 .image #aspas_2{   opacity: 1;-webkit-transition: opacity 1s 2.5s;-o-transition: opacity 1s 3s;transition: opacity 1s 3s;}
#slide2.active .section2 .image #molino_2{  opacity: 1;-webkit-transition: opacity 1s 2.5s;-o-transition: opacity 1s 3s;transition: opacity 1s 3s;transition: opacity 1s 3s;}
#slide2.active .section2 .text{
    will-change: transform; 
    opacity: 1;
    -webkit-transition: opacity 1s 2s;
    -o-transition: opacity 1s 2s;
    transition: opacity 1s 2s;
    -webkit-animation:translateBottom 1s 2s forwards ease-out;
    -ms-animation:    translateBottom 1s 2s forwards ease-out;
    animation:        translateBottom 1s 2s forwards ease-out;  
}

/*step3*/
#slide2.active .sectionContainer .section:nth-child(3) .image #plant #greatGroot{
    -webkit-transition: transform 1s 2.5s;
    -o-transition: transform 1s 2.5s;
    transition: transform 1s 2.5s;
    -webkit-transform: translate3d(-16px, -18px,0) scale(0.9);
    -ms-transform: translate3d(-16px, -18px,0) scale(0.9);
    transform: translate3d(-16px, -18px,0) scale(0.9);
}    
#slide2.active .sectionContainer .section:nth-child(3) .image #plant #babyGroot{
    -webkit-transition: transform 1s 3s;
    -o-transition: transform 1s 3s;
    transition: transform 1s 3s;    
    -webkit-transform:translate3d(40px, -22px,0) scale(0.6);
    -ms-transform: translate3d(40px, -22px,0) scale(0.6);
    transform: translate3d(40px, -22px,0) scale(0.6);
}
#slide2.active .section3 .text{
    opacity: 1;
    -webkit-transition: opacity 1s 2.5s;    
    -o-transition: opacity 1s 2.5s;
    transition: opacity 1s 2.5s;
    will-change: transform; 
    -webkit-animation:translateBottom 1s 2.5s forwards ease-out;
    -ms-animation:    translateBottom 1s 2.5s forwards ease-out;
    animation:        translateBottom 1s 2.5s forwards ease-out;        
}

#slide2.active .footer  .flechas-Container{
    opacity: 1;
    -webkit-transition: opacity 1s 3.5s;    
    -o-transition: opacity 1s 3.5s; 
    transition: opacity 1s 3.5s;
        -webkit-transform: rotate(270deg);    
        -ms-transform: rotate(270deg);    
        transform: rotate(270deg);

}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE3////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
@-webkit-keyframes spinning-earth {
  0% {
   -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0);
  }
  100% {
   -webkit-transform: translate3d(21%,0,0);
    transform: translate3d(21%,0,0);
  }
}
@keyframes spinning-earth {
  0% {
   -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0);
  }
  100% {
   -webkit-transform: translate3d(21%,0,0);
    transform: translate3d(21%,0,0);
  }
}



/*step1*/
#slide3.active #section1 .persons #persona1  .st0{-webkit-transition: fill 1s 2.1s;-o-transition: fill 1s 2.1s;transition: fill 1s 2.1s;fill:#0051a0;}
#slide3.active #section1 .persons #persona2  .st0{-webkit-transition: fill 1s 2.2s;-o-transition: fill 1s 2.2s;transition: fill 1s 2.2s;fill:#0051a0;}
#slide3.active #section1 .persons #persona3  .st0{-webkit-transition: fill 1s 2.3s;-o-transition: fill 1s 2.3s;transition: fill 1s 2.3s;fill:#0051a0;}
#slide3.active #section1 .persons #persona4  .st0{-webkit-transition: fill 1s 2.4s;-o-transition: fill 1s 2.4s;transition: fill 1s 2.4s;fill:#0051a0;}
#slide3.active #section1 .persons #persona5  .st0{-webkit-transition: fill 1s 2.5s;-o-transition: fill 1s 2.5s;transition: fill 1s 2.5s;fill:#0051a0;}
#slide3.active #section1 .persons #persona6  .st0{-webkit-transition: fill 1s 2.6s;-o-transition: fill 1s 2.6s;transition: fill 1s 2.6s;fill:#0051a0;}
#slide3.active #section1 .persons #persona7  .st0{-webkit-transition: fill 1s 2.7s;-o-transition: fill 1s 2.7s;transition: fill 1s 2.7s;fill:#0051a0;}
#slide3.active #section1 .persons #persona8  .st0{-webkit-transition: fill 1s 2.8s;-o-transition: fill 1s 2.8s;transition: fill 1s 2.8s;fill:#0051a0;}
#slide3.active #section1 .persons #persona9  .st0{-webkit-transition: fill 1s 2.9s;-o-transition: fill 1s 2.9s;transition: fill 1s 2.9s;fill:#0051a0;}
#slide3.active #section1 .persons #persona10 .st0{-webkit-transition: fill 1s 3s  ;-o-transition: fill 1s 3s  ;transition: fill 1s 3s  ;fill:#0051a0;}
#slide3.active #section1 .persons #persona11 .st0{-webkit-transition: fill 1s 3.2s;-o-transition: fill 1s 3.1s;transition: fill 1s 3.1s;fill:#0051a0;}
#slide3.active #section1 .persons #persona12 .st0{-webkit-transition: fill 1s 3.3s;-o-transition: fill 1s 3.2s;transition: fill 1s 3.2s;fill:#0051a0;}
#slide3.active #section1 .persons #persona13 .st0{-webkit-transition: fill 1s 3.4s;-o-transition: fill 1s 3.3s;transition: fill 1s 3.3s;fill:#0051a0;}
#slide3.active #section1 .persons #persona14 .st0{-webkit-transition: fill 1s 3.5s;-o-transition: fill 1s 3.4s;transition: fill 1s 3.4s;fill:#0051a0;}
#slide3.active #section1 .persons #persona15 .st0{-webkit-transition: fill 1s 3.6s;-o-transition: fill 1s 3.5s;transition: fill 1s 3.5s;fill:#0051a0;}
#slide3.active #section1 .percentage{opacity: 1; -webkit-transition: opacity 0.5s 2s;-o-transition: opacity 0.5s 2s;transition: opacity 0.5s 2s;}
#slide3.active #section1 .text{
    opacity: 1; 
    -webkit-transition: opacity 1s 1s;-o-transition: opacity 1s 1s;transition: opacity 1s 1s;
    will-change: transform; 
    -webkit-animation:  translateRight     1s 1s forwards ease-out; 
    -ms-animation:      translateRight     1s 1s forwards ease-out; 
    animation:          translateRight     1s 1s forwards ease-out;
}
/*step2*/
#slide3.active #section2 .subsection .worldContainer #night {
    -webkit-transform: translate3d(0%,0,0);    
    transform: translate3d(0%,0,0);
    -webkit-transition: transform 2s 2s;
    transition: transform 2s 2s;
}

/*step3*/
#slide3.active #section2 #recycle #recycle_symbol_1   .st0{-webkit-transition: fill 1s 2.5s;-o-transition: fill 1s 2.5s;transition: fill 1s 2.5s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_2   .st0{-webkit-transition: fill 1s 2.6s;-o-transition: fill 1s 2.6s;transition: fill 1s 2.6s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_3   .st0{-webkit-transition: fill 1s 2.7s;-o-transition: fill 1s 2.7s;transition: fill 1s 2.7s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_4   .st0{-webkit-transition: fill 1s 2.8s;-o-transition: fill 1s 2.8s;transition: fill 1s 2.8s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_5   .st0{-webkit-transition: fill 1s 2.9s;-o-transition: fill 1s 2.9s;transition: fill 1s 2.9s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_6   .st0{-webkit-transition: fill 1s 3s  ;-o-transition: fill 1s 3s  ;transition: fill 1s 3s  ;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_7   .st0{-webkit-transition: fill 1s 3.1s;-o-transition: fill 1s 3.1s;transition: fill 1s 3.1s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_8   .st0{-webkit-transition: fill 1s 3.2s;-o-transition: fill 1s 3.2s;transition: fill 1s 3.2s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_9   .st0{-webkit-transition: fill 1s 3.3s;-o-transition: fill 1s 3.3s;transition: fill 1s 3.3s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_10  .st0{-webkit-transition: fill 1s 3.4s;-o-transition: fill 1s 3.4s;transition: fill 1s 3.4s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_11  .st0{-webkit-transition: fill 1s 3.5s;-o-transition: fill 1s 3.5s;transition: fill 1s 3.5s;fill:#0051a0;}
#slide3.active #section2 #recycle #recycle_symbol_12  .st0{-webkit-transition: fill 1s 3.6s;-o-transition: fill 1s 3.6s;transition: fill 1s 3.6s;fill:#0051a0;}
#slide3.active #section2 #recycle .text{opacity: 1; -webkitity 2s 3s; -o-transition: opacity 2s 3s; transition: opacity 2s 3s;}

#slide3.active .footer  .flechas-Container{
    opacity: 1;
    -webkit-transition: opacity 1s 5s;
    -o-transition: opacity 1s 5s;
    transition: opacity 1s 5s;
        -webkit-transform: rotate(270deg);    
        -ms-transform: rotate(270deg);    
        transform: rotate(270deg);
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE4////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*step1*/
#slide4.active .section1 .graphicText       {opacity:1;-webkit-transition: opacity 1s 1s ease-out;-o-transition: opacity 1s 1s ease-out;transition: opacity 1s 1s ease-out;}
#slide4.active .section1 #grafico #barras #barra1 {-webkit-transform:  scaleY(1);-ms-transform:  scaleY(1);transform:  scaleY(1);-webkit-transition: transform 2s 1.5s ease-out;-o-transition: transform 2s 1.5s ease-out;transition: transform 2s 1.5s ease-out;}
#slide4.active .section1 #grafico #barras #barra2 {-webkit-transform:  scaleY(1);-ms-transform:  scaleY(1);transform:  scaleY(1);-webkit-transition: transform 2s 1.5s ease-out;-o-transition: transform 2s 1.5s ease-out;transition: transform 2s 1.5s ease-out;}
#slide4.active .section1 #grafico #barras #barra3 {-webkit-transform:  scaleY(1);-ms-transform:  scaleY(1);transform:  scaleY(1);-webkit-transition: transform 2s 1.5s ease-out;-o-transition: transform 2s 1.5s ease-out;transition: transform 2s 1.5s ease-out;}
#slide4.active .section1 #grafico #barras .text{fill-opacity: 1;-webkit-transition: fill-opacity 1s 2s ease-out;-o-transition: fill-opacity 1s 2s ease-out;transition: fill-opacity 1s 2s ease-out;}
#slide4.active .section1 .text {
    opacity: 1;
    -webkit-transition: opacity 1s 2.5s;-o-transition: opacity 1s 2.5s;transition: opacity 1s 2.5s;
    will-change: transform; 
    -webkit-animation:translateLeft 1s 1.5s forwards ease-out;
    -ms-animation:    translateLeft 1s 1.5s forwards ease-out;
    animation:        translateLeft 1s 1.5s forwards ease-out;
}
#slide4.active .section1 #grafico #tetrabrick_1_,
#slide4.active .section1 #grafico #can_1_,
#slide4.active .section1 #grafico #pounch_1_{
    -webkit-transition: fill-opacity 1s 1.5s,stroke-opacity 1s 1.5s;-o-transition: fill-opacity 1s 1.5s,stroke-opacity 1s 1.5s;transition: fill-opacity 1s 1.5s,stroke-opacity 1s 1.5s;
    fill-opacity: 1;
    stroke-opacity:1; 
    -webkit-animation:translateTop 2s 1.5s forwards ease-out;
    -ms-animation:    translateTop 2s 1.5s forwards ease-out;
    animation:        translateTop 2s 1.5s forwards ease-out;
}
/*step2*/
#slide4.active .section2 .circle-container.converting {
    /*transform-origin: -39px -77px;*/  
    -webkit-transition: top  1s 0.5s, right 1s 0.5s;-ms-transition: top  1s 0.5s, right 1s 0.5s;transition: top 1s 0.5s, right 1s 0.5s;
    right: calc(100% - 15vh);
    top: -22%;
}

#slide4.active .section2 .circle-container.material {
    /*transform-origin: 188px -77px;*/
    -webkit-transition: top 1s 0.7s, right 1s 0.7s;-ms-transition: top 1s 0.7s, right 1s 0.7s;transition: top 1s 0.7s, right 1s 0.7s;   
    right: calc(75% - 15vh);
    top: 60%; 
}

#slide4.active .section2 .circle-container.recycling {
    /*transform-origin: -93px 156px;*/
    -webkit-transition: top 1s 1s, left 1s 1s;-ms-transition: top 1s 1s, left 1s 1s;transition: top 1s 1s, left 1s 1s;  
    left: calc(100% - 15vh);
    top: -22%; 
}

#slide4.active .section2 .circle-container.secondary {
    /*transform-origin: 250px 157px;*/
    -webkit-transition: top 1s 1.3s, left 1s 1.3s;-ms-transition: top 1s 1.3s, left 1s 1.3s;transition: top 1s 1.3s, left 1s 1.3s;  
    left: calc(75% - 15vh);
    top: 60%;   
}

#slide4.active .section2 .circle-container.transport {
    /*transform-origin: 80px 260px;*/
    -webkit-transition: top 1s 1.5s, left 1s 1.5s;-ms-transition: top 1s 1.5s, left 1s 1.5s;transition: top 1s 1.5s, left 1s 1.5s; 
    top: calc(-102% + 15vh);
}
#slide4.active .section2 .ruleta-container{
    -webkit-animation:  circleRotation     20s  1.6s infinite linear; 
    -ms-animation:      circleRotation     20s  1.6s infinite linear; 
    animation:          circleRotation     20s  1.6s infinite linear;   
}

#slide4.active .section2 .circle-container .circle {
    -webkit-animation:  circleRotation     20s  1.6s infinite linear reverse; 
    -ms-animation:      circleRotation     20s  1.6s infinite linear reverse; 
    animation:          circleRotation     20s  1.6s infinite linear reverse;   
}
#slide4.active .section2 .circle-container .circle.LCA {
    -webkit-animation:  circleRotation     20s  1.6s infinite linear reverse; 
    -ms-animation:      circleRotation     20s  1.6s infinite linear reverse; 
    animation:          circleRotation     20s  1.6s infinite linear reverse;   
}
#slide4.active .section2 .text {
    opacity:1;
    -webkit-transition: opacity 2s 2.5s;-o-transition: opacity 2s 2.5s;transition: opacity 2s 2.5s;
    will-change: transform; 
    -webkit-animation:translateRight 1s 1.5s forwards ease-out;
    -ms-animation:    translateRight 1s 1.5s forwards ease-out;
    animation:        translateRight 1s 1.5s forwards ease-out;
    margin-top: 5vh;
}
#slide4.active .footer  .flechas-Container{
    opacity: 1;
    transition: opacity 1s 3s;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE5////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*active step1*/
#slide5.active .sectionContainer .section .weighBar span.banner {
    -webkit-animation:latidos      1.5s  1s  ease-in-out 3; 
    -ms-animation:    latidos      1.5s  1s  ease-in-out 3;  
    animation:        latidos      1.5s  1s  ease-in-out 3;

}
#slide5.active .weighPerson.active #person_1_4_{fill-opacity: 1; -webkit-transition: fill-opacity 1s   ;-o-transition: fill-opacity 1s  ;transition: fill-opacity 1s  ;}
#slide5.active .weighPerson.active #person_2_3_{fill-opacity: 1; -webkit-transition: fill-opacity 1s   ;-o-transition: fill-opacity 1s  ;transition: fill-opacity 1s  ;}
#slide5.active .weighPerson.active #person_3_4_{fill-opacity: 1; -webkit-transition: fill-opacity 1s   ;-o-transition: fill-opacity 1s  ;transition: fill-opacity 1s  ;}
#slide5.active .weighPerson.active #person_4_3_{fill-opacity: 1; -webkit-transition: fill-opacity 1s   ;-o-transition: fill-opacity 1s  ;transition: fill-opacity 1s  ;}
#slide5.active  #asterisk{opacity:1;-webkit-transition: opacity 1s 3.5s;-o-transition: opacity 1s 3.5s;transition: opacity 1s 3.5s;}
#slide5.active .weighPerson.active .weightContainer #persona_56g #_x35_6g_1_{
    will-change: transform; 
    -webkit-transform: translate3d(0,0%,0) ;    
    -ms-transform: translate3d(0,0%,0) ;    
    transform: translate3d(0,0%,0) ;    
    -webkit-transition: transform, fill-opacity 1s  ease-out;    
    -o-transition: transform, fill-opacity 1s  ease-out;    
    transition: transform, fill-opacity 1s  ease-out;
    fill-opacity: 1;
    display: block;
}
#slide5.active .weighPerson.active .weightContainer #Capa_30 #_x39_9g{
    will-change: transform; 
    -webkit-transform: translate3d(0,0%,0) ;    
    -ms-transform: translate3d(0,0%,0) ;    
    transform: translate3d(0,0%,0) ;    
    -webkit-transition: transform, fill-opacity 1s ease-out;    
    -o-transition: transform, fill-opacity 1s ease-out;    
    transition: transform, fill-opacity 1s ease-out;
    fill-opacity: 1;
    display: block;
}
#slide5.active .weighPerson.active .weightContainer #Capa_31 #_x31_36g_1_{
    will-change: transform; 
    -webkit-transform: translate3d(0,0%,0) ;
    -ms-transform: translate3d(0,0%,0) ;
    transform: translate3d(0,0%,0) ;
    -webkit-transition: transform, fill-opacity 1s ease-out;
    -o-transition: transform, fill-opacity 1s ease-out;
    transition: transform, fill-opacity 1s ease-out;
    fill-opacity: 1;
    display: block;
}
#slide5.active .weighPerson.active .weightContainer #pesos_personas #_x35_80g{
    will-change: transform; 
    -webkit-transform: translate3d(0,0%,0);
    -ms-transform: translate3d(0,0%,0);
    transform: translate3d(0,0%,0);
    -webkit-transition: transform, fill-opacity 1s ease-out;
    -o-transition: transform, fill-opacity 1s ease-out;
    transition: transform, fill-opacity 1s ease-out;
    fill-opacity: 1;
    display: block;
}

#slide5.active .weighBar .text p{opacity:1;-webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
#slide5.active .weighBar .text ul li:nth-child(1){opacity:1;-webkit-transition: opacity 2s 0.5s;-o-transition: opacity 2s 0.5s;transition: opacity 2s 0.5s;}
#slide5.active .weighBar .text ul li:nth-child(2){opacity:1;-webkit-transition: opacity 2s 1s;-o-transition: opacity 2s 1s;transition: opacity 2s 1s;}
#slide5.active .weighBar .text ul li:nth-child(3){opacity:1;-webkit-transition: opacity 2s 1.5s;-o-transition: opacity 2s 1.5s;transition: opacity 2s 1.5s;}
#slide5.active .weighBar .text ul li:nth-child(4){opacity:1;-webkit-transition: opacity 2s 2s;-o-transition: opacity 2s 2s;transition: opacity 2s 2s;}

#slide5.active .sectionContainer .section .barContainer .bar{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);; -webkit-transition: transform 3s 0.5s linear;; -o-transition: transform 3s 0.5s linear;; transition: transform 3s 0.5s linear;}

/*active step2*/

#slide5.active .tetraRecart{
    will-change: transform; 
    opacity: 1;
    -webkit-transition: opacity 0.5s ;  -o-transition: opacity 0.5s ;   transition: opacity 0.5s ;
    -webkit-animation:translateLeft 3s 0.5s forwards ease-out;
    -ms-animation:    translateLeft 3s 0.5s forwards ease-out;
    animation:        translateLeft 3s 0.5s forwards ease-out;
}
#slide5.active .can{
    will-change: transform; 
    opacity: 1;
    -webkit-transition: opacity 0.5s ;  -o-transition: opacity 0.5s ;   transition: opacity 0.5s ;
    -webkit-animation:translateLeft 3s 0.5s forwards ease-out;
    -ms-animation:    translateLeft 3s 0.5s forwards ease-out;
    animation:        translateLeft 3s 0.5s forwards ease-out;
}
#slide5.active .sectionContainer .section .trucks p{
    opacity: 1;
    -webkit-transition: opacity 1s 3.5s;
    -o-transition: opacity 1s 3.5s;
    transition: opacity 1s 3.5s;

}

#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .00s;-o-transition: fill-opacity 1s  .00s;transition: fill-opacity 1s  .00s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .05s;-o-transition: fill-opacity 1s  .05s;transition: fill-opacity 1s  .05s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .10s;-o-transition: fill-opacity 1s  .10s;transition: fill-opacity 1s  .10s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .15s;-o-transition: fill-opacity 1s  .15s;transition: fill-opacity 1s  .15s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .20s;-o-transition: fill-opacity 1s  .20s;transition: fill-opacity 1s  .20s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .25s;-o-transition: fill-opacity 1s  .25s;transition: fill-opacity 1s  .25s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .30s;-o-transition: fill-opacity 1s  .30s;transition: fill-opacity 1s  .30s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .35s;-o-transition: fill-opacity 1s  .35s;transition: fill-opacity 1s  .35s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .40s;-o-transition: fill-opacity 1s  .40s;transition: fill-opacity 1s  .40s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .45s;-o-transition: fill-opacity 1s  .45s;transition: fill-opacity 1s  .45s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .50s;-o-transition: fill-opacity 1s  .50s;transition: fill-opacity 1s  .50s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .55s;-o-transition: fill-opacity 1s  .55s;transition: fill-opacity 1s  .55s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .60s;-o-transition: fill-opacity 1s  .60s;transition: fill-opacity 1s  .60s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .65s;-o-transition: fill-opacity 1s  .65s;transition: fill-opacity 1s  .65s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .70s;-o-transition: fill-opacity 1s  .70s;transition: fill-opacity 1s  .70s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .75s;-o-transition: fill-opacity 1s  .75s;transition: fill-opacity 1s  .75s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .80s;-o-transition: fill-opacity 1s  .80s;transition: fill-opacity 1s  .80s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .85s;-o-transition: fill-opacity 1s  .85s;transition: fill-opacity 1s  .85s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .90s;-o-transition: fill-opacity 1s  .90s;transition: fill-opacity 1s  .90s;}
#slide5.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  .95s;-o-transition: fill-opacity 1s  .95s;transition: fill-opacity 1s  .95s;}

#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.00s;-o-transition: fill-opacity 1s  1.00s;transition: fill-opacity 1s  1.00s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.05s;-o-transition: fill-opacity 1s  1.05s;transition: fill-opacity 1s  1.05s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.10s;-o-transition: fill-opacity 1s  1.10s;transition: fill-opacity 1s  1.10s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.15s;-o-transition: fill-opacity 1s  1.15s;transition: fill-opacity 1s  1.15s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.20s;-o-transition: fill-opacity 1s  1.20s;transition: fill-opacity 1s  1.20s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.25s;-o-transition: fill-opacity 1s  1.25s;transition: fill-opacity 1s  1.25s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.30s;-o-transition: fill-opacity 1s  1.30s;transition: fill-opacity 1s  1.30s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.35s;-o-transition: fill-opacity 1s  1.35s;transition: fill-opacity 1s  1.35s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.40s;-o-transition: fill-opacity 1s  1.40s;transition: fill-opacity 1s  1.40s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.45s;-o-transition: fill-opacity 1s  1.45s;transition: fill-opacity 1s  1.45s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.50s;-o-transition: fill-opacity 1s  1.50s;transition: fill-opacity 1s  1.50s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.55s;-o-transition: fill-opacity 1s  1.55s;transition: fill-opacity 1s  1.55s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.60s;-o-transition: fill-opacity 1s  1.60s;transition: fill-opacity 1s  1.60s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.65s;-o-transition: fill-opacity 1s  1.65s;transition: fill-opacity 1s  1.65s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.70s;-o-transition: fill-opacity 1s  1.70s;transition: fill-opacity 1s  1.70s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.75s;-o-transition: fill-opacity 1s  1.75s;transition: fill-opacity 1s  1.75s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.80s;-o-transition: fill-opacity 1s  1.80s;transition: fill-opacity 1s  1.80s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.85s;-o-transition: fill-opacity 1s  1.85s;transition: fill-opacity 1s  1.85s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.90s;-o-transition: fill-opacity 1s  1.90s;transition: fill-opacity 1s  1.90s;}
#slide5.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.95s;-o-transition: fill-opacity 1s  1.95s;transition: fill-opacity 1s  1.95s;}

#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.00s;-o-transition: fill-opacity 1s  2.00s;transition: fill-opacity 1s  2.00s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.05s;-o-transition: fill-opacity 1s  2.05s;transition: fill-opacity 1s  2.05s;} 
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.10s;-o-transition: fill-opacity 1s  2.10s;transition: fill-opacity 1s  2.10s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.15s;-o-transition: fill-opacity 1s  2.15s;transition: fill-opacity 1s  2.15s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.20s;-o-transition: fill-opacity 1s  2.20s;transition: fill-opacity 1s  2.20s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.25s;-o-transition: fill-opacity 1s  2.25s;transition: fill-opacity 1s  2.25s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.30s;-o-transition: fill-opacity 1s  2.30s;transition: fill-opacity 1s  2.30s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.35s;-o-transition: fill-opacity 1s  2.35s;transition: fill-opacity 1s  2.35s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.40s;-o-transition: fill-opacity 1s  2.40s;transition: fill-opacity 1s  2.40s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.45s;-o-transition: fill-opacity 1s  2.45s;transition: fill-opacity 1s  2.45s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.50s;-o-transition: fill-opacity 1s  2.50s;transition: fill-opacity 1s  2.50s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.55s;-o-transition: fill-opacity 1s  2.55s;transition: fill-opacity 1s  2.55s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.60s;-o-transition: fill-opacity 1s  2.60s;transition: fill-opacity 1s  2.60s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.65s;-o-transition: fill-opacity 1s  2.65s;transition: fill-opacity 1s  2.65s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.70s;-o-transition: fill-opacity 1s  2.70s;transition: fill-opacity 1s  2.70s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.75s;-o-transition: fill-opacity 1s  2.75s;transition: fill-opacity 1s  2.75s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.80s;-o-transition: fill-opacity 1s  2.80s;transition: fill-opacity 1s  2.80s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.85s;-o-transition: fill-opacity 1s  2.85s;transition: fill-opacity 1s  2.85s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.90s;-o-transition: fill-opacity 1s  2.90s;transition: fill-opacity 1s  2.90s;}
#slide5.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.95s;-o-transition: fill-opacity 1s  4.95s;transition: fill-opacity 1s  2.95s;}

#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.00s;-o-transition: fill-opacity 1s  3.00s;transition: fill-opacity 1s  3.00s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.05s;-o-transition: fill-opacity 1s  3.05s;transition: fill-opacity 1s  3.05s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.10s;-o-transition: fill-opacity 1s  3.10s;transition: fill-opacity 1s  3.10s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.15s;-o-transition: fill-opacity 1s  3.15s;transition: fill-opacity 1s  3.15s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.20s;-o-transition: fill-opacity 1s  3.20s;transition: fill-opacity 1s  3.20s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.25s;-o-transition: fill-opacity 1s  3.25s;transition: fill-opacity 1s  3.25s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.30s;-o-transition: fill-opacity 1s  3.30s;transition: fill-opacity 1s  3.30s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.35s;-o-transition: fill-opacity 1s  3.35s;transition: fill-opacity 1s  3.35s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.40s;-o-transition: fill-opacity 1s  3.40s;transition: fill-opacity 1s  3.40s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.45s;-o-transition: fill-opacity 1s  3.45s;transition: fill-opacity 1s  3.45s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.50s;-o-transition: fill-opacity 1s  3.50s;transition: fill-opacity 1s  3.50s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.55s;-o-transition: fill-opacity 1s  3.55s;transition: fill-opacity 1s  3.55s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.60s;-o-transition: fill-opacity 1s  3.60s;transition: fill-opacity 1s  3.60s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.65s;-o-transition: fill-opacity 1s  3.65s;transition: fill-opacity 1s  3.65s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.70s;-o-transition: fill-opacity 1s  3.70s;transition: fill-opacity 1s  3.70s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.75s;-o-transition: fill-opacity 1s  3.75s;transition: fill-opacity 1s  3.75s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.80s;-o-transition: fill-opacity 1s  3.80s;transition: fill-opacity 1s  3.80s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.85s;-o-transition: fill-opacity 1s  3.85s;transition: fill-opacity 1s  3.85s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.90s;-o-transition: fill-opacity 1s  3.90s;transition: fill-opacity 1s  3.90s;}
#slide5.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.95s;-o-transition: fill-opacity 1s  3.95s;transition: fill-opacity 1s  3.95s;}

#slide5.active .tetraRecart g#fila_5 g  g:nth-child(1)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.00s;-o-transition: fill-opacity 1s  4.00s;transition: fill-opacity 1s  4.00s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(2)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.05s;-o-transition: fill-opacity 1s  4.05s;transition: fill-opacity 1s  4.05s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(3)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.10s;-o-transition: fill-opacity 1s  4.10s;transition: fill-opacity 1s  4.10s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(4)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.15s;-o-transition: fill-opacity 1s  4.15s;transition: fill-opacity 1s  4.15s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(5)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.20s;-o-transition: fill-opacity 1s  4.20s;transition: fill-opacity 1s  4.20s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(6)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.25s;-o-transition: fill-opacity 1s  4.25s;transition: fill-opacity 1s  4.25s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(7)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.30s;-o-transition: fill-opacity 1s  4.30s;transition: fill-opacity 1s  4.30s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(8)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.35s;-o-transition: fill-opacity 1s  4.35s;transition: fill-opacity 1s  4.35s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(9)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.40s;-o-transition: fill-opacity 1s  4.40s;transition: fill-opacity 1s  4.40s;}
#slide5.active .tetraRecart g#fila_5 g  g:nth-child(10) {fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.45s;-o-transition: fill-opacity 1s  4.45s;transition: fill-opacity 1s  4.45s;}


#slide5.active .can g#fila_1_1_  g:nth-child(1){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .00s   ;-o-transition: fill-opacity 1s .00s    ;transition: fill-opacity 1s .00s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(2){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .05s   ;-o-transition: fill-opacity 1s .05s    ;transition: fill-opacity 1s .05s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(3){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .10s   ;-o-transition: fill-opacity 1s .10s    ;transition: fill-opacity 1s .10s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(4){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .15s   ;-o-transition: fill-opacity 1s .15s    ;transition: fill-opacity 1s .15s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(5){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .20s   ;-o-transition: fill-opacity 1s .20s    ;transition: fill-opacity 1s .20s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(6){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .25s   ;-o-transition: fill-opacity 1s .25s    ;transition: fill-opacity 1s .25s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(7){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .30s   ;-o-transition: fill-opacity 1s .30s    ;transition: fill-opacity 1s .30s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(8){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .35s   ;-o-transition: fill-opacity 1s .35s    ;transition: fill-opacity 1s .35s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(9){fill-opacity: 1;-webkit-transition: fill-opacity 1s  .40s   ;-o-transition: fill-opacity 1s .40s    ;transition: fill-opacity 1s .40s  ;}
#slide5.active .can g#fila_1_1_  g:nth-child(10){fill-opacity: 1;-webkit-transition: fill-opacity 1s .45s   ;-o-transition: fill-opacity 1s .45s    ;transition: fill-opacity 1s .45s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(11){fill-opacity: 1;-webkit-transition: fill-opacity 1s .50s   ;-o-transition: fill-opacity 1s .50s    ;transition: fill-opacity 1s .50s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(12){fill-opacity: 1;-webkit-transition: fill-opacity 1s .55s   ;-o-transition: fill-opacity 1s .55s    ;transition: fill-opacity 1s .55s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(13){fill-opacity: 1;-webkit-transition: fill-opacity 1s .60s   ;-o-transition: fill-opacity 1s .60s    ;transition: fill-opacity 1s .60s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(14){fill-opacity: 1;-webkit-transition: fill-opacity 1s .65s   ;-o-transition: fill-opacity 1s .65s    ;transition: fill-opacity 1s .65s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(15){fill-opacity: 1;-webkit-transition: fill-opacity 1s .70s   ;-o-transition: fill-opacity 1s .70s    ;transition: fill-opacity 1s .70s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(16){fill-opacity: 1;-webkit-transition: fill-opacity 1s .75s   ;-o-transition: fill-opacity 1s .75s    ;transition: fill-opacity 1s .75s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(17){fill-opacity: 1;-webkit-transition: fill-opacity 1s .80s   ;-o-transition: fill-opacity 1s .80s    ;transition: fill-opacity 1s .80s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(18){fill-opacity: 1;-webkit-transition: fill-opacity 1s .85s   ;-o-transition: fill-opacity 1s .85s    ;transition: fill-opacity 1s .85s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(19){fill-opacity: 1;-webkit-transition: fill-opacity 1s .90s   ;-o-transition: fill-opacity 1s .90s    ;transition: fill-opacity 1s .90s   ;}
#slide5.active .can g#fila_1_1_  g:nth-child(20){fill-opacity: 1;-webkit-transition: fill-opacity 1s .95s   ;-o-transition: fill-opacity 1s .95s    ;transition: fill-opacity 1s .95s   ;}

#slide5.active .can g#fila_2_1_  g:nth-child(1){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.00s    ;-o-transition: fill-opacity 1s 1.00s   ;transition: fill-opacity 1s  1.00s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(2){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.05s    ;-o-transition: fill-opacity 1s 1.05s   ;transition: fill-opacity 1s  1.05s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(3){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.10s    ;-o-transition: fill-opacity 1s 1.10s   ;transition: fill-opacity 1s  1.10s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(4){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.15s    ;-o-transition: fill-opacity 1s 1.15s   ;transition: fill-opacity 1s  1.15s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(5){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.20s    ;-o-transition: fill-opacity 1s 1.20s   ;transition: fill-opacity 1s  1.20s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(6){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.25s    ;-o-transition: fill-opacity 1s 1.25s   ;transition: fill-opacity 1s  1.25s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(7){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.30s    ;-o-transition: fill-opacity 1s 1.30s   ;transition: fill-opacity 1s  1.30s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(8){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.35s    ;-o-transition: fill-opacity 1s 1.35s   ;transition: fill-opacity 1s  1.35s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(9){fill-opacity: 1;-webkit-transition: fill-opacity 1s  1.40s    ;-o-transition: fill-opacity 1s 1.40s   ;transition: fill-opacity 1s  1.40s  ;}
#slide5.active .can g#fila_2_1_  g:nth-child(10){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.45s    ;-o-transition: fill-opacity 1s 1.45s    ;transition: fill-opacity 1s 1.45s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(11){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.50s    ;-o-transition: fill-opacity 1s 1.50s    ;transition: fill-opacity 1s 1.50s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(12){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.55s    ;-o-transition: fill-opacity 1s 1.55s    ;transition: fill-opacity 1s 1.55s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(13){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.60s    ;-o-transition: fill-opacity 1s 1.60s    ;transition: fill-opacity 1s 1.60s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(14){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.65s    ;-o-transition: fill-opacity 1s 1.65s    ;transition: fill-opacity 1s 1.65s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(15){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.70s    ;-o-transition: fill-opacity 1s 1.70s    ;transition: fill-opacity 1s 1.70s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(16){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.75s    ;-o-transition: fill-opacity 1s 1.75s    ;transition: fill-opacity 1s 1.75s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(17){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.80s    ;-o-transition: fill-opacity 1s 1.80s    ;transition: fill-opacity 1s 1.80s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(18){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.85s    ;-o-transition: fill-opacity 1s 1.85s    ;transition: fill-opacity 1s 1.85s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(19){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.90s    ;-o-transition: fill-opacity 1s 1.90s    ;transition: fill-opacity 1s 1.90s   ;}
#slide5.active .can g#fila_2_1_  g:nth-child(20){fill-opacity: 1;-webkit-transition: fill-opacity 1s 1.95s    ;-o-transition: fill-opacity 1s 1.95s    ;transition: fill-opacity 1s 1.95s   ;}

#slide5.active .can g#fila_3_1_  g:nth-child(1){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.00s ;-o-transition: fill-opacity 1s 2.00s;transition: fill-opacity 1s 2.00s;}
#slide5.active .can g#fila_3_1_  g:nth-child(2){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.05s ;-o-transition: fill-opacity 1s 2.05s;transition: fill-opacity 1s 2.05s;}
#slide5.active .can g#fila_3_1_  g:nth-child(3){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.10s ;-o-transition: fill-opacity 1s 2.10s;transition: fill-opacity 1s 2.10s;}
#slide5.active .can g#fila_3_1_  g:nth-child(4){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.15s ;-o-transition: fill-opacity 1s 2.15s;transition: fill-opacity 1s 2.15s;}
#slide5.active .can g#fila_3_1_  g:nth-child(5){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.20s ;-o-transition: fill-opacity 1s 2.20s;transition: fill-opacity 1s 2.20s;}
#slide5.active .can g#fila_3_1_  g:nth-child(6){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.25s ;-o-transition: fill-opacity 1s 2.25s;transition: fill-opacity 1s 2.25s;}
#slide5.active .can g#fila_3_1_  g:nth-child(7){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.30s ;-o-transition: fill-opacity 1s 2.30s;transition: fill-opacity 1s 2.30s;}
#slide5.active .can g#fila_3_1_  g:nth-child(8){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.35s ;-o-transition: fill-opacity 1s 2.35s;transition: fill-opacity 1s 2.35s;}
#slide5.active .can g#fila_3_1_  g:nth-child(9){fill-opacity: 1;-webkit-transition: fill-opacity  1s 2.40s ;-o-transition: fill-opacity 1s 2.40s;transition: fill-opacity 1s 2.40s;}
#slide5.active .can g#fila_3_1_  g:nth-child(10){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.45s ;-o-transition:fill-opacity  1s 2.45s;transition:fill-opacity  1s 2.45s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(11){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.50s ;-o-transition:fill-opacity  1s 2.50s;transition:fill-opacity  1s 2.50s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(12){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.55s ;-o-transition:fill-opacity  1s 2.55s;transition:fill-opacity  1s 2.55s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(13){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.60s ;-o-transition:fill-opacity  1s 2.60s;transition:fill-opacity  1s 2.60s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(14){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.65s ;-o-transition:fill-opacity  1s 2.65s;transition:fill-opacity  1s 2.65s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(15){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.70s ;-o-transition:fill-opacity  1s 2.70s;transition:fill-opacity  1s 2.70s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(16){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.75s ;-o-transition:fill-opacity  1s 2.75s;transition:fill-opacity  1s 2.75s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(17){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.80s ;-o-transition:fill-opacity  1s 2.80s;transition:fill-opacity  1s 2.80s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(18){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.85s ;-o-transition:fill-opacity  1s 2.85s;transition:fill-opacity  1s 2.85s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(19){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.90s ;-o-transition:fill-opacity  1s 2.90s;transition:fill-opacity  1s 2.90s ;}
#slide5.active .can g#fila_3_1_  g:nth-child(20){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.95s ;-o-transition:fill-opacity  1s 2.95s;transition:fill-opacity  1s 2.95s ;}

#slide5.active .can g#fila_4_1_  g:nth-child(1){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.00s ;-o-transition: fill-opacity 1s 2.00s;transition: fill-opacity 1s  2.00s;}
#slide5.active .can g#fila_4_1_  g:nth-child(2){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.05s ;-o-transition: fill-opacity 1s 2.05s;transition: fill-opacity 1s  2.05s;}
#slide5.active .can g#fila_4_1_  g:nth-child(3){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.10s ;-o-transition: fill-opacity 1s 2.10s;transition: fill-opacity 1s  2.10s;}
#slide5.active .can g#fila_4_1_  g:nth-child(4){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.15s ;-o-transition: fill-opacity 1s 2.15s;transition: fill-opacity 1s  2.15s;}
#slide5.active .can g#fila_4_1_  g:nth-child(5){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.20s ;-o-transition: fill-opacity 1s 2.20s;transition: fill-opacity 1s  2.20s;}
#slide5.active .can g#fila_4_1_  g:nth-child(6){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.25s ;-o-transition: fill-opacity 1s 2.25s;transition: fill-opacity 1s  2.25s;}
#slide5.active .can g#fila_4_1_  g:nth-child(7){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.30s ;-o-transition: fill-opacity 1s 2.30s;transition: fill-opacity 1s  2.30s;}
#slide5.active .can g#fila_4_1_  g:nth-child(8){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.35s ;-o-transition: fill-opacity 1s 2.35s;transition: fill-opacity 1s  2.35s;}
#slide5.active .can g#fila_4_1_  g:nth-child(9){fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.40s ;-o-transition: fill-opacity 1s 2.40s;transition: fill-opacity 1s  2.40s;}
#slide5.active .can g#fila_4_1_  g:nth-child(10){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.45s ;-o-transition:fill-opacity  1s 2.45s ;transition:fill-opacity  1s 2.45s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(11){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.50s ;-o-transition:fill-opacity  1s 2.50s ;transition:fill-opacity  1s 2.50s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(12){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.55s ;-o-transition:fill-opacity  1s 2.55s ;transition:fill-opacity  1s 2.55s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(13){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.60s ;-o-transition:fill-opacity  1s 2.60s ;transition:fill-opacity  1s 2.60s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(14){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.65s ;-o-transition:fill-opacity  1s 2.65s ;transition:fill-opacity  1s 2.65s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(15){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.70s ;-o-transition:fill-opacity  1s 2.70s ;transition:fill-opacity  1s 2.70s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(16){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.75s ;-o-transition:fill-opacity  1s 2.75s ;transition:fill-opacity  1s 2.75s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(17){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.80s ;-o-transition:fill-opacity  1s 2.80s ;transition:fill-opacity  1s 2.80s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(18){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.85s ;-o-transition:fill-opacity  1s 2.85s ;transition:fill-opacity  1s 2.85s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(19){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.90s ;-o-transition:fill-opacity  1s 2.90s ;transition:fill-opacity  1s 2.90s ;}
#slide5.active .can g#fila_4_1_  g:nth-child(20){fill-opacity: 1;-webkit-transition:fill-opacity  1s 2.95s ;-o-transition:fill-opacity  1s 2.95s ;transition:fill-opacity  1s 2.95s ;}

#slide5.active .can g#fila_5_1_  g:nth-child(1){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.00s ;-o-transition: fill-opacity 1s 3.00s;transition: fill-opacity 1s  3.00s;}
#slide5.active .can g#fila_5_1_  g:nth-child(2){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.05s ;-o-transition: fill-opacity 1s 3.05s;transition: fill-opacity 1s  3.05s;}
#slide5.active .can g#fila_5_1_  g:nth-child(3){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.10s ;-o-transition: fill-opacity 1s 3.10s;transition: fill-opacity 1s  3.10s;}
#slide5.active .can g#fila_5_1_  g:nth-child(4){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.15s ;-o-transition: fill-opacity 1s 3.15s;transition: fill-opacity 1s  3.15s;}
#slide5.active .can g#fila_5_1_  g:nth-child(5){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.20s ;-o-transition: fill-opacity 1s 3.20s;transition: fill-opacity 1s  3.20s;}
#slide5.active .can g#fila_5_1_  g:nth-child(6){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.25s ;-o-transition: fill-opacity 1s 3.25s;transition: fill-opacity 1s  3.25s;}
#slide5.active .can g#fila_5_1_  g:nth-child(7){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.30s ;-o-transition: fill-opacity 1s 3.30s;transition: fill-opacity 1s  3.30s;}
#slide5.active .can g#fila_5_1_  g:nth-child(8){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.35s ;-o-transition: fill-opacity 1s 3.35s;transition: fill-opacity 1s  3.35s;}
#slide5.active .can g#fila_5_1_  g:nth-child(9){fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.40s ;-o-transition: fill-opacity 1s 3.40s;transition: fill-opacity 1s  3.40s;}
#slide5.active .can g#fila_5_1_  g:nth-child(10){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.45s ;-o-transition:fill-opacity  1s 3.45s ;transition:fill-opacity  1s 3.45s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(11){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.50s ;-o-transition:fill-opacity  1s 3.50s ;transition:fill-opacity  1s 3.50s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(12){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.55s ;-o-transition:fill-opacity  1s 3.55s ;transition:fill-opacity  1s 3.55s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(13){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.60s ;-o-transition:fill-opacity  1s 3.60s ;transition:fill-opacity  1s 3.60s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(14){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.65s ;-o-transition:fill-opacity  1s 3.65s ;transition:fill-opacity  1s 3.65s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(15){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.70s ;-o-transition:fill-opacity  1s 3.70s ;transition:fill-opacity  1s 3.70s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(16){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.75s ;-o-transition:fill-opacity  1s 3.75s ;transition:fill-opacity  1s 3.75s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(17){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.80s ;-o-transition:fill-opacity  1s 3.80s ;transition:fill-opacity  1s 3.80s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(18){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.85s ;-o-transition:fill-opacity  1s 3.85s ;transition:fill-opacity  1s 3.85s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(19){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.90s ;-o-transition:fill-opacity  1s 3.90s ;transition:fill-opacity  1s 3.90s ;}
#slide5.active .can g#fila_5_1_  g:nth-child(20){fill-opacity: 1;-webkit-transition:fill-opacity  1s 3.95s ;-o-transition:fill-opacity  1s 3.95s ;transition:fill-opacity  1s 3.95s ;}

#slide5.active .footer  .flechas-Container{
    opacity: 1;
    -webkit-transition: opacity 1s 4.5s;    
    -o-transition: opacity 1s 4.5s; 
    transition: opacity 1s 4.5s;
    -webkit-transform: rotate(90deg);    
    -ms-transform: rotate(90deg);    
    transform: rotate(90deg);
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE6////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#slide6.active .comment{ 
    opacity: 1;
    -webkit-transition: opacity 1s 1s;  -o-transition: opacity 1s 1s;   transition: opacity 1s 1s;
 }
/*active step1*/
#slide6.active .section1 .lightContainer #bombilla_cabeza{
    -webkit-transform-origin: center;   -ms-transform-origin: center;   transform-origin: center;
    -webkit-animation:/*translateBottom 1s 1s forwards ease-in,*/  latidos      0.4s  1.7s  ease-in-out; 
    -ms-animation:    /*translateBottom 1s 1s forwards ease-in,*/  latidos      0.4s  1.7s  ease-in-out;  
    animation:        /*translateBottom 1s 1s forwards ease-in,*/  latidos      0.4s  1.7s  ease-in-out;
}
#slide6 .section1 .light .lightContainer::before {
    opacity: 1; 
    -webkit-transition: opacity 0.3s  1.9s ;
    -o-transition: opacity 0.3s  1.9s ;
    transition: opacity 0.3s  1.9s ;
}
#slide6.active .section1 .lightContainer #numero{
    will-change: transform; 
    fill-opacity: 1; 
    -webkit-transition: fill-opacity 0.3s  1.9s ;
    -o-transition: fill-opacity 0.3s  1.9s ;
    transition: fill-opacity 0.3s  1.9s ;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation:latidos      0.3s  1.9s  ease-in-out; 
    -ms-animation:    latidos      0.3s  1.9s  ease-in-out; 
    animation:        latidos      0.3s  1.9s  ease-in-out;
}
#slide6.active .section1 .lightContainer #rayos{
    will-change: transform; 
    fill-opacity: 1; 
    -webkit-transition: fill-opacity 0.3s  1.9s ;
        -o-transition: fill-opacity 0.3s  1.9s ;
        transition: fill-opacity 0.3s  1.9s ;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation:latidos      0.3s  1.9s  ease-in-out, light      1s  2.2s infinite ease-in-out; 
    -ms-animation:    latidos      0.3s  1.9s  ease-in-out, light      1s  2.2s infinite ease-in-out; 
    animation:        latidos      0.3s  1.9s  ease-in-out, light      1s  2.2s infinite ease-in-out;
}
#slide6.active .section1 .text p{
    will-change: transform; 
    opacity:1;
    -webkit-transition: opacity 1s 3s;  -o-transition: opacity 1s 3s;   transition: opacity 1s 3s;
    -webkit-animation:translateLeft 1s 3s forwards ease-out;
    -ms-animation:    translateLeft 1s 3s forwards ease-out;
    animation:        translateLeft 1s 3s forwards ease-out;
}
#slide6.active .section1 .bagContainer.bag1{
    will-change: transform; 
    opacity:1;
    -webkit-transition: opacity 1s 2.5s;    -o-transition: opacity 1s 2.5s; transition: opacity 1s 2.5s;
    -webkit-animation:translateBottom 1s 2.5s forwards ease-out; 
    -ms-animation:    translateBottom 1s 2.5s forwards ease-out;  
    animation:        translateBottom 1s 2.5s forwards ease-out;
}
#slide6.active .section1 .bagContainer.bag2{
    will-change: transform; 
    opacity:1;
    -webkit-transition: opacity 1s 2.6s;    -o-transition: opacity 1s 2.6s; transition: opacity 1s 2.6s;
    -webkit-animation:translateBottom 1s 2.6s forwards ease-out; 
    -ms-animation:    translateBottom 1s 2.6s forwards ease-out;  
    animation:        translateBottom 1s 2.6s forwards ease-out;
}
#slide6.active .section1 .bagContainer.bag3{
    will-change: transform; 
    opacity:1;
    -webkit-transition: opacity 1s 2.7s;    -o-transition: opacity 1s 2.7s; transition: opacity 1s 2.7s;
    -webkit-animation:translateBottom 1s 2.7s forwards ease-out; 
    -ms-animation:    translateBottom 1s 2.7s forwards ease-out;  
    animation:        translateBottom 1s 2.7s forwards ease-out;
}
#slide6.active .section1 .bagContainer.bag4{
    will-change: transform; 
    opacity:1;
    -webkit-transition: opacity 1s 2.8s;
    -o-transition: opacity 1s 2.8s;
    transition: opacity 1s 2.8s;
    -webkit-animation:translateBottom 1s 2.8s forwards ease-out;  
    animation:        translateBottom 1s 2.8s forwards ease-out;
}
#slide6.active .section1 .bagContainer.bag5{
    will-change: transform; 
    opacity:1;
    -webkit-transition: opacity 1s 2.9s;
    -o-transition: opacity 1s 2.9s;
    transition: opacity 1s 2.9s;
    -webkit-animation:translateBottom 1s 2.9s forwards ease-out;  
    animation:        translateBottom 1s 2.9s forwards ease-out;
}
/*active step2*/
#slide6.active .section2 .text{
    will-change: transform; 
    opacity:1;transition: opacity 3s 3s;
    -webkit-animation:translateRight 1s 3s forwards ease-out;
    -ms-animation:    translateRight 1s 3s forwards ease-out;
    animation:        translateRight 1s 3s forwards ease-out;
}
#slide6.active .section2 .FSC .SVGcontainer{
    will-change: opacity; 
    opacity:1;transition: opacity 3s 3s;
}
#slide6.active .section3 .text          {
    opacity:1;
    -webkit-transition: opacity 1s 3s;
    -o-transition: opacity 1s 3s;
    transition: opacity 1s 3s;
    will-change: transform; 
    -webkit-animation:translateLeft 1s 3s forwards ease-out;
    animation:        translateLeft 1s 3s forwards ease-out;
}
#slide6.active .section4 .recycle       {
        opacity:1;
    -webkit-transition: opacity 2s 3s;
    -o-transition: opacity 2s 3s;
    transition: opacity 2s 3s;
    will-change: transform; 
    -webkit-animation:translateRight 1s 3s forwards ease-out;
    animation:        translateRight 1s 3s forwards ease-out;
}
#slide6.active .section4 .person {
    opacity:1;
    -webkit-transition: opacity 1s 3.5s;
    -o-transition: opacity 1s 3.5s;
    transition: opacity 1s 3.5s;    
}
#slide6.active .section4 .person #person_1_4_    {
    fill-opacity:1;
    -webkit-transition: fill-opacity 1s 3.5s;
    -o-transition: fill-opacity 1s 3.5s;
    transition: fill-opacity 1s 3.5s;
    will-change: transform; 
    -webkit-animation:translateBottom 1s 3.4s forwards ease-out;
    animation:        translateBottom 1s 3.4s forwards ease-out;
}
#slide6.active .section4 .person #_x35_6g_1_{
    fill-opacity:1;
    -webkit-transition: fill-opacity 1s 3.5s;
    -o-transition: fill-opacity 1s 3.5s;
    transition: fill-opacity 1s 3.5s;
    will-change: transform; 
    -webkit-animation:translateTop 1s 3.4s forwards ease-out;
    animation:        translateTop 1s 3.4s forwards ease-out;
}
#slide6.active .section4 .tetraRecart           {
    opacity:1;
    -webkit-transition: opacity 2s 4s;
    -o-transition: opacity 2s 4s;
    transition: opacity 2s 4s;
    will-change: transform; 
    -webkit-animation:translateRight 1s 4s forwards ease-out;
    animation:        translateRight 1s 4s forwards ease-out;
}
#slide6.active .section3 .textPercentaje {
    opacity:1;
    -webkit-transition: opacity 1s 3.5s;
    -o-transition: opacity 1s 3.5s;
    transition: opacity 1s 3.5s;
}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.00s;-o-transition: fill-opacity 1s  2.00s;transition: fill-opacity 1s  2.00s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.05s;-o-transition: fill-opacity 1s  2.05s;transition: fill-opacity 1s  2.05s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.10s;-o-transition: fill-opacity 1s  2.10s;transition: fill-opacity 1s  2.10s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.15s;-o-transition: fill-opacity 1s  2.15s;transition: fill-opacity 1s  2.15s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.20s;-o-transition: fill-opacity 1s  2.20s;transition: fill-opacity 1s  2.20s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.25s;-o-transition: fill-opacity 1s  2.25s;transition: fill-opacity 1s  2.25s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.30s;-o-transition: fill-opacity 1s  2.30s;transition: fill-opacity 1s  2.30s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.35s;-o-transition: fill-opacity 1s  2.35s;transition: fill-opacity 1s  2.35s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.40s;-o-transition: fill-opacity 1s  2.40s;transition: fill-opacity 1s  2.40s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.45s;-o-transition: fill-opacity 1s  2.45s;transition: fill-opacity 1s  2.45s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.50s;-o-transition: fill-opacity 1s  2.50s;transition: fill-opacity 1s  2.50s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.55s;-o-transition: fill-opacity 1s  2.55s;transition: fill-opacity 1s  2.55s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.60s;-o-transition: fill-opacity 1s  2.60s;transition: fill-opacity 1s  2.60s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.65s;-o-transition: fill-opacity 1s  2.65s;transition: fill-opacity 1s  2.65s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.70s;-o-transition: fill-opacity 1s  2.70s;transition: fill-opacity 1s  2.70s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.75s;-o-transition: fill-opacity 1s  2.75s;transition: fill-opacity 1s  2.75s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.80s;-o-transition: fill-opacity 1s  2.80s;transition: fill-opacity 1s  2.80s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.85s;-o-transition: fill-opacity 1s  2.85s;transition: fill-opacity 1s  2.85s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.90s;-o-transition: fill-opacity 1s  2.90s;transition: fill-opacity 1s  2.90s;}
#slide6.active .tetraRecart g#fila_1 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  2.95s;-o-transition: fill-opacity 1s  2.95s;transition: fill-opacity 1s  2.95s;}

#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.00s;-o-transition: fill-opacity 1s  3.00s;transition: fill-opacity 1s  3.00s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.05s;-o-transition: fill-opacity 1s  3.05s;transition: fill-opacity 1s  3.05s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.10s;-o-transition: fill-opacity 1s  3.10s;transition: fill-opacity 1s  3.10s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.15s;-o-transition: fill-opacity 1s  3.15s;transition: fill-opacity 1s  3.15s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.20s;-o-transition: fill-opacity 1s  3.20s;transition: fill-opacity 1s  3.20s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.25s;-o-transition: fill-opacity 1s  3.25s;transition: fill-opacity 1s  3.25s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.30s;-o-transition: fill-opacity 1s  3.30s;transition: fill-opacity 1s  3.30s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.35s;-o-transition: fill-opacity 1s  3.35s;transition: fill-opacity 1s  3.35s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.40s;-o-transition: fill-opacity 1s  3.40s;transition: fill-opacity 1s  3.40s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.45s;-o-transition: fill-opacity 1s  3.45s;transition: fill-opacity 1s  3.45s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.50s;-o-transition: fill-opacity 1s  3.50s;transition: fill-opacity 1s  3.50s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.55s;-o-transition: fill-opacity 1s  3.55s;transition: fill-opacity 1s  3.55s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.60s;-o-transition: fill-opacity 1s  3.60s;transition: fill-opacity 1s  3.60s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.65s;-o-transition: fill-opacity 1s  3.65s;transition: fill-opacity 1s  3.65s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.70s;-o-transition: fill-opacity 1s  3.70s;transition: fill-opacity 1s  3.70s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.75s;-o-transition: fill-opacity 1s  3.75s;transition: fill-opacity 1s  3.75s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.80s;-o-transition: fill-opacity 1s  3.80s;transition: fill-opacity 1s  3.80s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.85s;-o-transition: fill-opacity 1s  3.85s;transition: fill-opacity 1s  3.85s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.90s;-o-transition: fill-opacity 1s  3.90s;transition: fill-opacity 1s  3.90s;}
#slide6.active .tetraRecart g#fila_2 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  3.95s;-o-transition: fill-opacity 1s  3.95s;transition: fill-opacity 1s  3.95s;}

#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.00s;-o-transition: fill-opacity 1s  4.00s;transition: fill-opacity 1s  4.00s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.05s;-o-transition: fill-opacity 1s  4.05s;transition: fill-opacity 1s  4.05s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.10s;-o-transition: fill-opacity 1s  4.10s;transition: fill-opacity 1s  4.10s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.15s;-o-transition: fill-opacity 1s  4.15s;transition: fill-opacity 1s  4.15s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.20s;-o-transition: fill-opacity 1s  4.20s;transition: fill-opacity 1s  4.20s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.25s;-o-transition: fill-opacity 1s  4.25s;transition: fill-opacity 1s  4.25s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.30s;-o-transition: fill-opacity 1s  4.30s;transition: fill-opacity 1s  4.30s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.35s;-o-transition: fill-opacity 1s  4.35s;transition: fill-opacity 1s  4.35s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.40s;-o-transition: fill-opacity 1s  4.40s;transition: fill-opacity 1s  4.40s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.45s;-o-transition: fill-opacity 1s  4.45s;transition: fill-opacity 1s  4.45s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.50s;-o-transition: fill-opacity 1s  4.50s;transition: fill-opacity 1s  4.50s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.55s;-o-transition: fill-opacity 1s  4.55s;transition: fill-opacity 1s  4.55s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.60s;-o-transition: fill-opacity 1s  4.60s;transition: fill-opacity 1s  4.60s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.65s;-o-transition: fill-opacity 1s  4.65s;transition: fill-opacity 1s  4.65s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.70s;-o-transition: fill-opacity 1s  4.70s;transition: fill-opacity 1s  4.70s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.75s;-o-transition: fill-opacity 1s  4.75s;transition: fill-opacity 1s  4.75s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.80s;-o-transition: fill-opacity 1s  4.80s;transition: fill-opacity 1s  4.80s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.85s;-o-transition: fill-opacity 1s  4.85s;transition: fill-opacity 1s  4.85s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.90s;-o-transition: fill-opacity 1s  4.90s;transition: fill-opacity 1s  4.90s;}
#slide6.active .tetraRecart g#fila_3 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  4.95s;-o-transition: fill-opacity 1s  4.95s;transition: fill-opacity 1s  4.95s;}

#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.00s;-o-transition: fill-opacity 1s  5.00s;transition: fill-opacity 1s  5.00s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.05s;-o-transition: fill-opacity 1s  5.05s;transition: fill-opacity 1s  5.05s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.10s;-o-transition: fill-opacity 1s  5.10s;transition: fill-opacity 1s  5.10s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.15s;-o-transition: fill-opacity 1s  5.15s;transition: fill-opacity 1s  5.15s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.20s;-o-transition: fill-opacity 1s  5.20s;transition: fill-opacity 1s  5.20s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.25s;-o-transition: fill-opacity 1s  5.25s;transition: fill-opacity 1s  5.25s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.30s;-o-transition: fill-opacity 1s  5.30s;transition: fill-opacity 1s  5.30s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.35s;-o-transition: fill-opacity 1s  5.35s;transition: fill-opacity 1s  5.35s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.40s;-o-transition: fill-opacity 1s  5.40s;transition: fill-opacity 1s  5.40s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(1)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.45s;-o-transition: fill-opacity 1s  5.45s;transition: fill-opacity 1s  5.45s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(1)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.50s;-o-transition: fill-opacity 1s  5.50s;transition: fill-opacity 1s  5.50s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(2)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.55s;-o-transition: fill-opacity 1s  5.55s;transition: fill-opacity 1s  5.55s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(3)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.60s;-o-transition: fill-opacity 1s  5.60s;transition: fill-opacity 1s  5.60s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(4)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.65s;-o-transition: fill-opacity 1s  5.65s;transition: fill-opacity 1s  5.65s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(5)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.70s;-o-transition: fill-opacity 1s  5.70s;transition: fill-opacity 1s  5.70s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(6)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.75s;-o-transition: fill-opacity 1s  5.75s;transition: fill-opacity 1s  5.75s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(7)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.80s;-o-transition: fill-opacity 1s  5.80s;transition: fill-opacity 1s  5.80s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(8)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.85s;-o-transition: fill-opacity 1s  5.85s;transition: fill-opacity 1s  5.85s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(9)  g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.90s;-o-transition: fill-opacity 1s  5.90s;transition: fill-opacity 1s  5.90s;}
#slide6.active .tetraRecart g#fila_4 g:nth-child(2)  g:nth-child(10) g{fill-opacity: 1;-webkit-transition: fill-opacity 1s  5.95s;-o-transition: fill-opacity 1s  5.95s;transition: fill-opacity 1s  5.95s;}

#slide6.active .tetraRecart g#fila_5 g  g:nth-child(1)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.00s;-o-transition: fill-opacity 1s  6.00s;transition: fill-opacity 1s  6.00s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(2)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.05s;-o-transition: fill-opacity 1s  6.05s;transition: fill-opacity 1s  6.05s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(3)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.10s;-o-transition: fill-opacity 1s  6.10s;transition: fill-opacity 1s  6.10s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(4)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.15s;-o-transition: fill-opacity 1s  6.15s;transition: fill-opacity 1s  6.15s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(5)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.20s;-o-transition: fill-opacity 1s  6.20s;transition: fill-opacity 1s  6.20s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(6)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.25s;-o-transition: fill-opacity 1s  6.25s;transition: fill-opacity 1s  6.25s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(7)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.30s;-o-transition: fill-opacity 1s  6.30s;transition: fill-opacity 1s  6.30s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(8)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.35s;-o-transition: fill-opacity 1s  6.35s;transition: fill-opacity 1s  6.35s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(9)  {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.40s;-o-transition: fill-opacity 1s  6.40s;transition: fill-opacity 1s  6.40s;}
#slide6.active .tetraRecart g#fila_5 g  g:nth-child(10) {fill-opacity: 1;-webkit-transition: fill-opacity 1s  6.45s;-o-transition: fill-opacity 1s  6.45s;transition: fill-opacity 1s  6.45s;}

#slide6.active .footer  .flechas-Container{
    opacity: 1;
    -webkit-transition: opacity 1s 6s;  
    -o-transition: opacity 1s 6s;   
    transition: opacity 1s 6s;
    -webkit-transform: rotate(90deg);    
    -ms-transform: rotate(90deg);    
    transform: rotate(90deg);
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////#SLIDE7////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#slide7.active .brick .brickContainer{opacity: 1;-webkit-transition: opacity 2s;-o-transition: opacity 2s;transition: opacity 2s;}
/*float*/
  @-webkit-keyframes float {
        0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
        50%{-webkit-transform: translate3d(0,5%,0);transform: translate3d(0,5%,0);}
        100%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    }
@keyframes float {
        0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
        50%{-webkit-transform: translate3d(0,5%,0);transform: translate3d(0,5%,0);}
        100%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    }

    #slide7.active #tetrabrick{
        will-change: transform; 
        -webkit-animation:  float      3s  infinite ease-in-out; 
        -ms-animation:      float      3s  infinite ease-in-out; 
        animation:          float      3s  infinite ease-in-out;    
    }
/*light*/
  @-webkit-keyframes light {
        0% {fill-opacity:0;    will-change: opacity; -webkit-transform: scale(0.8); transform: scale(0.8);}
        50%{fill-opacity:1;    will-change: opacity;-webkit-transform: scale(1); transform: scale(1);}
        100%{fill-opacity:0;    will-change: opacity;-webkit-transform: scale(0.8);transform: scale(0.8);}
    }
@keyframes light {
        0% {fill-opacity:0;    will-change: opacity; -webkit-transform: scale(0.8); transform: scale(0.8);}
        50%{fill-opacity:1;    will-change: opacity;-webkit-transform: scale(1); transform: scale(1);}
        100%{fill-opacity:0;    will-change: opacity;-webkit-transform: scale(0.8);transform: scale(0.8);}
    }
 #slide7.active #rayos_1_{
    will-change: transform; 
    -webkit-transform-origin: center;   -ms-transform-origin: center;   transform-origin: center;     -webkit-animation:  light      1s  2s infinite ease-in-out; 
     -ms-animation:      light      1s  2s infinite ease-in-out; 
     animation:          light      1s  2s infinite ease-in-out;
 }   
 /*shadow*/
  @-webkit-keyframes shadow {
        0% {fill-opacity:0.5;transform: scale(1.4 , 1.1);}
        50%{fill-opacity:0.9;transform: scale(1.2 , 1.1);}
        100%{fill-opacity:0.5;transform: scale(1.4 , 1.1);}
    }
@keyframes shadow {
        0% {fill-opacity:0.5;transform: scale(1.4 , 1.1);}
        50%{fill-opacity:0.9;transform: scale(1.2, 1.1);}
        100%{fill-opacity:0.5;transform: scale(1.4 , 1.1);}
    }
 #slide7.active #sombra{
    -webkit-animation:  shadow   3s  infinite ease-in-out; 
    -ms-animation:      shadow   3s  infinite ease-in-out; 
    animation:          shadow   3s  infinite ease-in-out;
 }  
  /*tic*/
  @-webkit-keyframes tic {
        0% {fill-opacity:0.5;transform: scale(1.4 , 1.1);}
        50%{fill-opacity:0.9;transform: scale(1);}
        100%{fill-opacity:0.5;transform: scale(1.4 , 1.1);}
    }
@keyframes tic {
        0% {fill-opacity:0.5;transform: scale(1.4 , 1.1);}
        50%{fill-opacity:0.9;transform: scale(1);}
        100%{fill-opacity:0.5;transform: scale(1.4 , 1.1);}
    }     
 #slide7.active .text p                 {opacity: 1; -webkit-transition: opacity 2s 1s  ; -o-transition: opacity 2s 1s  ; transition: opacity 2s 1s  ;}  
 #slide7.active .text ul li:nth-child(1){opacity: 1; -webkit-transition: opacity 1s 1.5s; -o-transition: opacity 1s 1.5s; transition: opacity 1s 1.5s;}
 #slide7.active .text ul li:nth-child(2){opacity: 1; -webkit-transition: opacity 1s 2s  ; -o-transition: opacity 1s 2s  ; transition: opacity 1s 2s  ;}
 #slide7.active .text ul li:nth-child(3){opacity: 1; -webkit-transition: opacity 1s 2.5s; -o-transition: opacity 1s 2.5s; transition: opacity 1s 2.5s;}
 #slide7.active .text ul li:nth-child(4){opacity: 1; -webkit-transition: opacity 1s 3s  ; -o-transition: opacity 1s 3s  ; transition: opacity 1s 3s  ;}

 #slide7.active .text ul li:nth-child(1) .tic .ticSVG .st0{    stroke-dashoffset: 410; -webkit-transition: stroke-dashoffset 1s 1.5s; -o-transition: stroke-dashoffset 1s 1.5s; transition: stroke-dashoffset 1s 1.5s;}
 #slide7.active .text ul li:nth-child(2) .tic .ticSVG .st0{    stroke-dashoffset: 410; -webkit-transition: stroke-dashoffset 1s 2s  ; -o-transition: stroke-dashoffset 1s 2s  ; transition: stroke-dashoffset 1s 2s  ;}
 #slide7.active .text ul li:nth-child(3) .tic .ticSVG .st0{    stroke-dashoffset: 410; -webkit-transition: stroke-dashoffset 1s 2.5s; -o-transition: stroke-dashoffset 1s 2.5s; transition: stroke-dashoffset 1s 2.5s;}
 #slide7.active .text ul li:nth-child(4) .tic .ticSVG .st0{    stroke-dashoffset: 410; -webkit-transition: stroke-dashoffset 1s 3s  ; -o-transition: stroke-dashoffset 1s 3s  ; transition: stroke-dashoffset 1s 3s  ;}

 #slide7.active .text .btn--contact{opacity: 1; -webkit-transition: all 0.3s, opacity 2s 3.5s ; -o-transition:all 0.3s, opacity 2s 3.5s  ; transition:all 0.3s, opacity 2s 3.5s;}  

 #slide7.active .see-again{
    opacity:1;
    -webkit-transition: opacity 1s 5s;
    -o-transition: opacity 1s 5s;
    transition: opacity 1s 5s;
    will-change: transform; 
    -webkit-animation:translateLeft 1s 5s forwards ease-out, latidos      0.3s  5.9s  ease-in-out;
    animation:        translateLeft 1s 5s forwards ease-out, latidos      0.3s  5.9s  ease-in-out;
}


/*MEDIA QUERYS*/
@media screen 
  and (min-width: 1200px) 
  and (max-width: 1600px)  { 
    #slide5 .sectionContainer .section .weighBar span.banner{
            bottom: -15%;
    }
}
@media screen 
  and (max-width: 1024px) 
  and (orientation:landscape)  { 
        #slide4 .section .graphic .graphicContainer {
            width: 80%;
            height: 90%;
        }
        #slide4 .section .graphic .graphicText {
            width: 90%;
            height: 55%;
        }
        #slide4 .section .graphic .graphicText p{
            text-align: center;
        }
        #slide4 .section .graphic .graphicText .text {
            margin-top: 1vh;
        }
        #slide4 .section .graphic{
            width: 75%;
            margin: 0 auto;
        }

        #slide5 .sectionContainer .section .trucks .tetraRecart .SVGcontainer, 
        #slide5 .sectionContainer .section .trucks .can .SVGcontainer {
            margin-top: 10vh;
        }
        #slide5 .sectionContainer .section #truckText p {
            margin-top: 10vh;
            line-height: 1;
        }
        #slide6 .text p {
            line-height: 1;
        }
        #slide6 .section3 .textPercentaje .percentage span{font-size: 12vh;}
        #slide6 .section3 .textPercentaje p{}
        #slide7 .text{
            width: 50%;
        }
        #slide7 .text .btn--contact{
            margin: 5vh 0vw 0vh 12vw;
        }
    }
@media screen 
  and (max-width: 768px) 
  and (orientation:portrait)  { 
        .spotlight_container h1{    line-height: 1;}
        #slide1 .start {
            width: 30%;
        }
        #slide1 .center .logoContainer{    width: 51%;}
        .spotlight_container .slide .sectionContainer {    width: 95%;}
        #slide3 #section1 .percentage{    font-size: 8vh;}
        .spotlight_container .big {    font-size: 8vh;}
        .spotlight_container p {    font-size: 1.5vh;}

}
@media screen 
  and (max-height:  768px) {
    #slide5 .sectionContainer .section .weighBar span.banner{bottom: -7vh;
    }

  }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////SLIDE TRANSITIONS//////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.zoom-out-in{
    animation: zoom-out-in 1.5s ease;
}


.slide.current{
    -webkit-transform: translate3d(0,0,0) scale(1) rotate(0deg);
    transform: translate3d(0,0,0) scale(1) rotate(0deg);
    opacity: 1;
    transition: all 1.5s ease;
}
.slide.past{
    transition: all 1.5s ease;  
}

/*slide1*/
#slide1.past{
    -webkit-transform: translate3d(0,-100vh,0) scale(1) rotate(0deg);
    transform: translate3d(0,-100vh,0) scale(1) rotate(0deg);   
}
/*slide2*/
.slide2{
    -webkit-transform: translate3d(0,100vh,0) scale(1) rotate(0deg);
    transform: translate3d(0,100vh,0) scale(1) rotate(0deg);
}
.slide2.past{
    transform-origin:100% 100%;
    -webkit-transform: translate3d(-100vw,75vh,0) scale(1) rotate(-90deg);
    transform: translate3d(-100vw,75vh,0) scale(1) rotate(-90deg);
}
/*slide3*/
.slide3{
    transform-origin:50% 100%;
    -webkit-transform: translate3d(100vw,50vh,0) scale(1) rotate(90deg);
    transform: translate3d(100vw,50vh,0) scale(1) rotate(90deg);

}
.slide3.past{
    -webkit-transform: translate3d(-100vw,0,0) scale(1) rotate(0deg);
    transform: translate3d(-100vw,0,0) scale(1) rotate(0deg);
}

/*slide4*/
.slide4{
    -webkit-transform: translate3d(100vw,0,0) scale(1) rotate(0deg);
    transform: translate3d(100vw,0,0) scale(1) rotate(0deg);
}
.slide4.past{
    -webkit-transform: translate3d(0,-100vh,0) scale(1) rotate(0deg);
    transform: translate3d(0,-100vh,0) scale(1) rotate(0deg);
}

/*slide5*/
.slide5{
    -webkit-transform: translate3d(0,100vh,0) scale(1) rotate(0deg);
    transform: translate3d(0,100vh,0) scale(1) rotate(0deg);
}
.slide5.past{
    -webkit-transform: translate3d(100vw,0,0) scale(1) rotate(0deg);
    transform: translate3d(100vw,0,0) scale(1) rotate(0deg);
}

/*slide6*/
.slide6{
    -webkit-transform: translate3d(-100vw,0,0) scale(1) rotate(0deg);
    transform: translate3d(-100vw,0,0) scale(1) rotate(0deg);
}
.slide6.past{
    -webkit-transform: translate3d(100vw,0,0) scale(1) rotate(0deg);
    transform: translate3d(100vw,0,0) scale(1) rotate(0deg);
}
/*slide7*/
.slide7{
    -webkit-transform: translate3d(-100vw,0,0) scale(1) rotate(0deg);
    transform: translate3d(-100vw,0,0) scale(1) rotate(0deg);
}

/*ANIMACIONES FANTASIA*/

  @-webkit-keyframes zoom-out-in {
        0% {transform: scale(1);}
        50%{transform: scale(.7);}
        100%{transform: scale(1);}
    }
@keyframes zoom-out-in {
        0% {transform: scale(1);}
        50%{transform: scale(.7);}
        100%{transform: scale(1);}
    }