@import url('https://fonts.googleapis.com/css?family=Cookie|Great+Vibes|Lobster|Tangerine'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700'); /*..................................... Template Name:Your Product Name Template URI: http://www.yourtemplate.com/ Description: Your Product Details Here Author: myname Author URI: http://www.yourtemplate.com/ ....................................... CSS INDEX =================== 1. Theme Default CSS .......................................*/ body { font-size: 14px; line-height: 28px; font-family: 'Lobster', cursive; color: #333333; } /* ---------------------------------- 35. Preloader CSS -------------------------------------*/ #loading { background-color: #f10909; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 9999999; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; } .object { width: 20px; height: 20px; background-color: #FFF; float: left; margin-right: 20px; margin-top: 65px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } #object_one { -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; } #object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } #object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); } } @keyframes object_one { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); } } @keyframes object_two { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); } } @keyframes object_three { 75% { transform: scale(0); -webkit-transform: scale(0); } }