/* make keyframes that tell the start state and the end state of our object */
    @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
    @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
    @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

    .fade-in {
      opacity:0;  /* make things invisible upon start */
      -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
      -moz-animation:fadeIn ease-in 1;
      animation:fadeIn ease-in 1;

      -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
      -moz-animation-fill-mode:forwards;
      animation-fill-mode:forwards;

      -webkit-animation-duration:0.6s;
      -moz-animation-duration:0.6s;
      animation-duration:0.6s;
    }
    
    .circulo{

      float:right;width:42px;height:42px;
    }

    .iconoRRSS{
      color: #FFF;
    }

    .iconoRRSS:hover{
      color: #D4DEC3;
      -webkit-transform: rotate(12deg) scale(1.2);
      transform: rotate(12deg) scale(1.2);
    }
    
    body{
      background-color: #fff;
        color: #000;
    }
    
    h1, h2, h3, h4, h5, h6, p{
      color: #000;
    }
    .fo{
      background-color: #8DB24D;
      color: #FFF;
    }
    .foter:hover{
      background-color: #8DB24D;
      color: #D4DEC3;
    }

    a{
      color: #000;
      text-decoration: none;
    }

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

    .abs-center {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 50vh;
    }
    .abs-center-vert{
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10%;
    }

    .imgCabeza{
      margin-top: -15em;
    }

    .paralsecExperienciaIE{
       background-image: url("../../media/img/cv/foto_experiencia_IE.png");
    }
    /*--------------------------------------------------------------------------------------------------------------*/
    /*SCROLL - INICIO*/

    /* width */
    ::-webkit-scrollbar {
      width: 12px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #B3D971;
      border-radius: 2px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background:  #B3D971; 
    }

    /*SCROLL - FIN*/
    /*--------------------------------------------------------------------------------------------------------------*/
    /*PARALLAX - INICIO*/


    @supports ((perspective: 1px) and (not (-webkit-overflow-scrolling: touch))) {
     /* Header Parallax Element Style*/ 
    .paral {
      background-attachment: fixed;
      background-size: cover;
      background-position: 50% 50%;
    }
    
    /* Paragraph for Parallax Section */ 
    .paral p {
      font-size: 24px;
      color:#f5f5f5;
      text-align: center;
      line-height: 60px;
    }
       
    /* Heading for Parallax Section */ 
    .paral h1 {
      color: black;
      text-align: center;
    }

    #pWeb {
      background-image: url("../../media/img/cv/foto_web_codigo.jpeg");
      min-height: 300px;
      }
    #pExperiencia {
      filter:opacity(70%);
      background-image: url("../../media/img/cv/foto_experiencia.jpg");
      min-height: 450px;
    }
    #pFormacion {
      filter:opacity(70%);
      background-image: url("../../media/img/cv/foto_formacion.jpg");
      min-height: 450px;
    }
  
  }
   
    /* Image for Parallax Section */ 
    .paralsec {
      background-image: url("../../media/img/cv/foto_web_codigo.jpeg");
      min-height: 300px;
    }
    .paralsecFormacion {
      filter:opacity(70%);
      background-image: url("../../media/img/cv/foto_formacion.jpg");
      min-height: 300px;
    }
    
    .paralsecExperiencia {
      filter:opacity(70%);
      background-image: url("../../media/img/cv/foto_experiencia.jpg");
      min-height: 300px;
    }
       
    /* Remove Bottom Margin from Jumbotron */
    .jumbotron{
      margin-bottom: 0;
      border-radius: 0;
    }
    /* Add more images for more sections */

    /* Footer */
    .wn-footer {
    padding: 2.5rem 0;
    text-align: center;
    color: white;
    background-color: #607D8B;
    border-top: .05rem solid #e5e5e5;
    }

    /*PARALLAX - FIN*/
    /*--------------------------------------------------------------------------------------------------------------*/
    /*BOTON VERDE - INICIO*/

    .btn-verde {
      color: white;
      background-color: #8DB24D;
      border-color: #8DB24E;
    }

    .btn-verde:hover {
      color: #fff;
      background-color: #B3D971;
      border-color: #B3D971;
    }

    .btn-verde:focus, .btn-verde.focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0);
    }


    .btn-verde:not(:disabled):not(.disabled):active, .btn-verde:not(:disabled):not(.disabled).active,
    .show > .btn-verde.dropdown-toggle {
      color: #fff;
      background-color: white;
      border-color: white;
    }


    /*BOTON VERDE - FIN*/
    /*--------------------------------------------------------------------------------------------------------------*/
    /*BOTON VERDE - PARALLAX MOVIL*/