*{ margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; position: relative; }
body { background: url("../images/background.jpg") no-repeat center top; background-size: contain; font-family: 'Montserrat', sans-serif; -webkit-box-shadow: inset 0 4px 0 #feb712; box-shadow: inset 0 4px 0 #feb712; }
header { text-align: center; top: 40%; transform: translateY(-50%); position: relative; padding: 0 2rem;}
.logo { width: 100%; max-width: 580px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-bottom: 2rem; }
.logo h1 {  display: none;  }
.logo img { width: 100%; height: auto; display: block }
p { color: #666; line-height: 1.5; font-size: 14px; }
header p { margin: 1rem; }
/*------------------------------------------*/
/*   Preloader
/*------------------------------------------*/
.preloader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden !important;
}

.loader-container{
    position: absolute;
    top: 50%;
    left: 0%;
    margin: -20px 0 0 0px;
	width:100%;
}

.signal {
    display: inline-block;
    border: 3px solid #feb712;
    border-radius: 30px;
    height: 30px;
    opacity: 0;
    width: 30px;
    margin-top: 10px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
}

@-webkit-keyframes pulsate {
    0% {
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform:scale(1.2);
      opacity: 0;
    }
}

@-moz-keyframes pulsate {
    0% {
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform:scale(1.2);
      opacity: 0;
    }
}