#loader_wrapper{
                position: fixed;
               top: 0px;
               left: 0px;
               width: 100%;
               height: 100%;
               z-index: 1000;
               background-color: rgba(0,0,0,0.5);
               overflow: hidden;
           }
           #loader{
                 position: relative;
                left: 50%;
                top: 50%;
                display: block;
                width: 50px;
                height: 50px;
                margin: -25px 0px 0px -25px;
           }
           .rotate #loader{
                -webkit-animation:loading 2s linear infinite;
                animation:loading 2s linear infinite;
           }
           .image_load_1 #loader{
                background: url("/images/logo_tp.png") no-repeat center center;
           }
            .css_load_1 #loader{
                background: #ff0000;
                border-radius: 50%;
            }
            .css_load_1 #loader:before{
                content: "";
                position: absolute;
                left: 5px;
                top: 5px;
                right: 5px;
                bottom: 5px;
                border: 3px solid transparent;
                border-top-color: #3498db;
                border-radius: 50%;
                -webkit-animation:loading 3s linear infinite;
                animation:loading 3s linear infinite;
                border-bottom-color: #3498db;
            }
             .css_load_1 #loader:after{
                content: "";
                position: absolute;
                left: 15px;
                top: 15px;
                right: 15px;
                bottom: 15px;
                border: 3px solid transparent;
                 border-top-color: #fff;
                 border-radius: 50%;
                 -webkit-animation:loading 1s linear infinite;
                animation:loading 1s linear infinite;
                 border-bottom-color: #fff;
            }
            @-webkit-keyframes loading {
                0% {
                    -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
             @keyframes loading {
                0% {
                    -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
#loader_wrapper{display: none;}
.loading #loader_wrapper{display: block}
.loading {overflow: hidden;}