




h1,
        h2 {
            display: none;
        }

        * {
            box-sizing: border-box;
        }

        .onlydesktop {
            display: inline-block;
        }

        .onlydesktopblock {
            display: block;
        }

        .onlymobile {
            display: none;
        }

        .onlymobileblock {
            display: none;
        }

        .onlymobiletxt {
            display: none;
        }
        .nottablet {
            display: block;
        }

    .onlytablet {
        display: none;
    }

        
        ul {
            list-style-type: none;
            text-decoration: none;
        }

        .nomargins {
            margin-left: 0px !important;
            margin-right: 0px !important;
          
        }
        .nopaddings {
          
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .nopaddingsdesktop {
          
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        .nopaddingsmobile {
          
            padding-right: 5%  !important;;
            padding-left: 5%  !important;;
        }
    

        /**GLOBAL*/
        button:active,
        button:focus,
        div:active,
        div:focus,
        a:active,
        a:focus {
            outline: 0;
        }

        body {
            font-family: "Spline Sans", sans-serif;
            color: #181818;
         
            margin: 0px auto 0px auto;
            overflow-x: hidden !important;
        
            /*background-image: url(/resources/axa-mx/images/desktop.jpg); background-size: cover; background-repeat: repeat-x; background-position: top center;
      
          */
          background-color: #ffffff;
        }

        #seccioncontenido{
            overflow: hidden;
          
        }

        body,
        html {
            overflow-x: hidden !important;
        }

        a {
            color: #181818;
        }
        a:hover {
            text-decoration: none;
        }


        a.icorrss {
            background-color: transparent;
            border-radius: 50px;
            color: #ffffff;
            width: 40px;
            height: 26px;
            padding: 0px 5px;
            display: inline-block;
            cursor: pointer;
        }

        a.icorrss2 {
            color: #FF843A;
            width: 24px;
            height: 7px;
            padding: 0px 0px;
            display: inline-block;
            cursor: pointer;
            margin-right: 10px;
        }

        .textoblanco {
            color: #ffffff;
        }

        .textonegro {
            color: #181818;
        }

        .textogeorgia {
            font-family: "Spline Sans", 'Times', 'Times New Roman', serif;
        }
        .blink {
            animation: blinker 1s linear infinite;
          }
          
          @keyframes blinker {
            50% {
              opacity: 0;
            }
            100% {
                opacity: 1;
              }
          }
       

        


        a.icorrss img,
        a.icorrss2 img {
            width: 32px;
        }

        #menumobilelink {
            display: none;
        }

        #menumobile {
            display: none;
        }

        #menudesktop {
            display: block;
        }

        .alinknegro,
        .alinknegro:hover {
            font-style: italic;
            text-decoration: underline;
            color: #181818;
            font-weight: bold;
        }

        .alinkblanco,
        .alinkblanco:hover {
            font-style: italic;
            text-decoration: underline;
            color: #ffffff;
            font-weight: bold;
        }

        .genially-embed .genially-view-slide-container .genially-view-slide,
        .genially-lightbox-modal .genially-view-slide-container .genially-view-slide {
            background-color: transparent !important;
        }

        .genially-embed .provider-container *,
        .genially-embed .provider-container :active,
        .genially-embed .provider-container :hover,
        .genially-lightbox-modal .provider-container *,
        .genially-lightbox-modal .provider-container :active,
        .genially-lightbox-modal .provider-container :hover {
            background-color: transparent !important;
        }

        .imganbmarron {
            display: block;
            max-width: 155px;
            margin: 0 auto;
            text-align: center;
        }

   
        #claim1cabecera{
            display: none;
            position: absolute;
         
            top: 7vh;
            font-family: 'Petrona';
            font-style: normal;
            font-weight: 700;
            font-size: 41px;
            line-height: 43px;
            letter-spacing: normal;
            color: #00008F;

            
        }

        #videocabecera{

            position: absolute;
            width: 110vh;
            height: fit-content;
            top:30vh;
        }

        .divsiluetcoche{
            height: 30vw;
        }

        .ctavermasblanco {
            background-color: #ffffff;
            font-family: "Spline Sans", serif;
            display: inline-block;
            cursor: pointer;
            color: #181818;
            font-size: 27px;
            padding: 1.2vw 1vw;
            max-width: 280px;
            text-decoration: none;
            margin: 70px auto 100px auto;
            text-align: center;
            display: block;
        }

        .ctavermasblanco:hover {
            background-color: #181818;
            text-decoration: none;
            color: #ffffff;
        }

        .ctadescubre {
            font-family: "Spline Sans", 'Times', 'Times New Roman', serif;
            background-color: #8A734D;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-size: 21px;
            padding: 0.4vw 1vw;
            max-width: 306px;
            text-decoration: none;
            margin: 70px auto 100px auto;
            text-align: center;
            display: block;
            font-weight: 300;
        }

        .ctadescubre:hover {
            background-color: #181818;
            text-decoration: none;
            color: #ffffff;
        }

        .ctadescubre:active {
            position: relative;
            top: 1px;
        }

        .articulocompleto {
          
        }

        .contenedorfotos {
            max-width: 100%;
            ;
        }


        .videocore{
            width: 100%; height: 40vw;
        }

      
        .btnvermas {
            background-color: #181818;
           
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: "Spline Sans";
            font-size: 22px;
            font-weight: 600;
            padding: 10px 47px;
            border: 1px solid #181818;
          
            text-decoration: none;
          /*width: 250px;
            display: block;*/
        
            margin: 40px auto;
          
        }
        
        .btnvermas:hover {
            color: #181818;
            text-decoration: none;

        }

        .btnvermas2 {
            background-color: #ffffff;
           
            display: inline-block;
            cursor: pointer;
            color: #181818;
            font-family: "Spline Sans";
            font-size: 22px;
            font-weight: 600;
            padding: 10px 47px;
            border: 1px solid #181818;
          
            text-decoration: none;
          width: 250px;
            display: block;
        
            margin: 40px 0px;
          
          
        }
        .btnvermas3 {
            background-color: #0E3A2F;
            border-radius: 40px;
         
            cursor: pointer;
            color: #78FAAE;
            font-family: "Spline Sans";
            font-size: 25px;
            font-weight: 700;
            padding: 12px 64px;
            width: 20vw;
            text-decoration: none;
         
            text-align: center;
          
            height: 66px;
            position: relative;
            margin: 66px auto;
            margin-top: -100px;
            z-index: 99999;
          
        }




 
          .btnvermas3:hover {
            color: #ffffff;
            text-decoration: none;

        }

        
        .btnvermas2:hover {
            color: #ffffff;
            text-decoration: none;

        }

 

        .contenedorvideo {
            width: 50%;
            margin: 0 auto;
        }

        #slidevideo {
            margin: -90px auto 0 auto;
        }

        .cabecera {
            width: 172vh;
            text-align: center;
            height: 100vh;
            /*max-height: 700px;*/
            background-image: url(/resources/axa-mx/images/cabecera_desktop.png);
            background-size: contain;
      
            background-repeat: no-repeat;
            background-position: center top;
       
            flex-direction: column;
            justify-content: center;
        }


        .fondolinerojaobi{
margin-top: -10vh;
z-index: 9;
margin-left: -66px;
          
        }
        

     




        .fondonegro{
            background-color: #181818;
            color:#ffffff
        }
        .footercielo {
            background-image: url(/resources/axa-mx/images/fondopie.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 1180px;
            background-position: top center;
        }

  

        .linkmarrontxt {
            color: #525252;
            font-family: "Spline Sans", serif;
            font-weight: 600;
            text-decoration: underline;
        }

        .linkmarrontxt:hover {
            color: #8A734D;
            font-family: "Spline Sans", serif;
            font-weight: 600;
            text-decoration: underline;
        }

        .linkmarron {
            color: #8A734D;
            font-family: "Spline Sans", serif;
            font-size: 28px;
            font-weight: 600;
            text-decoration: underline;
        }

        .linea_maquina {
            margin: 30px 0px;
        }

        .desc_maquina {
            font-family: "Spline Sans", serif;
            font-size: 23px;
            font-weight: 400;
            padding-right: 15%;
        }

        .contenedormasks {
            position: relative;
            width: 100%;
            max-width: 578px;
            max-height: 690px;
            margin-top: 132px;
            display: block;
            margin: 20px auto;
            margin-top: 200px;
            background-color: #181818;
            border: 1px solid #181818;
            ;
        }

        .contenedormaskstitular {
            display: block;
            height: 78px;
            text-align: center;
            font-family: Georgia, Times, Times New Roman, serif;
            color: #181818;
            padding-top: 20px;
            font-size: 25px;
            ;
            background-color: #FFFFFF;
            ;
        }

        .leyenda {
            margin: 40px auto;
            color: #8D8D8D;
            font-style: italic;
        }

        .italic {
      
            font-style: italic;
        }


        .ctagenially{
            width: 200px;
         
        }
        #triggeranim1 {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            top:-100px;
            width: 100px;
            height: 100px;
            background-color: transparent;
        }
        #triggeranim2 {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            top:-100px;
            width: 100px;
            height: 100px;
            background-color: transparent;
        }
        

        #triggeranim2mobile {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            width: 10px;
            height: 10px;
            background-color: transparent;
        }

        #triggeranim2 {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            width: 10px;
            height: 10px;
            background-color: transparent;
        }

        #triggeranim3 {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            top: 0px;
            width: 10px;
            height: 10px;
            background-color: transparent;
        }

        #triggeranim3mobile {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            top: 0px;
            width: 10px;
            height: 10px;
            background-color: transparent;
        }

        #animmujer {
            position: absolute;
            top: 0px;
            right: -30vw;
            display: block;
            opacity: 0;
        }
        #animmujer2 {
            position: absolute;
            top: 0px;
            right: -30vw;
            display: block;
            opacity: 0;
        }
         

        #triggeranim4,
        #triggeranim4mobile {
            display: inline-block;
            position: absolute;
            text-align: left;
            vertical-align: top;
            left: 0;
            top: 0px;
            width: 10px;
            height: 10px;
            background-color: transparent;
        }

        #tirafotos_desktop {
            position: absolute;
            left: 0vw;
            bottom: 3vw;
        }

        .tiratxt {
            display: block;
            margin-left: 100px;
            margin-top: 20px;
            ;
            bottom: 55px;
            font-size: 20px;
            font-family: "Spline Sans", sans-serif;
            font-style: normal;
            color: #ffffff;
            text-align: left;
            line-height: 29px;
            font-weight: 300;
            width: 60%;
        }

        .tiratxtmobile {
            position: absolute;
            left: 9%;
            bottom: 55px;
            font-size: 20px;
            font-family: "Spline Sans", sans-serif;
            font-style: normal;
            color: #ffffff;
            text-align: left;
            line-height: 29px;
            font-weight: 300;
            width: 70%;
        }

        #tirafotos_mobile {
            position: absolute;
            left: 40px;
            top: 345px;
        }

        #cocheanim {
            position: absolute;
            padding-top: 0rem !important;
            top: 0px;
            left: -13vw;
            transform: scale(0.7);
        }

        #cocheanim img {
         /*   max-height: 418px;*/
        }
        .parrafofinal {
            margin: 100px 0px 50px 0px;
            display: block;
        }

        .ico_scroll {
            position: absolute;
            right: -16%;
            top: 0px;
        }

        #videobackground {
            position: relative;
            z-index: 999;
            top: 0px;
        }

        .cabecera .titular .mini {
            font-size: 62px;
            font-style: normal;
        }

         .titular {
         
        
            display: block;
            font-family: 'Spline Sans';
            font-style: normal;
        
            text-transform: uppercase;

            color: #1D1D1D;


            font-weight: 700;
            font-size: 4vw;
            line-height: 4.3vw;
            text-align: left;
      
          
            margin: 0 auto;
      
            padding-left: 0px;
            letter-spacing: 0.1vw;
        
         




        }

       .subtitular {
     


                font-family: 'Petrona';
                font-style: normal;
                font-weight: 700;
                font-size: 75px;
                line-height: 75px;
                /* identical to box height, or 44% */

                color: #00008F;


                            

           
        }



        .texto23{


                font-family: 'Spline Sans';
                font-style: normal;
                font-weight: 400;
                font-size: 23px;
                line-height: 33px;
                /* identical to box height, or 143% */

                color: #00008F;


        }


        .subtitularblanco {
     
            font-family: 'Spline Sans';
            font-style: normal;
        
         
            color: #ffffff;
            font-weight: 600;        
            font-size: 3.1vw;
            line-height: 4vw;
            text-align: left;
      
          
            margin: 0 auto;
            
             padding-top: 2vw;
             padding-bottom: 2vw;
            padding-left: 0px;
            letter-spacing: 0vw;
            padding-right: 2vw;
    
               
            }




        .cabecera .minisubtitular {
            font-family: "Spline Sans", serif;
            font-size: 14px;
            line-height: 18px;
            color: #ffffff;
            display: block;
            font-weight: 400;
            text-align: left;
        }

        .encaja{
            font-family: "Spline Sans", serif;
            font-size: 27px;
            line-height: 28px;
            color: #181818;
            display: block;
            font-weight: 300;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 5px;

        }


        .franjanegra{
            background-color: #181818 ;
            height: 21 0px;
            color: #ffffff;
            text-align: right;
            padding-top: 30px;
        }

        .foto1{
            float: right;
            margin-left: -10%;
        }
        #cajitas{
            margin-top: -100px;
        }
        .franjanegratxt{
       
            color: #ffffff;
            text-align: right;
            /* peques: los más vulnerables */


            font-family: 'Spline Sans';
            font-style: 300;

            font-size: 50px;
            line-height: 60px;
            text-align: right;
            text-transform: uppercase;

            color: #FFFFFF;


        }

        .rwbold {
            font-family: "Spline Sans", serif;
            font-weight: 700;
        }

        .rwextrabold {
            font-family: "Spline Sans", serif;
            font-weight: 900;
        }

        .rwbolditalic {
            font-family: "Spline Sans", serif;
            font-weight: 700;
            font-style: italic;
        }

        .rwsemibold {
            font-family: "Spline Sans", serif;
            font-weight: 500;
            font-style: normal;
        }

        .cabecera .textoinicial {
            margin-bottom: -5vh;
            margin-left: -1vh;
            float: left;
            display: none;
        }

        .segunda {
            padding-top: 1vw;
        }

        .subtitulargeneral {
            font-family: "Spline Sans", sans-serif;
            font-size: 53px;
            color: #181818;
            font-weight: 500;
            text-align: left;
            margin-top: 15px;
            margin-bottom: 30px;
            line-height: 67px;
            letter-spacing: 9px;
        }

        .subtitulartipos {
            font-family: "Spline Sans", 'Times', 'Times New Roman', serif;
            font-size: 38px;
            color: #947555;
            font-weight: 600;
            text-align: left;
            margin-top: 15px;
        }

        .estilotextoescrito {
            font-family: "Spline Sans";
            display: block;
            font-weight: 300;
            font-size: 37px;
            line-height: 47px;
            text-align: center;
            letter-spacing: 8px;
        }

        .comillagrande {
            display: inline-block;
            font-family: "Spline Sans";
            font-style: normal;
            font-weight: 900;
            font-size: 180px;
            color: #181818;
            vertical-align: baseline;
        }

        .comillagrande2 {
            display: inline-block;
            font-family: "Spline Sans";
            font-style: normal;
            font-weight: 900;
            font-size: 180px;
            color: #181818;
            vertical-align: -webkit-baseline-middle;
        }

        .parrafovideo {
            font-size: 22px;
            line-height: 32px;
            font-family: "Spline Sans", 'Times', 'Times New Roman', serif;
            font-style: normal;
            color: #ffffff;
            text-align: center;
            max-width: 1024px;
            margin: 0 auto;
        }

        .capatextosvarios {
            margin-top: 200px;
        }

        .listatipos {
            padding-left: 150px;
        }

        #animaciontexto {
            display: block;
            height: 200px;
            margin-top: 50px;
            margin-bottom: 30px;
            width: 100%;
            ;
        }

        .gsapCursor.blink {
            display: inline-block;
            animation: 1s blinkCursor step-end infinite;
        }

        .gsapCursor.hide {
            display: none;
        }

        .linkverde{
            color: #40B02C;
            text-decoration: underline;
        }

        .txtverde{
            color: #40B02C;
        }
        .txtverde:hover{
            color: #40B02C;
            text-decoration: underline;
            cursor: pointer;
        }

    .supertitmobile{
        font-size: 10vw;
        line-height: 8vw;
        font-weight: 700;
        margin-bottom: 4vw;
        display: block;
    }


    .fondococina{
            background-image: url(/resources/axa-mx/images/fondococina.jpg?123);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center top;
           
            padding-bottom: 5vw;
            height: 39vw;
            width: 100vw;
            margin-bottom: 10px;

            z-index: 9999;
            
        
        }
#hotspotaxa{
    position: relative;
    top: 0vw;
    left: 0vw;
    z-index: 999999;
}

#hotspotaxa img{

    width: 40vw;

}

#sm-132ece87-b7ea-4d63-aab9-fbadcd46f8c9{
    
}


.btnazulse{
    position: relative;

        display: block;
      text-align: center;
        width: 363px;
        height: 68px;
        padding: 10px;
        

        background-color: #000092;


        font-family: 'Spline Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 42px;
        /* identical to box height, or 168% */

        color: #FFFFFF;
        z-index: 999999;


}


.titulargrande{

    background-color: #ffffff;

font-family: 'Spline Sans';
font-style: normal;
font-weight: 700;
font-size: 100px;
line-height: 103px;

text-align: center;

color: #000000;


}



.retiro{
    margin-top: -50px;
}

.btnrojose{

    display: block;
    margin: 0 auto;
    width: 363px;
    height: 68px;
    padding: 10px;
    

    background-color: #FF0E0D;


    font-family: 'Spline Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 42px;
    /* identical to box height, or 168% */

    color: #FFFFFF;


}

.btnrojose:hover{
 text-decoration: none;
}



        #collage2{
            background-color: #BBC2FF;
            padding-bottom: 100px;
            padding-top: 0px;
          
        
        }
        .cajitasmobile{
            margin-top: -70px;
            display: block;
        }

        .genialy1{
           
            background-color: transparent !important;
            height: 25vw;
            margin-left: 15px;
            margin-top: -30px;
        }
        #hojasverdes{
            position: absolute;
            top:0vw;
            left: -20vw;;
            z-index: 9999;
            display: block;

        }
        #hojasverdes2{
            top:0vw;
            left: -20vw;;
            z-index: 9999;
            display: none;

        }


        .margin1{
            margin-left: -5vw;
        }
        .margin2{
            margin-left: -5vw;
        }

            .collage2medio{
                display: block;
                height: 45vh;
                width: 100vw;
            }


        .subtitularparrafo {
            font-family: 'Spline Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 24px;
            line-height: 33px;
            color: #1D1D1D;
            margin-bottom: 20px;
        }

        .subtitularcursive {
            font-family: 'Spline Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 1.8vw;
            font-style: italic;
            line-height: 2.1vw;
            color: #1D1D1D;
            margin-bottom: 20px;
        }

        .fondogris{
            background-color: #525252;
            padding-top: 0px;
            padding-bottom: 0px;
            
        }



        .backred        {
            background-color: transparent;
        }

        .cajacollage0{
            min-height: 450px;

        }

            .cajacollage1{ 


              
            
                margin-top: 0px;
                margin-bottom: 100px;
             


            }


            .cajacollage1 .linkspot{ 
                margin-top: 10px;

            }


            .cajacollage1 .titulo{ 
                font-family: 'Spline Sans';
                font-style: normal;
                font-weight: 600;
                font-size: 1.4vw;
               
                color: #ffffff;
                margin-top: 20px;
                margin-bottom: 20px;
              
            }

            .cajacollage1 .textocollage1{
                float: right;
                display: block;
                width: 65%;
            }
            .cajacollage1 .desc{ 
               
                color: #ffffff;
            }


            #secadorescirculo{
                margin-top: -100px;
                margin-bottom: -100px;
                transform: rotate(-0deg);
                transform-origin: center center;
                overflow-x: scroll;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
            }

        .textopie {
            margin: 0 auto;
            color: #ffffff;
            text-align: center;
        }

        .titularparrafo {


            font-family: "Spline Sans";
            font-style: normal;
            font-weight: 700;
            font-size: 3vw;
 
            color: #181818;


        }


        .marginchat1{
            margin-top: -20px;
        }
        .titularrecalculdo {

            display: block;
            font-family: "Spline Sans";
            font-style: normal;
            font-weight: 700;
            font-size: 4.2vw;
            line-height:4vw;

            margin-top: 1.5vw;

            color: #181818;


        }



        .collage1 {
            margin-top: 0px;
        }

        .bocadillo {
            margin-left: 50px;
            margin-bottom: 5px;
        }

        .titularazul2 {
            margin: 100px auto 20px auto;
            font-family: "Spline Sans";
            font-style: normal;
            font-weight: 600;
            font-size: 35px;
            line-height: 50px;
            /* or 119% */
            color: #525252;
        }

        .titularazul3 {
            font-family: 'Spline Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 47px;
            line-height: 33px;
            /* or 70% */
            
            color: #000092;
        }





        .imgchico {
            margin-top: 100px;
        }

        .imgchica {
            margin-top: 150px;
        }

        .imgmujer {
            margin-top: 100px;
        }

        .parrafolista {
            font-size: 22px;
            font-family: "Spline Sans", 'Times', 'Times New Roman', serif;
            font-style: normal;
            color: #181818;
            text-align: left;
            padding-left: 80px;
            line-height: 27px;
        }

        .parrafo {
            font-size: 20px;
            font-family: "Spline Sans", sans-serif;
            font-style: normal;
            color: #181818;
            text-align: left;
            line-height: 35px;
        }

        .parrafoblanco {
            font-size: 1.1vw;
            font-family: "Spline Sans", sans-serif;
            font-style: normal;
            color: #ffffff;
            text-align: left;
            line-height: 2vw;
            font-weight: 400;
        }

        .parrafoblancodevice1 {
            font-size: 1vw;
            font-family: "Spline Sans", sans-serif;
            font-style: normal;
            color: #ffffff;
            text-align: left;
            line-height: 1.7vw;
            
          }
          .parrafoblancodevice1 .titu{
            font-size: 1.2vw;
            font-weight: 700;
          }

        .cortesia {
            width: 100%;
            font-size: 14px;
        }



        .subtitularparrafo {


            font-family: 'Spline Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 33px;


            color: #1D1D1D;
            margin-bottom: 20px;


        }
        .parrafonegro {


            font-family: 'Spline Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 19px;
            line-height: 33px;
            /* or 174% */

            color: #181818;
         

        }
        @keyframes flechaflash {
            0%   { opacity:1; }
            50%  { opacity:0; }
            100% { opacity:1; }
          }
        .fondolinearoja2{
            background-image: url(/resources/axa-mx/images/linearoja2.png);
            background-size:70%;
            background-repeat: no-repeat;
            background-repeat: no-repeat;
            background-position: right top;
            padding-right: 20%;
            padding-top: 17vw;
        }


        .parrafoazul{

       


            font-family: 'Radio Canada';
            font-style: italic;

            font-size: 2vw;


            color: #000092;


        }
            .parrafonegrodestacado{

                font-family: 'Radio Canada';
            font-style: italic;
            font-weight: 400;
            font-size: 31px;
            line-height: 40px;
            /* or 129% */

            color: #181818;

            }
            .parrafonegrodestacado strong{
                font-weight: 500;
            }




        .parrafonegromitad {
            font-size: 20px;
            font-family: "Spline Sans", sans-serif;
            font-style: normal;
            color: #181818;
            text-align: left;
            line-height: 35px;
            padding-right: 200px;
            margin-top: 100px;
        }

        .imgharina {
            padding-left: 20px;
            padding-right: 20px;
        }

        .rowmechero1 {
            background-image: url(/resources/axa-mx/images/resources.png);
            background-size: 467px;
            background-repeat: no-repeat;
            background-position: center right -200px 20px;
        }

        .rowmechero2 {
            background-image: url(/resources/axa-mx/images/elipse.png);
            background-size: 467px;
            background-repeat: no-repeat;
            background-position: right center 70% 100px;
        }

        .circulocafe1 {
            position: absolute;
            right: 0px;
            top: 290px;
            width: 100%;
            max-width: 495px;
        }

        .circulocafe1 img {
            max-width: 495px;
            width: 100%;
        }

        .circulocafe2 {
            position: absolute;
            left: -60px;
            top: -80px;
        }

        .capsula {
            vertical-align: top;
            animation: rotation1 15s infinite linear;
        }

        @keyframes rotation1 {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(359deg);
            }
        }

        .circulocafe3 {
            position: absolute;
            right: -6vw;
            top: -117px;
        }

        #montajefondo {
            position: absolute;
            width: 100vw;
            background-color: #FFFFFF;
            margin: 0 auto;
            text-align: center;
            z-index: 999;
        }

        #montajecafeterias {
            height: 500px;
        }

        #montajecafeterias1 {
            position: absolute;
            width: 100vw;
            background-color: transparent;
            display: block;
            display: flex;
            z-index: 9999;
        }

        #maquinaleft {
            display: none;
            top: 0px;
            position: absolute;
            left: 0;
            width: 50vw;
            z-index: 9991;
            background-color: #FFFFFF;
            width: 50vw;
            display: flex;
            justify-content: flex-end;
        }

        #maquinaright {
            display: none;
            top: 0px;
            position: absolute;
            right: 0;
            z-index: 9993;
            background-color: #FFFFFF;
            width: 50vw;
            display: flex;
            justify-content: flex-start;
        }

        .containervideo {
            padding: 0px !important;
        }

     
.icoscroll{
    -webkit-animation: flechaflash 1s infinite;
    -moz-animation: flechaflash 1s infinite;
    -o-animation: flechaflash 1s infinite;
     animation: flechaflash 1s infinite;
}

        

        .sunmedia1{
            width: 100%; 
            height: 40vw; 
            max-height: 414px;
        }

        .fondochica{

            min-height: 87vh;
            background-image: url(../images/chica.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            display: flex;
            align-content: flex-end;
            flex-direction: column;
            justify-content: flex-end;
        }

        .fondovideo iframe {
            width: 100vw !important;
            height: 40vw !important;
        }

 

        .footersun {
            color: #ffffff;
            padding-bottom: 55px;
            border-bottom: 1px solid #3D46D5;
        }

        .footer {
            font-size: 20px;
            min-height: 50px;
            padding: 0px;
            text-align: center;
         
            background-color: #3D46D5;
            color:#ffffff;
        }
        
        .footer a{
            color:#ffffff;
            font-size: 18px;
        }

        .footer .blanco {
            font-size: 20px;
            font-weight: 300;
            background-color: #3D46D5;
            color: #181818;
            min-height: 60px;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .footer .cero {
            font-size: 20px;
            font-weight: 300;
            background-color: #3D46D5;
            color: #ffffff;
            min-height: 80px;
            padding-top: 30px;
        }

        .footer .cero a {
            color: #ffffff;
        }

        .footer .uno {
            font-size: 20px;
            font-weight: 300;
            background-color: #3D46D5;
            color: #ffffff;
            min-height: 50px;
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .footer .dos {
            padding-top: 10px;
            font-size: 20px;
            font-weight: 300;
            background-color: #00008F;
            color: #ffffff;
            min-height: 80px;
            padding-top: 22px;
        }

      

        .footer a:hover {
            text-decoration: none;
            color: #ffffff;
        }

        @media screen and (min-width: 1280px) and (max-width: 1440px) {}

        @media screen and (min-width: 1024px) and (max-width: 1278px) {}

        #footerrrsspie .iconos {
            float: right;
        }

        #footerrrsspie .iconos img {
            width: 100%;
            max-width: 55px;
        }

        #footerrrsspie .textos {
            float: left;
        }

        #footerrrsspie .textos .titu {
            font-size: 26px;
            line-height: 24px;
            font-family: 'Michroma', serif;
            font-weight: 700;
        }

        #footerrrsspie .textos .subtitu {
            font-size: 20px;
        }

        .no-padding-mobile {
            padding: 0px 1vw !important;
        }

        .navegacionfinal {
            margin-top: 50px;
            margin-bottom: 150px;
        }

        /* Cookie Dialog */
        #gdpr-cookie-message {
            position: fixed;
            right: 30px;
            bottom: 30px;
            max-width: 375px;
            background-color: var(--purple);
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
            margin-left: 30px;
            font-family: system-ui;
        }

        #gdpr-cookie-message h4 {
            color: var(--red);
            font-family: 'Quicksand', sans-serif;
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        #gdpr-cookie-message h5 {
            color: var(--red);
            font-family: 'Quicksand', sans-serif;
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        #gdpr-cookie-message p,
        #gdpr-cookie-message ul {
            color: white;
            font-size: 15px;
            line-height: 1.5em;
        }

        #gdpr-cookie-message p:last-child {
            margin-bottom: 0;
            text-align: left;
        }

        #gdpr-cookie-message li {
            width: 49%;
            display: inline-block;
        }

        #gdpr-cookie-message a {
            color: var(--red);
            text-decoration: none;
            font-size: 15px;
            padding-bottom: 2px;
            border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
            transition: all 0.3s ease-in;
        }

        #gdpr-cookie-message a:hover {
            color: white;
            border-bottom-color: var(--red);
            transition: all 0.3s ease-in;
        }

        #gdpr-cookie-message button,
        button#ihavecookiesBtn {
            border: none;
            background: var(--red);
            color: white;
            font-family: 'Quicksand', sans-serif;
            font-size: 15px;
            padding: 7px;
            border-radius: 3px;
            margin-left: 15px;
            cursor: pointer;
            transition: all 0.3s ease-in;
        }

        #gdpr-cookie-message button:hover {
            background: white;
            color: var(--red);
            transition: all 0.3s ease-in;
        }

        button#gdpr-cookie-advanced {
            background: white;
            color: var(--red);
        }

        #gdpr-cookie-message button:disabled {
            opacity: 0.3;
        }

        #gdpr-cookie-message input[type="checkbox"] {
            float: none;
            margin-top: 0;
            margin-right: 5px;
        }

       
/* SHARE */

.gfw-share-btns
{
white-space:nowrap;
cursor:pointer;
text-align: center;
}


.gfw-share-wrpr {
width: 180px;
float: right;
}
.gfw-share-wrpr > span {
font-size: 14px;
}
.gfw-share-wrpr .gfw-share-btns {
white-space: nowrap;
cursor: pointer;
}
.gfw-share-wrpr .gfw-share-btns .gfw-expanded-options {
width: 0;
height: 60px;
overflow: hidden;
vertical-align: top;
opacity: 0;
transition: all 300ms linear;
}
.gfw-share-wrpr .gfw-share-btns .gfw-expanded-options.active {
display: inline-block;
width: 180px;
opacity: 1;
margin-right: 5px;
}
.gfw-share-wrpr .gfw-share-btns div:first-of-type {
display: inline-block;
}
.gfw-share-wrpr .gfw-share-btns > div:last-of-type,
.gfw-share-wrpr .gfw-share-btns a {
display: inline-block;
width: 40px;
height: 40px;
margin: 10px;
padding: 0;
line-height: 40px;
transform: scale(1);
transition: all 300ms linear;
}
.gfw-share-wrpr .gfw-share-btns > div:last-of-type:focus,
.gfw-share-wrpr .gfw-share-btns > div:last-of-type:hover,
.gfw-share-wrpr .gfw-share-btns a:focus,
.gfw-share-wrpr .gfw-share-btns a:hover {
transform: scale(0.95);
}
.gfw-share-wrpr .gfw-share-btns > div:last-of-type img,
.gfw-share-wrpr .gfw-share-btns a img {
display: inline-block;
width: 40px;
height: auto;
}
.gfw-share-wrpr .gfw-share-btns .gfw-more-share-options {
display: block;
}
.gfw-mobile-share-btn {
display: none;
}
.gfw-share-icon g {
fill: #000;
}
@media only screen and (max-width: 640px) {
.gfw-share-title {
display: none;
}
.gfw-share-wrpr > span,
.gfw-share-wrpr > strong {
display: none;
}
.gfw-share-wrpr .gfw-share-btns {
display: none;
}
.gfw-share-wrpr .gfw-mobile-share-btn {
display: block;
position: relative;
z-index: 8;
white-space: nowrap;
padding: 10px 30px;

border: solid 1px #000;
text-transform: uppercase;
font-weight: 700;
width:150px;
margin: 20px auto;

pointer-events: all;
cursor: pointer;
}
.gfw-share-wrpr .gfw-mobile-share-btn img,
.gfw-share-wrpr .gfw-mobile-share-btn svg {
margin-left: 10px;
}
.gfw-article-top .gfw-share-wrpr .gfw-mobile-share-btn {
padding: 10px 30px;
margin: 0 30px 30px;
transform: translate(0, 0);
}
.gfw-menu-share-wrpr .gfw-share-wrpr > span,
.gfw-menu-share-wrpr .gfw-share-wrpr > strong {
display: none;
}
.gfw-menu-share-wrpr .gfw-share-wrpr .gfw-share-btns {
display: none;
}
.gfw-menu-share-wrpr .gfw-share-wrpr .gfw-mobile-share-btn {
display: inline-block;
white-space: nowrap;
padding: 10px 30px;
margin: -15px 30px 30px;
border: solid 1px #000;
}
.gfw-menu-share-wrpr .gfw-share-icon g {
fill: #000;
}
}

        #header {
            display: block;
            position: fixed;
            max-width: 1600px;
            margin: 0px auto 0px auto;
            width: 100%;
            height: 100px;
            top: 0px;
            padding-top: 30px;
            background-color: white;
            ;
            z-index: 99999999999;
            transition: 0.3s ease-in;
        }

        .headerblank {
            margin-top: 100px;
        }

        /** MENU */
        #menudesktop {
            display: none;
            position: fixed;
            top: 104px;
            right: 6vh;
            width: 5vw;
            height: 50px;
            cursor: pointer;
            z-index: 99999999;
        }

        #menudesktop img {
            /**/
        }

        #logodesktop {
            margin: 0 auto;
            position: relative;
            left: 0%;
            width: 200px;
            margin-top: 2%;
            text-align: center;
        }

        .panellateral {
            display: none;
            position: fixed;
            right: -95.625em;
            /*left or right and the width of your navigation panel*/
            width: 250.625em;
            /*should match the above value*/
            background-color: rgba(0, 0, 0, 0.9);
            color: #ffffff;
            z-index: 99999999;
        }

        .panellateral ul {
            list-style: none;
            margin-top: 5vh;
            margin-left: 50px;
        }

        .panellateral li {
            padding-top: 7vh;
            line-height: 5vh;
            font-size: 5vh;
            display: block;
            text-align: center;
            padding-right: 7vw;
            width: 70vw;
            margin: 0 auto;
            font-weight: 300;
        }

        .panellateral li a {
            font-family: "Spline Sans";
            font-weight: 600;
            text-align: center;
            font-display: swap;
            color: #ffffff;
            list-style-image: none;
            margin-top: 20px;
        }

        .panellateral li a:hover {
            text-decoration: none;
        }

        .panellateral .linea {
            max-width: 500px;
            border: 1px solid #484848;
        }

        #btncerrar {
            margin: 5vw;
            width: 50px;
            position: absolute;
            right: 0px;
        }

        .menuimg {
            width: 100%;
            display: block;
        }

        .menuimglogo {
            display: block;
            padding-left: 77%;
            margin-top: 1%;
        }

        .video-js {
            background-color: #ffffff !important;
        }

        .homecasa {
            position: absolute;
            right: 0vw;
            top: 0vw;
            cursor: pointer;
            z-index: 999999999;
        }

        #contscrollslide {
            right: 2px !important;
            top: 10vw !important;
            left: 24vw !important;
            width: 28px;
            transform: rotate(90deg);
            position: relative;
            z-index: 999999999999;
        }

        #content-wrapper,
        #example-wrapper {
            height: 100%;
            width: 100%;
            /*max-width: 640px !important;*/
            margin: 0 auto;
        }

        #example-wrapper .scrollContent {
            height: 100%;
        }

        .horizontal.scrollContainer {
            overflow-y: scroll;
            overflow-x: scroll;
        }

        .gfw-mobile-share-btn-footer {
            display: none;
        }

        #scroll-down {
            display: block;
            position: relative;
            padding-top: 79px;
            text-align: center;
            margin-top: 50px;
        }

        .arrow-down {
            display: block;
            margin: 0 auto;
            width: 10px;
            height: 38px;
        }

        .arrow-down:after {
            content: '';
            display: block;
            margin: 0;
            padding: 0;
            width: 11px;
            height: 10px;
            border-top: 2px solid #FFFFFF;
            border-right: 2px solid #FFFFFF;
            behavior: url(-ms-transform.htc);
            -moz-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        #scroll-title {
            display: block;
            text-transform: uppercase;
            color: #FFFFFF;
            font-family: Helvetica Neue, Helvetica, Arial;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.1em;
        }

        #scroll-down::before {
            -webkit-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* Safari 4+ */
            -moz-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* Fx 5+ */
            -o-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* Opera 12+ */
            animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* IE 10+, Fx 29+ */
            position: absolute;
            top: 0px;
            left: 50%;
            margin-left: -1px;
            width: 2px;
            height: 90px;
            background: #FFFFFF;
            content: ' ';
        }

        @-webkit-keyframes elasticus {
            0% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }

            50% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            50.1% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            100% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }
        }

        @-moz-keyframes elasticus {
            0% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }

            50% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            50.1% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            100% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }
        }

        @-o-keyframes elasticus {
            0% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }

            50% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            50.1% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            100% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }
        }

        @keyframes elasticus {
            0% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }

            50% {
                -webkit-transform-origin: 0% 0%;
                -ms-transform-origin: 0% 0%;
                -moz-transform-origin: 0% 0%;
                -o-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            50.1% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -moz-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            100% {
                -webkit-transform-origin: 0% 100%;
                -ms-transform-origin: 0% 100%;
                -moz-transform-origin: 0% 100%;
                -o-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
                -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                -moz-transform: scale(1, 0);
                -o-transform: scale(1, 0);
                transform: scale(1, 0);
            }
        }

        #paschka {
            display: block;
            color: white;
            font-family: helvetica neue, helvetica, arial;
            font-size: 32px;
            text-decoration: none;
            position: fixed;
            bottom: 0px;
            right: 0px;
            padding: 0px;
            transition: all 0.1s ease;
            background: #000;
            height: 40px;
            line-height: 30px;
            vertical-align: middle;
            width: 40px;
            text-align: center;
            border-radius: 5%;
            bottom: 20px;
            right: 20px;
        }

        #paschka:hover {
            background: #232323;
            transition: all 0.1s ease;
            color: #f0f0f0;
        }

        #contscrollslide .textoslide {
            font-size: 20px;
            color: #ffffff;
            position: relative;
            top: 55px;
            left: -51px;
            transform: rotate(180deg);
            font-weight: 100;
            font-family: 'Arial';
        }

        #scroll-right {
            padding-top: 79px;
            text-align: center;
            margin-top: 0px;
            position: relative;
            display: block;
            width: 77px;
            height: 61px;
            background-color: transparent;
            transform: rotate(270deg);
        }

        .arrow-down {
            display: block;
            margin: 0 auto;
            width: 10px;
            height: 38px;
        }

        .arrow-down:after {
            content: '';
            display: block;
            margin: 0;
            padding: 0;
            width: 11px;
            height: 10px;
            border-top: 2px solid #FFFFFF;
            border-right: 2px solid #FFFFFF;
            behavior: url(-ms-transform.htc);
            -moz-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        #scroll-title-right {
            display: block;
            cursor: pointer;
            color: #FFFFFF;
            font-family: Helvetica Neue, Helvetica, Arial;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.1em;
            position: absolute;
            right: 240px;
            width: 218px;
            height: 40px;
            bottom: 4vh;
        }

        #scroll-right::before {
            -webkit-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* Safari 4+ */
            -moz-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* Fx 5+ */
            -o-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* Opera 12+ */
            animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite;
            /* IE 10+, Fx 29+ */
            position: absolute;
            top: 0px;
            left: 50%;
            margin-left: -1px;
            width: 2px;
            height: 90px;
            background: #FFFFFF;
            content: ' ';
        }