@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900&display=swap');
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
/**body{font-family: 'Lato', sans-serif;}
main{margin-top: 126px;}**/
.navbar{font-family: 'Lato', sans-serif;text-transform: uppercase;font-weight: 700}
.navbar-brand{font-weight: 700}
.nav-link{letter-spacing: 1px}
.nav-link:hover{color:#afd91a!important;}
.heading{text-transform: uppercase;font-weight: 800;letter-spacing: 1px;text-align: center}
h2.heading{font-family: 'Lato', sans-serif;text-transform: uppercase;font-weight: 900;letter-spacing: 2px; color:#075f98;margin:10px 0;}
.callUs{color:#fec93c;font-weight: 700;letter-spacing: 1px}
.bg-dark {
    background-color: #323232!important;
}
.form-control{font-family: 'Lato', sans-serif;}
.btn-info {
    color: #fff;
    background-color: #075f98;
    border-color: #075f98;
}
.btn-info:hover {
    color: #fff;
    background-color: #0568a6;
    border-color: #0568a6;
}
body h1 strong { font-weight:700;color:#fff;text-transform: uppercase;}
body h2 strong { font-weight:700;}

.featureicon{font-size:100px;color:#fff;}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
   .headertitle{
    margin-top:56px;
    padding:220px 0 50px 0;
    background-size: cover;
    background-position: left;
    position: relative;
    color:#fff;
    text-transform:uppercase;
    font-family: 'Lato', sans-serif;
  }

   .headertitle h1{
    font-weight: 900;
    letter-spacing: 1px;
   }
  .howitworks{
     background-image: url(../img/header-howitworks.jpg);
  }
  .ourinventory{
     background-image: url(../img/header-ourinventory.jpg);
  }
  .ourtestimonials{
     background-image: url(../img/header-testimonials.jpg);
  }
      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
   
.parallax { 
  /* The image used */
  background-image: url("../img/parallax.jpg");

  /* Set a specific height */
  height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-text{
    font-family: 'Lato', sans-serif;
    font-style: italic;
    text-transform: uppercase;
    padding: 200px 0;
    color: #fff;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 35px;}
.parallax h2 {color:#fff;}
.headerCTA{
    background-image: url(../img/header-slide1.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    clear: both;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin: 0;
    padding: 160px 0;
    width: 100%;
  }
.headerCTA-heading{text-transform: uppercase;color:#fff;font-weight: 800;letter-spacing: 1px}
.content-slide-row{}
.content-slide{
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    transition: all 0.5s ease;
    clear: both;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 125px 0;
    width: 100%;
    vertical-align: middle;
  }
.content-slide-text{padding:80px;}
.slide1{background-image: url(../img/content-slide1.jpg);}
.text1{background-color:#323232;color:#fff;}
.slide2{background-image: url(../img/content-slide2.jpg);}
.text2{background-color:#fff;color:#000;}
.slide3{background-image: url(../img/content-slide3.jpg);}

.slide4{background-image: url(../img/content-slide4.jpg);}

.slide5{background-image: url(../img/content-slide5.jpg);}

.slide6{background-image: url(../img/content-slide6.jpg);}

.footerwrap{background:#000;color:#fff;padding:10px;margin-top:80px; position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;}
.footerwrap-home{background:#000;color:#fff;padding:10px;}
.content-slide:hover
{
  transform: scale(1.2);
}
.content-slide-wrap
{
  overflow: hidden; 
  margin:0;
}
.feature-wrap {
  border: 1px solid #e3e3e3;
}
.feature-content{
  padding: 20px 0 20px 30px;
}
.colorbg{background-color:#333;color:#fff;}
.colorbg h2 {color:#fff;letter-spacing: -0.02em;
    font: 100 40px/60px Lato;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-align: center;}
.marketing{color:#fff;}
@media (min-width: 768px){
.headerCTA{    padding: 120px 0}
}


.testimonial{
    padding: 30px;
    margin: 20px;
    text-align: center;
}


.testimonial .description{
    font-size: 18px;
    color: #5e595b;
    line-height: 27px;
    text-align: center;
    margin: 0;
    padding:0px;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 25px;
    color: #d7d7d7;
    position: absolute;
    left:40px;
}
.testimonial .title{
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    font-size: 20px;
    font-weight: 700;
    color: #c7373c;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
}
.testimonial .post{
    font-size: 15px;
    color: #671a36;
}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 38%;
}
.owl-theme .owl-controls .owl-buttons div{
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: transparent;
}
.owl-prev{
    position: absolute;
    left: -5%;
}
.owl-next{
    position: absolute;
    right: -5%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 30px;
    color: #c7373c;
    opacity: 1;
}
.owl-next:after{ content: "\f105"; }
 
@media only screen and (max-width: 479px){
    .testimonial{ padding: 70px 10px 30px; }
    .testimonial .description:before{ top: -20px }
    .testimonial .title{ font-size: 12px; }
    .testimonial .post{ font-size: 11px; }
      .content-slide-text{padding:20px;}
  .content-slide {
    padding: 200px 0;
  }
  .content-slide-row{height:auto;}
  .navbrand{width: 50%;}
     .headertitle{
    margin: 0;
    background-size: cover;
    background-position: left;
    position: relative;
  }
  .headerlogo{width:200px;}
  .parallax{height:900px;}
  main{margin-top: 0px;}
  .headertitle {
padding:60px 0 10px 0;
  }
    .headertitle h1{
font-size:2rem;
  }
    .howitworks{
     background-image: url(../img/header-howitworks-m.jpg);
  }
  .ourinventory{
     background-image: url(../img/header-ourinventory-m.jpg);
  }
  .ourtestimonials{
     background-image: url(../img/header-testimonials-m.jpg);
  }

}






/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
  background: #ededed;
  color:#000;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + main {
  padding-top: 60px;
}


#hamburger {
      display: none;
      cursor: pointer;
      text-align: center;
      line-height: 46px;
      color: #000; }
      @media screen and (max-width: 768px) {
        #hamburger {
          display: block; } }