
/* -----------------------------------------------------------------------
   1.GENERAL
------------------------------------------------------------------------- */
  body {
    background: url('../img/img8.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      overflow: hidden;
    overflow-y:auto;
    font-family: 'Raleway', sans-serif;
  }
  body:after { 
    opacity:.5; 
    content: ""; 
    position:fixed; 
    z-index:-1; 
    width:100%; 
    height:100%; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    background-repeat:repeat; 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4QUM4RDIwQjI1RTExRTM5MkI3REE0RTcyODZDRkQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4QUM4RDIxQjI1RTExRTM5MkI3REE0RTcyODZDRkQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjhBQzhEMUVCMjVFMTFFMzkyQjdEQTRFNzI4NkNGRDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjhBQzhEMUZCMjVFMTFFMzkyQjdEQTRFNzI4NkNGRDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6d9oNCAAAAHUlEQVR42mJkYGD4zwAFTCDi////jCCaEVkGIMAAaDkFAUKZBW4AAAAASUVORK5CYII=) !important;
  }
html, body {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}


/* -----------------------------------------------------------------------
   2. HOME-PAGE
------------------------------------------------------------------------- */

/* ----- Logo ------ */
.logo-container {
  text-align: center;
  vertical-align: middle;
  padding-bottom: 3em;  
}
.logo img {
}
/* ----- style------ */
.home {
  text-align: center;
  width: 100%;
  display: table;
  height: 100%;
}

.home-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.home-wrapper h1{
  color: #fff;
  padding-bottom: 1em;
}

/* ----- Countdown styles ------ */

#countdown {
  text-align: center;
  color: #fff;
   padding-bottom: 2em;
}

.countdown_row {
  display: block;
}

.countdown_section {
  display: inline-block;
  letter-spacing: 1px;
  padding: 42px 12px 38px;
  text-align: center;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.countdown_section:first-child {
  border-left: 0;
}

.countdown_amount {
  color: #fff;
  display: block;
  font-size: 6em;
  letter-spacing: normal;
  line-height: 1;
}

/* ----- Newsletter styles ------ */

.form-control{
  background-color: rgba(255,255,255,.5);
  border: none;
  padding-left: 15px;
  height: 40px;
  width: 100%;
  color: #333b4d;
  border-radius: 0px;

}
.form-control:focus
{
    box-shadow: none;
}
.input-group-btn:last-child>.btn{
  margin-left: 0px;
}
.names::-webkit-input-placeholder
{
  color: #333b4d;
  font-size: 13px;
}
.btn-custom,.btn-custom:hover{
  background-color: #333b4d;
  color: #fff;
  border: none;
  float: right;
  height: 40px;
  margin-top: -40px;
  border-radius: 0px;
  padding: 0px 20px;
}
.btn-custom:focus,.btn-custom:active{
  outline: none;
  border: none;
}
/* -----------------------------------------------------------------------
  RESPONSIVE STYLESHEET
------------------------------------------------------------------------- */
@media only screen and (max-width: 610px) {
  .countdown_section {
    width: 50%;
    float: left;
  }
  .countdown_amount {
    font-size: 3em;
    letter-spacing: normal;
    line-height: 1;
  }
}
