.search-loader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #C41C22; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: auto; } .load_small { width: 60px; height: 60px; } .big { position: fixed; /* Sit on top of the page content */ top: 0; left: 0; right: 0; bottom: 0; z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ width: 160px; height: 160px; } #overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); /* Black background with opacity */ z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ }