/**********************************************************************************

  Tutorial Name: jQuery-Ajax Loader
  Project Description: A simple way how you can display contents with Loader using jQuery and AJAX 
  File Name: style.css
  Author: Sam Norton
  
**********************************************************************************/
@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  }

body {
    text-align:center;
    font-family:'Product Sans';
    color: #fff;
    text-shadow: 2px 2px 4px #000000; 
    overflow: hidden;
    
}
@keyframes fade {
    0%,100% { opacity: 0 }
    50% { opacity: 1 }
  }
.bg{   
    transform: scale(1.1); 
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;    
    background: url('../images/bg1.jpg') no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    filter: blur(3px);
}
.container {
    margin:70px auto;
        
}

h1 {
    text-align:center;
    font-family:'Product Sans';
    color:#fff;
    font-weight:800;
    font-size:50px;
    filter: blur(0px);
}

h3 {
    text-align:center;
    font-family:'Product Sans';
    color:#eaeaea;
    font-weight:400;
    font-size:25px
}

p {
    text-align:center;
    font-family:'Product Sans';
    color:#fff;
    font-weight:600;
    font-size:18px
}

a {
    color:#126133
}

button#load {
    padding:0 3em;
    outline:none;
    border:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
    font-size:1em;
    line-height:4;
    overflow:hidden;
    border-radius:5px;
    background:rgba(0,0,0,0.2);
    text-align:center;
    cursor:pointer;
    margin:15px auto;
    display:block;
    filter: blur(0px);
}

#loader-img {
    margin:0 auto;
    display:block
}

#content {
    margin:0 auto;
    padding:3em;
    text-align:center;
    color:#fff;
    font-size:18px;
    font-weight:600;
    height:289px;
    filter: blur(0px);
}