body {
	color: #333;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 15px;
	line-height: 1.3;
	font-weight: 400;
	text-decoration: none;
  }	
    
  body a {
      color: #0098ec;
  }
  body a:hover {
      color: #222;
      text-decoration: none;
  }
  body a:visited {
      color: #0098ec;
      text-decoration: none;
  }  
  h1 {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 10px 0;
      letter-spacing: 5px;      
      font-size: 32px;
	  font-weight:bold;
	  line-height: 1.1;
      color:#0098ec;
  }
  
  h3, h4 {
      margin: 10px 0 10px 0;
      letter-spacing: 10px;      
      font-size: 24px;
      color:#333;
  }
  .container {
      padding: 5px 50px;
  }
   h6 {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 10px 0;
      letter-spacing: 1px;      
      font-size: 22px;
	  line-height: 1.3;
	  font-weight:bold;
      color:#000;
  }
   h7 {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 5px 0 1px 0;
      letter-spacing: 1px;      
      font-size: 18px;
	  line-height: 1.1;
	  font-weight:500;
      color:#0098ec;
	  
  }
 h7 a:hover {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 5px 0 1px 0;
      letter-spacing: 1px;      
      font-size: 18px;
	  line-height: 1.1;
	  font-weight:500;
      color:#333;
	  
  }
   h8 {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 5px 0 1px 0;
      letter-spacing: 1px;      
      font-size: 18px;
	  line-height: 1.1;
	  font-weight:500;
      color:#666;
	  
  }
   .goodreads-subtitle {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 5px 0 1px 0;
      letter-spacing: 1px;      
      font-size: 16px;
	  line-height: 1.1;
	  font-weight:normal;
      color:#333;
	  text-align:left;
  }
   .smalltitles {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 10px 0;
      letter-spacing: 2px;
	  line-height: 1.3;      
      font-size: 24px;
	  font-weight:bold;
      color:#0098ec;
  }
   .descriptions {
	  font: 100 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 10px 0;
     
	  line-height: 1.3;      
      font-size: 12px;
	  font-weight:normal;
      color:#555555;
  }
  .pagesubnav {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 10px 0;
      letter-spacing: 2px;
	  line-height: 1.3;      
      font-size: 16px;
	  font-weight:400;
      color:#222;
  }
  .pagesubnav a:visited {
  text-decoration: none;
  color:#000;
}
.pagesubnav a:hover {
  text-decoration: none;
}
  .pagesubnav-pink {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 10px 0;
      letter-spacing: 2px;
	  line-height: 1.3;      
      font-size: 16px;
	  font-weight:400;
      color:#cc4683;
	  background-color:#fbe4ee;
  }
 
  a.pagesubnav-pink:link {
  text-decoration: none;
  color:#CC4885;
}
  a.pagesubnav-pink:visited {
  text-decoration: none;
  color:#CC4885;
}
 a.pagesubnav-pink:hover {
  text-decoration: none;
  color:#fc76b2;
}
 a.pagesubnav-pink:active {
  text-decoration: none;
  color:#CC4885;
}


.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
   .producttitle {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 0px 0;
      letter-spacing: 2px;
	  line-height: 1.3;      
      font-size: 20px;
	  font-weight:bold;
	  text-align:left;
      color:#7a9974;
  }
.buttonwhitetxt {
	  font: 400 15px/1.8 "Helvetica Neue", sans-serif;
      margin: 10px 0 0px 0;
      letter-spacing: 2px;
	  line-height: 1.3;      
      font-size: 20px;
	  font-weight:bold;
	  text-align:left;
      color:#FFF;
  }
 a.buttonwhitetxt:link {
  text-decoration: none;
  color:#FFFFFF;
}
 a.buttonwhitetxt:visited {
  text-decoration: none;
  color:#FFFFFF;
}
 a.buttonwhitetxt:hover {
  text-decoration: none;
  color:#FFFFFF;
}
 a.buttonwhitetxt:active {
  text-decoration: none;
  color:#FFFFFF;
}

    .productdescription {
	color: #666;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 15px;
	line-height: 1.3;
	font-weight: 400;
	text-align:left;
	margin-top:10px;
  }	
  .availablenow {
	color: #7a9974;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 15px;
	line-height: 1.3;
	font-weight: 500;
	text-align:left;
  }	
  .productingredients {
	color: #666;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
	text-align:left;
	margin-top:10px;
  }	
  ul.a {
  list-style-type: circle;
  text-align:left;
  margin-left:15px;
}
  .person {
      border: 3px solid transparent;
      margin-bottom: 10px;
      width: 100%;
      height: 100%;
      opacity: 100;
	  color:#7a9974;
  }
  .person:hover {
      border-color: #F89A1C;
	  overlay:#F89A1C;
	  opacity: 70%;
 
}
 .imageborder {
      border: 3px solid transparent;
      margin-bottom: 10px;
      width: 100%;
      height: 100%;
      opacity: 100%;
	  color:#F89A1C;
  }
  .imageborder:hover {
      border-color: #F89A1C;
	  overlay:#F89A1C;
	  opacity: 50%;
	  color: #F89A1C;
 
}
.imagenoborder {
      margin-bottom: 10px;
      width: 100%;
      height: 100%;
      opacity: 100%;
	  color:#7a9974;
  }
  .imagenoborder:hover {
      border-color: #7a9974;
	  overlay:#7a9974;
	  opacity: 70%;
 
}
.imagebasic {
      margin-bottom: 10px;
      width: 100%;
      height: 100%;
      opacity: 100;
	 
  }
  
  .parallax-home {
  /* The image used */
  background-image: url("../images/home/home_story.jpg");

  /* Set a specific height */
  min-height: 400px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom:15px;
}
 @media only screen and (max-width: 768px) {
 .parallax-home {
    /* The image used */
    background-image: url("../images/home/home_story.jpg");

    /* Set a specific height */
    min-height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:10px;
}
  }
  
.parallax-story {
  /* The image used */
  background-image: url("../images/story/hempfield.jpg");

  /* Set a specific height */
  min-height: 400px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom:15px;
}
 @media only screen and (max-width: 768px) {
 .parallax-story {
    /* The image used */
    background-image: url("../images/story/hempfield.jpg");

    /* Set a specific height */
    min-height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom:10px;
}
  }

  .finishes {
      border: 10px solid transparent;
      margin-bottom: 10px;
      width: 100%;
      height: 100%;
      opacity: 100;
	  color:#096;
  }
  .carousel-inner img {
      /*-webkit-filter: grayscale(100%);
      /*filter: grayscale(90%); /* make all photos black and white */
	
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
   .product-carousel-inner img {
      /*-webkit-filter: grayscale(100%);
      /*filter: grayscale(90%); /* make all photos black and white */
	
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
   .carousel-inner2 img {
      /*-webkit-filter: grayscale(100%);
      /*filter: grayscale(90%); /* make all photos black and white */
	
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
  }
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
  
    @media (max-width: 900px) {
  .navbar-collapse {
      float: none; !important;
  }
  }
  
  .selected img {
	opacity:0.5;
}
  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .btn {
	padding: 10px 20px;
	background-color: #F89A1C;
	color: #ffffff;
	font-size: 20px;
	border-radius: 0;
      transition: .2s;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #7a9974;
      background-color: #ffffff;
      color: #222;
	   transition: .2s;
  }
  
  .btn:visited {
      border: 1px solid #7a9974;
      background-color: #294733;
      color: #fff;
  }
  .btn-product {
	padding: 10px 20px;
	background-color: #F89A1C;
	color: #ffffff;
	text-decoration:none;
	text-align:left !important;
	margin-top: 20px;
	font-size: 14px;
	border-radius: 0;
      transition: .2s;
  }
  .btn-product:hover, .btn-product:focus {
      border: 1px solid #FFF;
      background-color: #222;
      color: #FFF;
	  text-decoration:none;
	   transition: .2s;
  }
   .btn-product:visited {
      border: 1px solid #fff;
      background-color: #F89A1C;
      color: #fff;
  }
  
  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-header, .modal-body {
      padding: 40px 50px;
  }
  .nav-tabs li a {
      color: #111;
  }
  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }
  .navbar {
      font-family: Helvetica Neue, sans-serif;
	  font-weight:bold;
      margin-bottom: 0;
	  margin-left: 0;
      background-color: #0098ec;
      border: 0;
      font-size: 16px !important;
      letter-spacing: 2px;
	  line-height:16px;
	     
  }
  
   @media (max-width: 1200px) {
  .navbar {
      margin-left: -20px; !important;
	 
  }
  }

  .navbar li a, .navbar .navbar-brand { 
      color: #FFF !important;
	 
  }
  .navbar-nav li a:hover {
      color: #000!important;
  }
  .navbar-nav li.active a {
      color: #d5d5d5 !important;
      background-color: #FFF !important;
  }
  .navbar-default .navbar-toggle {
      border-color: #fff;
	  background-color: #ffffff;
	  margin-top:20px;
	  margin-right:30px;
	
  }
  
  .open .dropdown-toggle {
      color: #000;
      background-color: #fff !important;
  }

  .dropdown-menu li a {
	  font-family: Helvetica Neue, sans-serif;
	  font-size: 12px !important;
      letter-spacing: 4px;
      opacity: 100;
      color: #000 !important;
	  background-color: #fff !important;
  }
  .dropdown-menu li a:hover {
      background-color: #fff !important;
  }
  
  /* nav bar breakpoint */
@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
  
/* nav bar breakpoint */
  
  .button {
  background-color: #0098ec;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}
  .button a {
  background-color: #0098ec;
}
  .footercategory {
	  font-family: Helvetica Neue, sans-serif;
	  font-size:16px;
	  letter-spacing: 2px;
	  text-align:left;
      color: #0098ec;
      padding: 0px;
	  margin-left:80px;
	  margin-right:80px;
	  margin-top:20px;
	  margin-bottom:5px;
  }
  .footer {
	  font-family: Helvetica Neue, sans-serif;
	  font-size:12px;
	  text-align:left;
	  line-height: 1.5;
      color: #FFF;
	  margin-left:80px;
	  margin-right:80px;
      padding: 0px;
  }
  .footer a {
      color: #fff;
  }
  .footer a:hover {
      color: #F89A1C;
      text-decoration: none;
  } 

.footer a:visited {
      color: #FFF;
      text-decoration: none;
  } 
  .footercopyright {
	  font-family: Helvetica Neue, sans-serif;
	  font-size:12px;
	  text-align:center;
      color: #FFF;
      padding: 0px;
	  margin-top:50px;
	  margin-bottom:20px;
  }
   .footercopyright a {
      color: #FFF;
  }
   .socialicons {
      padding: 5px 5px;
  } 
   .socialicons:hover {
	  border-color: #f1f1f1;
  } 
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }
/* Dashed border */
hr.dashed {
  border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
  border-top: 3px dotted #bbb;
}

/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

/* Rounded border */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:200;
  left: 0;
  width: 100%;
  height: 100%;
}