body {
  font-family:montserrat,sans-serif
}
.navbar-dark .navbar-nav .nav-link {
  color:#fff!important
}
p,
footer a {
  font-family:roboto,sans-serif;
  font-size:1em;
  font-weight:400;
  margin:0
}
.divider p {
  font-size:1.2em
}
.vmiddle {
  margin:auto;
  width:100%;
  padding:10px
}
ul {
  list-style:none
}
ul li {
  display:inline-block;
  color:#fff;
  font-size:.9em;
  padding:.2em
}
ul li i {
  color:#91cb57
}
.btn {
  box-shadow:-2px 9px 34px -7px rgba(0,0,0,.29);
  -webkit-box-shadow:-2px 9px 34px -7px rgba(0,0,0,.29);
  -moz-box-shadow:-2px 9px 34px -7px rgba(0,0,0,.29)
}
.primary-red {
  background-image:-moz-linear-gradient( 90deg,rgb(99,164,80) 0%,rgb(134,181,77) 100%);
  background-image:-webkit-linear-gradient( 90deg,rgb(99,164,80) 0%,rgb(134,181,77) 100%);
  background-image:-ms-linear-gradient( 90deg,rgb(99,164,80) 0%,rgb(134,181,77) 100%)
}
.primary-black {
  background:#222223;
  color:#fff
}
.secondary-black {
  background:#231e1d
}
.primary-black .nav-link {
  color:#fff
}
.primary-yellow {
  background:#1b9942;
  color:#fff!important
}
a.btn.primary-yellow:hover {
  color:#000
}
.btn.primary-yellow {
  font-family:roboto,sans-serif
}
.top-fold {
    height: 100vh;
    background: url('../images/hompage/background2.jpg') no-repeat;
    background-size: cover
}
.top-fold .row {
  height:100vh
}
    .top-fold .row .model { 
        background: url('../images/hompage/model.png') no-repeat;
        background-size: 105%;
        background-position: bottom
    }
.top-fold h1 {
  font-weight:800;
  font-style:italic;
  color:#fff;
  font-size:4em;
  text-align:center
}
.top-fold h2 {
  font-size:2.3em;
  font-family:montserrat,sans-serif!important;
  font-weight:300!important
}
.section2 span {
  font-size:20px
}
.section3 {
  background-color:#e7ebee
}
.section3 h2,
.section4 h3,
h2,
h3,
h4,
h5 {
  font-family:roboto,sans-serif;
  line-height:1.1em;
  letter-spacing:.3px;
  font-weight:700;
  font-size:2.1em
}
.section4 h2,
.section4 h3,
.product-lists h3 {
  color:#4f930b
}
.section4,
.product-lists {
  padding:40px 0
}
.section4 h2 {
  font-family:montserrat,sans-serif;
  font-weight:800;
  font-size:3em
}
.section4 img,
.product-lists {
  display:block;
  margin:0 auto;
  padding:1em
}
.section4 h3 {
  font-size:1.6em
}
.product-lists h3 {
  text-align:center;
  font-size:1.3em
}
.product-lists h4 {
  color:#b2adac;
  font-size:20px;
  font-weight:400
}
.product-lists h5 {
  font-size:24px
}
.about { 
    background: url('../images/hompage/background-tower.jpg') no-repeat;
    background-position: right center;
    background-size: contain
}
.about img.logo {
  width:15%
}
.video { 
    background: url('../images/background-footer.jpg') no-repeat;
    background-size: 98%;
    background-position: center bottom
}
.video h3 {
  font-size:1.4em
}
.video .vid-container {
  background:#fff;
  padding:10px;
  -webkit-box-shadow:-1px -2px 9px 4px rgba(0,0,0,.08);
  box-shadow:-1px -2px 9px 4px rgba(0,0,0,.08);
  border-radius:5px
}
footer p {
  font-weight:300;
  padding:5px 20px 5px 0
}
footer h3 {
  font-size:1.1em
}
footer a,
.copy p {
  color:#fff;
  font-weight:300
}
footer a:hover {
  text-decoration:none;
  color:#fff
}
footer li {
  display:block
}
footer .social i {
  color:#fff;
  font-size:1.1em
}
footer i::before {
  font-size:1.6em
}
footer .social li {
  display:inline-block
}
.copy {
  border-style:solid;
  border-width:1px 0 0;
  border-color:rgba(255,255,255,.19);
  transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
  background-color:#020202
}
.copy p {
  font-size:.9em
}
body.how-it-works .video {
  padding-top:142px
}
#chat-link,
#chat-nav2 {
  cursor:pointer
}
.tooltip2 {
  margin:0 12px;
  padding:0;
  position:fixed;
  z-index:2147483644;
  bottom:24px;
  top:auto;
  height:34px;
  width:1px;
  box-shadow:rgba(0,0,0,.15) 0 4px 12px 0;
  background:0 0;
  display:block;
  right:80px
}
.tooltip2 .tooltiptext {
  position:absolute;
  width:180px;
  background-color:#91cb57;
  color:#000;
  text-align:center;
  padding:5px 0;
  border-radius:6px;
  z-index:1;
  display:none;
  font-size:1.4em
}
.tooltip-left {
  top:-5px;
  bottom:auto;
  right:128%
}
.tooltip-left::after {
  content:"";
  position:absolute;
  top:50%;
  left:100%;
  margin-top:-5px;
  border-width:5px;
  border-style:solid;
  border-color:transparent transparent transparent #91cb57
}
@media only screen and (max-width:600px) {
  .body h1 {
    font-size:1.4em!important
  }
  .top-fold {
    padding-top:6em;
    overflow:hidden;
    height:auto
  }
  .top-fold .row {
    height:auto
  }
  .top-fold h1 {
    font-size:2.4em
  }
  .top-fold h2 {
    font-size:1.4em
  }
  .top-fold ul {
    text-align:left;
    padding-left:2em!important;
    padding-top:1em!important
  }
  .top-fold .row .model {
    background:0 0
  }
  .section2 img {
    width:3em;
    margin:0 auto;
    display:block
  }
  .section2 span {
    font-size:1em
  }
  .section3 h2,
  .section4 h3 {
    font-size:1.3em;
    text-align:center
  }
  .section4 h2 {
    font-size:2em
  }
  .divider p {
    font-size:.9em
  }
  .divider h2 {
    font-size:1em
  }
  .divider img {
    width:50%
  }
  .about {
    background-size:cover;
    background-position:50% 60%
  }
  .about img {
    width:80%
  }
  .video {
    background-size:cover
  }
  .divider.primary-red {
    font-size:1.3em
  }
  .divider.primary-red p {
    text-align:center
  }
}
@media only screen and (min-width:600px) {
  .about {
    background-position:top right
  }
}
@media only screen and (max-width:767px) {
  .p_model {
    display:block
  }
  .top-fold {
    padding-top:6em;
    overflow:hidden;
    height:auto
  }
  .top-fold .row {
    height:auto
  }
  .top-fold .row .model {
    background:0 0
  }
  .prod img.img-fluid {
    width:162px
  }
}
@media only screen and (min-width:768px) {
  .p_model {
    display:none
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .top-fold .row,
  .top-fold {
    height:50vh
  }
  .top-fold h1 {
    font-size:2.5em
  }
  .top-fold h2 {
    font-size:1.5em
  }
  .section2 ul li {
    display:block
  }
  .section2 ul li img {
    width:20%
  }
  .section2 ul li img,
  .section2 ul li span {
    display:block;
    margin:0 auto;
    text-align:center;
    font-size:1.1em
  }
}
@media only screen and (min-width:992px) {
  .container-extended {
    max-width:1366px;
    margin:0 auto
  }
}
.container-extended {
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}
@media only screen and (min-width:1200px) {
}