@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,500,500i,700,700i,900,900i);

a,
a:hover {
  color: #444444;
}
ul,
ol,
pre,
blockquote {
  margin-bottom: 2.3125rem;
}

pre {
  background: #f4f4f4;
  padding: 10px 24px;
  white-space: pre-wrap;
}

.body {
  font-style: normal;
  font-family:'Roboto Condensed', sans-serif;
  line-height: 1.5;
  overflow-x:hidden;
  color: #444444
}

.section {
  background-color: #ffffff; 
}

.clearfix {
  clear: both;
}

.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.container {
  max-width:1280px;
}

.product-container{
  margin-top: 42px;
}

.spinner-container, .section-categories {
  position: relative; 
  padding-bottom: 46%;
  width: 100%;
}
.section-categories{
  padding-bottom: 70%;
}

.section-categories-no-pad {
  padding-bottom: 0%;
}

.spinner-container .spinner {
  margin: 25% auto
}

.spinner-content{
  position: relative;
  width: 100%;
  margin: 0 auto
}

.spinner-content .spinner {
  margin: 0% auto
}

.category-items {
  margin-top: 62px
}

.highlight-text {
  color: #2cce1c;
}

.title-img {
  margin-top:3rem;
  margin-bottom:2rem;
}

.subtitle{
  line-height: 2em;
  font-weight: lighter;
  color: #444444;
  font-size: 2.5em;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 24px;
}

.nav-text p {
  font-size: 1.4em;
  font-weight: 300;
}

.features {
  font-weight: 300;
  float: left;
  width: 100%;
  font-size: 1.2em;
  height: 177px;
}

.features ul {
  list-style-type: none;
  margin: 14px 0;
  padding-left: 0px;         
}

.features ul li{
  margin-bottom: 8px
}

.features-icon {
  display: inline;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 4px;
  margin-right: 4px;  
}

.features-icon.genetics {
  background-image: url(../images/genetics-feature.svg);
}

.features-icon.thc {
  background-image: url(../images/htc-feature.svg); 
}

.features-icon.type {
  background-image: url(../images/Genetic.svg);
}

.features-icon.harvest {
  background-image: url(../images/Harvest.svg); 
}

.category-title { 
  font-weight: 300;
  font-size: 3em; 
  color: #444444; 
  margin-top: 24px
}

.row-margin, .row-margin-pic {
  margin-bottom: 30px
}

.row-margin-button {
  margin-bottom: 48px
}

.product-text{
  color:#444444;
}

.product-text .title, .display-5 {
  width: 100%;
  float: left;
  font-size: 1.6em;
  line-height: 1em;
  font-weight: 700;
  margin-top: 0px;
}

.product-text .title span {
  font-weight: 300;
  width: 100%;
  float: left;
}

.product-text p {
  float: left;
  font-size: 1.2em;
  font-weight: 300;
  margin-top: 14px;
  margin-bottom: 0px
}

#back-top {
  margin-bottom: 0px;
}

.sub-footer{
  background-color: #3a7224; 
  height: 40px;
  width: 100%;
  text-align: right;
  line-height: 2.4em;
  padding-right: 24px;
  color:#fff;
}

/* spinner */
.spinner {
  display: none;
  width: 64px;
  height: 64px;
}
.spinner:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #444;
  border-color: #444 transparent #444 transparent;
  animation: spinner 1.2s linear infinite;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Back to top arrow icon */
#back-top a {
  width: 108px;
  display: block;
  color: #bbb;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

#back-top span {
  width: 65px;
  height: 55px;
  position: fixed;
  outline: none;
  z-index: 15;
  bottom: 65px;
  right: -3px;
  opacity: .9;
  display: block;
  background: url(../images/up-arrow.png) no-repeat center center;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

/* Buttons */
.fourtwenty-menu ul {
  text-decoration: none;
  list-style-type: none;
  float: left;
  width: 100%;
  margin: 0;
  padding-top: 60px;
  padding-left: 0px;
}

.fourtwenty-menu li {
  text-decoration: none;
  display: inline;
  float: left;
  width: 25%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center; 
}

.fourtwenty-menu li:hover {
  cursor: pointer;
}

.hero-desktop {
  position: relative;
  width: 1920px;
  height: 890px 
}

.content-title{
  text-align: center;
  padding: 0px 
}

.btn {
  font-weight: 500;
  font-size: 1.4em;
  font-style: normal;
  letter-spacing: 1px;
  white-space: normal;
  padding: 0.5rem 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  border-radius: 0px;
  background-color: #6b9b6b;
  color: #fff;
  width: 100%;
}

.inactive {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.legals {
  margin-bottom: 15px;
}

.features-text {
  margin-left: 24px 
}

/* ---- Media queries for mobile devices ---- */
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */

/* ---- min-width ---- */
@media (min-width: 320px) {

 .footer-desktop {
  display: none;
 }
.footer-mobile .footer-img{
  margin: 24px 0;
}

.subtitle, .sub-subtitle {
   margin-bottom: 24px;
   font-weight: 700
  }
.sub-subtitle {  
  text-align: center;
  font-size: 1.4em;
  font-weight: 400;
  margin: 0 auto;
  margin-top: 40px
  }
  .product-image-desk {
    display: none;
  }

  .product-image-mobile {
    display: block;
    margin-bottom: 24px
  }

  .fourtwenty-menu li {
    width: 46%;
    margin: 0 2%;
  }


}

@media (min-width: 480px) {

  .fourtwenty-menu li {
  height: 160px
  }
 }

@media (min-width: 767px) {
  .product-image-desk {
    display: block;
  }

  .product-image-mobile {
    display: none;
  }

  .header .menu-logo {
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .main-content .content-container {
    padding-right: 5rem;
  }
  .fourtwenty-menu li {
    width: 21%;
  height: 200px
  }
    .features {
    font-size: 1.2em
  }
}

@media (min-width: 780px) {
 .footer-mobile {
  display: none;
 }
 .footer-desktop {
  display: inherit;
  margin-bottom: 24px;
 }
}

@media (min-width: 992px) {
  .menu-logo{
    margin-left: 14px;
  }

}

@media (min-width: 1200px) {
html,
body {
  height: auto;
  min-height: 100vh;
}
}

/* ---- max-width ---- */
@media(max-width: 1073px) {
  .row-margin-pic.shinning, .row-margin.shinning {
    margin-bottom: 5px;
}
}
@media(max-width: 991px) {
  .row-margin-pic.shinning, .row-margin.shinning {
    margin-bottom: 30px;
}
 .product-image-desk {
  margin-bottom: 24px;
 }
}

@media (max-width: 768px) {
  .subtitle {
  font-size: 2em;
  line-height: 1.4em;
  padding: 0px 0px;
  }

  .fourtwenty-menu ul {
    padding-top: 30px
  }

  .fourtwenty-menu li.menu-label {
    font-size: 22px;
  }

  .category-items {
    margin-top: 30px;
  }

  .features {
    font-size: 1em
  }
}

@media (max-width: 767px) {
  .features {
    height: 152px;
  }

  .row-margin-pic, .features {
    margin-bottom: 0px
  }

  .product-text .title, .display-5 {
    margin-top: 14px;
}
}

@media (max-width: 479px) {
  .fourtwenty-menu li.menu-label {
    font-size: 16px;
  }
}