html {
     margin: 0;
    /* height: 100%;
     width:100%;
     */
     scroll-behavior: smooth;
     overflow-x: hidden;
}
/* body>div {
     overflow-x:hidden;
}
 */
 body{
   font-family: "aktiv-grotesk", sans-serif;
font-weight: 300;
line-height: 1.8;
font-style: normal;
     font-style: normal;
     font-weight:normal;
     position: relative;
     background-color:#121212;
     font-size:16px;
     color:#B8B8B8;
     margin: 0;
     overflow-x: hidden;
}

#contact-form{
  margin-top:40px;
  text-align: center;
}




.submit-btn{
  background:#121212;
  border:2px solid #AA855C;
  color:#fff;
  padding:10px 40px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;

}

.submit-btn:hover{
  background: rgb(170,133,92);
background: linear-gradient(90deg, rgba(170,133,92,1) 0%, rgba(230,201,167,1) 100%);

}
h2{
  color:#fff;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: "aktiv-grotesk-extended", sans-serif;
font-weight: 600;
font-style: normal;
}
img{
  max-width:100%;
}
.container{
  max-width:1600px;
}
.hero{
  text-align: center;
  padding-top: 220px;
  padding-bottom: 220px;
}
.divider{
  display: inline-block;
  width:65px;
  height:2px;
  margin-bottom: 25px;
  margin-top: 25px;
  background: rgb(170,133,92);
background: linear-gradient(90deg, rgba(170,133,92,1) 0%, rgba(230,201,167,1) 100%);
}
.hero img{
max-width: 462px;

}
.specs img{
  margin-top:50px;
  margin-bottom: 50px;
}
strong{
  font-weight: 500;
}

.thanks-container {
  height:100vh;
  text-align: center;
}

.thanks-container p{
margin-bottom:40px;
margin-top:20px;

}

.thanks-container a:hover{
color:#fff;
text-decoration: none;
}

.copyright{
  text-align: center;
}

.grecaptcha-badge{
  opacity:0;
}

.spec-line{
  border-bottom: 1px solid #393939;
  margin-top:15px;
}
.spec-answer, .spec-question{
  padding-left: 0;
  padding-right: 0;
}

.spec-question p{
text-transform: uppercase;
color:#fff;
font-weight: 400;
}

.spec-answer{
text-align: left;

}

input, textarea {
    width: 100%;
    padding: 12px 15px;
    background: #121212;
    margin-bottom:15px;
    border: 1px solid #424141;
    border-radius: 0px;
    color: #fff;
    font-weight: 300;
  }

.center-text{
  max-width:500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.copyright{
    padding-top:250px;
}

.left-img, .right-img, .center-img, .specs{
  padding-bottom:250px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vcenter{
justify-content: center;
display: flex;
align-items: center;
}

@media screen and (max-width: 1699px) and (min-width: 1023px) {
.container{
  padding-left: 50px;
  padding-right: 50px;
}
}

@media screen and (max-width: 767px) {
  .left-img, .right-img, .center-img, .specs {
      padding-bottom: 100px;
  }

  .copyright {
    padding-top: 100px;
  }
  .spec-question p{
    margin-bottom:10px;
  }

  .right-img img, .left-img img{
  margin-bottom:50px;
  }
  h2{
    font-size:30px;
  }

  .spec-line{
    padding-left:30px;
    padding-top: 15px;
      padding-bottom: 15px;
    padding-right: 30px;
  }

  .specs img{
    margin-bottom: 20px;
    margin-top: 35px;
  }

  .col-lg-8, .full-img{
    padding-left: 0px;
    padding-right: 0px;
  }

  .col-lg-4{
    padding-left: 50px;
    padding-right: 50px;
  }

  .hero {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 120px;
  }

.right-img, .left-img{
  text-align: center;
}
.hero img {
    max-width: 262px;
  }

}