body {
  background-color: #2f292b;
  font-family:'Varela Round', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  display: inline-block;
  margin: 10px 0px 16px;
  font-family: Montserrat, sans-serif;
  font-size: 65px;
  line-height: 71px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: rgba(0, 0, 0, 0.72) 0px 1px 0px, rgba(0, 0, 0, 0.18) 0px 2px 4px;
}
h2 {
  margin: 10px 0px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-shadow: none;
}
h3 {
  margin: 5px 0px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  text-shadow: none;
}
h4 {
  margin: 10px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin: 10px 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin: 10px 0px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-right: 15px;
  margin-bottom: 5px;
  margin-left: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0px;
  text-shadow: none;
}
.button {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 42px;
  display: block;
  width: 50%;
  height: 55px;
  margin: 40px auto auto;
  padding: 18px 29px 0px;
  float: none;
  clear: none;
  border-radius: 4px;
  background-color: #c96c47;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 4px 0px, rgba(0, 0, 0, 0.10) 0px 0px 0px 1px, rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.09) 0px -44px 38px -25px inset;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: white;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.18) 0px 1px 0px;
}
.button:hover {
  background-color: #e66f40;
}
.button:active {
  background-color: rgba(230, 111, 64, 0.63);
  box-shadow: rgba(255, 255, 255, 0.20) 0px 1px 0px 0px, rgba(0, 0, 0, 0.10) 0px 0px 0px 1px, rgba(0, 0, 0, 0.09) 0px 2px 6px 1px inset, rgba(0, 0, 0, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.09) 0px 44px 38px -25px inset;
}
.subtitle {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 34px;
  text-shadow: rgba(0, 0, 0, 0.23) 1px 1px 2px, rgba(0, 0, 0, 0.24) 0px 1px 0px;
}
.field {
  width: 65%;
  height: 54px;
  margin-right: 3%;
  float: left;
  border: 0px solid black;
  border-radius: 4px;
  background-color: rgba(47, 41, 43, 0.65);
  box-shadow: rgba(0, 0, 0, 0.29) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.12) 0px 2px 9px -1px inset, rgba(255, 255, 255, 0.09) 0px 0px 0px 1px, rgba(255, 255, 255, 0.11) 0px 1px 0px 0px;
  -webkit-transition: background-color 300ms ease, box-shadow 300ms ease;
  transition: background-color 300ms ease, box-shadow 300ms ease;
  color: white;
  font-size: 16px;
}
.field:hover {
  background-color: rgba(47, 41, 43, 0.76);
}
.field:focus {
  box-shadow: rgba(0, 0, 0, 0.29) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.09) 0px 2px 9px -1px inset, #c96c47 0px 0px 0px 2px, #c96c47 0px 0px 12px 1px;
}
.sign-up-form {
  margin-top: 47px;
}
.social-widget {
  width: 100px;
  float: left;
  opacity: 0.41;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.social-widget:hover {
  opacity: 1;
}
.success-message {
  padding: 29px;
  border-radius: 4px;
  background-color: #c96c47;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 1px 4px 0px, rgba(0, 0, 0, 0.13) 0px 0px 0px 1px, rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.11) 0px 1px 0px 0px inset;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.56) 0px 1px 0px;
}
.error-message {
  padding-bottom: 5px;
  border-radius: 2px;
  background-color: #5c3245;
}
.header-section {
  height: 100%;
  padding-top: 167px;
  padding-bottom: 52px;
  background-image: url('../images/blur-street.jpg');
  background-repeat: no-repeat;
  color: white;
  text-align: center;
}
.footer-section {
  padding-top: 38px;
  padding-bottom: 34px;
  background-color: #2f292b;
  box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px 0px, rgba(0, 0, 0, 0.23) 0px 1px 1px 0px inset;
  color: #7e7c87;
}
.copyright {
  color: #a1a1a1;
}
.container {
  padding-right: 129px;
  padding-left: 129px;
}
.share-button {
  display: inline-block;
  width: 58px;
  margin-right: 14px;
  margin-left: 14px;
}
.share-button.facebook {
  width: 49px;
}
.share-button.google {
  width: 54px;
}
.success-text {
  margin-bottom: 10px;
  text-shadow: none;
}
.referal-text {
  margin-top: 16px;
  margin-bottom: 13px;
  color: rgba(255, 255, 255, 0.61);
  font-size: 15px;
  text-transform: uppercase;
  text-shadow: none;
}
.social-btn {
  margin-right: 7px;
  margin-left: 7px;
  opacity: 0.31;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.social-btn:hover {
  opacity: 1;
}
.align-right {
  text-align: right;
}
.slider-nav {
  height: 40px;
  font-size: 9px;
}
.logo {
  height: 100%;
  margin-top: -191px;
  margin-bottom: 0px;
}
.box_logo {
  position: static;
  left: 0px;
  top: 76px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  float: none;
  clear: none;
  background-color: rgba(255, 255, 255, 0);
}
.logo_transparent {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin: -207px auto -53px;
}
.facebook {
  display: block;
}
.link {
  color: #f60;
  text-decoration: none;
}
@media (max-width: 991px) {
  h1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    font-size: 56px;
    line-height: 67px;
  }
  p {
    text-shadow: none;
  }
  .button {
    margin-top: 22px;
    margin-bottom: -119px;
  }
  .subtitle {
    line-height: 31px;
    text-shadow: none;
  }
  .header-section {
    padding-bottom: 144px;
  }
  .container {
    padding-right: 79px;
    padding-left: 79px;
  }
}
@media (max-width: 767px) {
  p {
    text-shadow: none;
  }
  .button {
    position: static;
    margin-bottom: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .subtitle {
    display: inline-block;
    line-height: 30px;
    text-shadow: none;
  }
  .sign-up-form {
    margin-bottom: 0px;
  }
  .header-section {
    padding-top: 55px;
    padding-bottom: 75px;
  }
  .footer-section {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .copyright {
    font-size: 12px;
  }
  .container {
    padding-right: 11px;
    padding-left: 11px;
  }
  .logo_transparent {
    margin-top: -67px;
  }
}
@media (max-width: 479px) {
  h1 {
    margin-top: 0px;
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 0px;
    font-size: 41px;
    line-height: 49px;
  }
  p {
    text-shadow: none;
  }
  .button {
    position: static;
    width: 75%;
    margin-top: 0px;
    margin-bottom: -182px;
    margin-left: auto;
    padding-top: 18px;
    padding-right: 10px;
    padding-left: 20px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .subtitle {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-shadow: none;
  }
  .field {
    width: 100%;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .social-widget {
    width: 96px;
  }
  .header-section {
    padding-bottom: 209px;
  }
  .copyright {
    margin-bottom: 7px;
    text-align: center;
  }
  .align-right {
    text-align: center;
  }
  .box_logo {
    margin-top: -41px;
  }
  .logo_transparent {
    margin-top: auto;
    margin-bottom: auto;
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
  }
}