.loadnews{
            height: 40px;
        }
        .spinner {
          font-size: 10px;
          margin: 10px auto;
          text-indent: -9999em;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background: #c0c0c0;
          background: -moz-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
          background: -webkit-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
          background: -o-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
          background: -ms-linear-gradient(left, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
          background: linear-gradient(to right, #c0c0c0 10%, rgba(192,192,192, 0) 42%);
          position: relative;
          -webkit-animation: load3 1.4s infinite linear;
          animation: load3 1.4s infinite linear;
          -webkit-transform: translateZ(0);
          -ms-transform: translateZ(0);
          transform: translateZ(0);
        }
        .spinner:before {
          width: 50%;
          height: 50%;
          background: #c0c0c0;
          border-radius: 100% 0 0 0;
          position: absolute;
          top: 0;
          left: 0;
          content: '';
        }
        .spinner:after {
          background: #fdfdff;
          width: 75%;
          height: 75%;
          border-radius: 50%;
          content: '';
          margin: auto;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
        }
        @-webkit-keyframes load3 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }
        @keyframes load3 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }