html,body {
  height: 100%;
}

* {
    -moz-box-sizing: border-box;
}

body {
 /* background-color: #ededed;*/
  background-image: url(../images/iStock-1162545693.jpg) ;
  background-repeat: repeat-y;
  background-size:cover;
  color: #424242;
  margin: 0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.428571429;
}

h1,h2,h3,h4,h5,h6,.h:1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
h1,.h1{font-size:45px;line-height:48px}
h2,.h2{font-size:36px;line-height:42px}
h3,.h3{font-size:28px;line-height:36px}
h4,.h4{font-size:24px;line-height:25px; color:#fff}
h5,.h5{font-size:20px;line-height:24px}
h6,.h6{font-size:18px;line-height:24px}
h3 span {font-size:18px;}
a{color:#3282e6;}
a:hover,a:focus{color:#165db5;text-decoration:underline}
.padding-top20 {padding-top:20px;}
.text-center{text-align:center}

.wrap {
  min-height: 100%;
  display: table;
  height: 100%;
}
.header {padding:10px; background:#111; color:#ffffff}
.center {
    padding: 18px 0;
    text-align: center;
}
.call-button {text-align:center; padding-bottom:10px;}
.social-media {text-align:center; margin-top:10px 0 0 0;padding:0px}
#product-list ul {text-align:center}

#product-list li {
    display: inline-block; padding-left:20px; padding-right:20px;font-size:1.2em; font-weight:600
}
.top-bar {
  height: 20px;
  background: #71a100;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZmExMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #71a100 0%, #6fa100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a100), color-stop(100%,#6fa100));
  background: -webkit-linear-gradient(top,  #71a100 0%,#6fa100 100%);
  background: -o-linear-gradient(top,  #71a100 0%,#6fa100 100%);
  background: -ms-linear-gradient(top,  #71a100 0%,#6fa100 100%);
  background: linear-gradient(to bottom,  #71a100 0%,#6fa100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a100', endColorstr='#6fa100',GradientType=0 );
}

:root .top-bar {
  filter: none \0/IE9;
}

.welcome-container {
  width: 500px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 60px;
}

.coming-soon-wrap {
  margin-top: 90px;
}

.frowny-face {
  text-align: center;
  font-size: 130px;
  color: #919191;
  line-height: 1.1;
  margin-top: 90px;
  margin-bottom: 70px;
}

.welcome-container h1 {
  margin-bottom: 1em;
}

.btn-primary {
    background-color: #7FB141;
    border-color: #648C33;
    color: #FFFFFF;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0 0 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.btn-primary {
    background-color: #7FB141;
    border-color: #648C33;
    color: #FFFFFF;
}

.btn-lg {font-size:16px;}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active {
    background-color: #729E3A;
    border-color: #496626;
    color: #fff;
}

.btn:hover, 
.btn:focus {
    text-decoration: none;
}

.login-container {
  text-align: right;
  margin: 20px;
}

.footer {
  position: relative;
  margin-top: -60px; /* negative value of footer height */
  height: 60px;
  clear:both;
  text-align: center;
  font-size: 14px;
}

#navbar-nav ul {
    text-align: center
}
.navbar-nav .nav-link {
    margin-right: 20px;
    margin-left: 20px;
}
#navbar-nav li {
    font-weight: 600
}
.nav-item a {font-size:1.2em}
.nav-item a:hover {text-decoration:none}
.nav-link {font-size:1em;}
.lead {letter-spacing:2px; line-height:1.3; font-size:1.2em}
.lead-line {letter-spacing:2px; line-height:1.3; font-size:1.8em; }
.hook {color:#7FB141; font-size: 1.4em; line-height:normal; letter-spacing:2px;}
.highlight {color:#7FB141; text-transform:uppercase}
.bigtext {
    font-size: 24px;
    line-height: 1.4;
    color: #111;
}
.primary {background-color:#7FB141; color:#fff;}
.category {font-size:24px; letter-spacing:2px; text-align:center; margin:10px 0 10px 0; 
           text-align:center;
           background:#7FB141; color:#fff}
.tagline {font-size:24px; color:#fff; letter-spacing:3px; padding-bottom:20px; padding-top:20px;
          text-transform:capitalize;
          text-align:center

}
.contact-block {text-align:left; color:#fff; display:inline-block}
.contact-block a {color:#fff; text-decoration:none;}
.productname {color:#111; font-size:20px; margin:20px 0 20px 0px; text-transform:capitalize}
.product-img {height:150px;}
.product-details {margin-left:20px; margin-right:20px;}
.product-details a {text-decoration:none; color:#7FB141;}
.product-list a {text-decoration:none; color:#7FB141;}
.product-list a:hover {text-decoration:none; color:#111;}
#product-list  ul{
    display: inline-block; padding-right:20px;font-size:1.2em; font-weight:400;
    list-style:none;

}
.product-list  ul{
    display: inline-block; padding-right:20px;font-size:1.2em; font-weight:400;
    list-style:none;
    -webkit-column-count: 2;  /* Chrome/Opera, Safari */
    -moz-column-count: 2; /* Mozilla Firefox */
    column-count: 2;
    -webkit-column-gap: 50px; /* Chrome/Opera, Safari */
    -moz-column-gap: 50px; /* Mozilla Firefox */
    column-gap: 50px;

}

.product-list li a, #product-list ul a {text-decoration:none; color:#7FB141;}
.product-list li a:hover, #product-list ul a:hover {text-decoration:none; color:#111;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #7FB141;
}
.brand-ribbon {
    height: 100px;
    display: inline-block;
    padding-bottom: 30px;
}    
.brand-ribbon img {margin:10px 5px 10px 5px; align-content:center}

.dark-background {
    background-color:#111;
    color:#fafafa;
}
.white {color:#fafafa;}
.card-dark {background-color:#000000}