/*Css carga*/
    /*loader woocommerce*/
    @keyframes animacion {
      0%   {transform:rotate(0)}
      10%   {transform:rotate(36deg)}
      20%   {transform:rotate(72deg)}
      30%   {transform:rotate(108deg)}
      40%   {transform:rotate(144deg)}
      50%   {transform:rotate(180deg)}
      60%   {transform:rotate(216deg)}
      70%   {transform:rotate(252deg)}
      80%   {transform:rotate(288deg)}
      90%   {transform:rotate(324deg)}
      100%   {transform:rotate(360deg)}
    }

    .carga{
      width:60px!important;
      height:60px;
      position:absolute;
      top: calc(50% - 30px);
      left: calc(50% - 30px);
      animation-duration: 1s;
      animation-name: animacion;
      animation-iteration-count: infinite;
      padding:0px!important;
    }

    .carga2{
      position:absolute;
      width:100%!important;
      height:100%!important;
      opacity:.5!important;
      cursor: not-allowed!important;
      /*pointer-events: none!important;*/
      top: 0px;
      left: 0px;
      background-color: white;
      z-index:0;
    }
    /*********/