  #tab-shipping { position: relative; }
    #shippingcost span.radio {
    display: inline-block; padding-right: 20px;
    padding: 20px 20px 0 20px;
    }
    #site {
    opacity: 0;
    transition: all 2s ease;
    }
    #preloader {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    }
    #preloader:before {
    content: "";
    display: block;
    position: relative;
    left: -1px;
    top: -1px;
    height: 100%;
    width: 100%;
    animation: rotation 1s linear infinite;
    border: 1px solid #2fc394;
    border-top: 1px solid transparent;
    border-radius: 100%;
    }
    #preloader > .icon {
    position: relative;
    top: 80%;
    left: 50%;
    height: 25px;
    width: 10.6px;
    margin-top: -12.5px;
    margin-left: -5.3px;
    animation: wink 1s ease-in-out infinite alternate;
    }
    
    @media only screen and (min-width: 768px) {
        #preloader {
          height: 60px;
          width: 60px;
          margin-top: -30px;
          margin-left: -30px;
        }
        #preloader:before {
          left: -2px;
          top: -2px;
          border-top-width: 2px;
          border-left-width: 2px;
          border-bottom-width: 2px;
          border-right-width: 2px;
          position: relative;    
        }
        #preloader > .icon {
          height: 37.5px;
          width: 15.899999999999999px;
          margin-top: -18.75px;
          margin-left: -7.949999999999999px;
        }
    }
    @media only screen and (min-width: 1200px) {
        #preloader {
          height: 80px;
          width: 80px;
          margin-top: -40px;
          margin-left: -40px;
        }

        #preloader > .icon {
        height: 50px;
        width: 21.2px;
        position: absolute;
        top: 30px;
        left: 34px;
        }
        }
        @keyframes rotation {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(359deg);
        }
        }
        @keyframes wink {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
    }