body {
  background-color: #FFFFFF !important;
}
.hm-bg {
  background-color: #0c7d71;
  background-image: url("https://files.sourcecode.com/files/17451/home-sm-copy-1.png"); 	
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 812px;
 
  position: relative; /*temp hack*/
  top: -32px; /*temp hack*/
  
}
.p-hm {
  font-weight: 400 !important;
  font-size: 20px !important;
  letter-spacing: 0px !important;
  line-height: 31.6px !important;
  color: #4D4D4D !important;
}
.p-hm-main-banner {
  font-weight: 400 !important;
  font-size: 24px !important;
  letter-spacing: 1px !important;
  line-height: 43.44px !important;
  color: #ffffff !important;
}
.p-hm-whats-new {
  font-weight: 400 !important;
  font-size: 16px !important;
  letter-spacing: 0px !important;
  line-height: 23.92px !important;
  color: #4D4D4D !important;
}
p {
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  line-height: 23.66px !important;
  color: #4D4D4D !important;
}
.div-bg-hover {
  background: #fff;
}
.div-bg-hover:hover {
  background-image: linear-gradient(to right, rgba(44, 186, 223, 0.2), rgba(81, 89, 166, 0));
}
.img-fluid {
  max-width: 100%;
  height: auto
}
.arrow-container {
  position: relative;
  /*width: 100%;*/
}
.arrow-img {
  width: 60px;
  height: 60px;
  background-image: url("https://files.sourcecode.com/files/17443/featured-products-arrow-green-hover.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.middle {
  transition: .0s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.middle-2 {
  position: absolute;
  top: 50%;
  left: 88%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-image: url("https://files.sourcecode.com/files/17442/featured-products-arrow-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.arrow-container:hover .middle {
  opacity: 1;
}
hr.style1 {
  border-top: 1.5px solid #000000;
  padding-bottom: 40px;
}
.btn-g-pill {
  background: #73C41D;
  background-image: -webkit-linear-gradient(top, #73C41D, #1C8526);
  background-image: -moz-linear-gradient(top, #73C41D, #1C8526);
  background-image: -ms-linear-gradient(top, #73C41D, #1C8526);
  background-image: -o-linear-gradient(top, #73C41D, #1C8526);
  background-image: linear-gradient(to right, #73C41D, #1C8526);
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 17px 41px 17px 41px;
  max-width: 100% !important;
  text-decoration: none;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
  letter-spacing: 1px;
  text-align: center !important;

 
}
.btn-g-pill:hover {
  background: #73C41D;
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 1px
}
.btn-w-pill {
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 17px 41px 17px 41px;
  max-width: 300px !important;
  border: solid #FFFFFF 3px;
  text-decoration: none;
   text-align: center !important;
}
.btn-w-pill:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #1C8526;
}
/*custom padding starts at 6 the bs defaults are 1-5*/
.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem ;
}
.px-6 {
  padding-right: 8rem;
  padding-left: 8rem;
}
.px-7 {
  padding-right: 6rem !important;
  padding-left: 4rem !important;
}
.py-8 {
  padding-top: 17rem !important;
}
.py-9 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.px-9 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}


.featured-products-img {
  border: 6px solid;
  border-color: #EAEAEA;
}
.featured-products-img:hover {
  border: 6px solid;
  border-color: #FFFFFF;
}


#page-container h1 {
  font-weight: 600 !important;
  font-size: 40px !important;
  letter-spacing: 3px !important;
  line-height: 62.4px !important;
  color: #FFFFFF !important;
}
#page-container h2 {
  font-weight: 400 !important;
  font-size: 32px !important;
  letter-spacing: 1px !important;
  line-height: 50.56px !important;
  color: #4D4D4D !important;
}
#page-container h3 {
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: 1px !important;
  line-height: 41.6px !important;
  color: #1C8526 !important;
}
#page-container h4 {
  font-weight: 600 !important;
  font-size: 24px !important;
  letter-spacing: 1px !important;
  line-height: 37.44px !important;
  color: #4D4D4D !important;
  margin-bottom: 5px !important;
}
#page-container h5 {
  font-weight: 600 !important;
  font-size: 19px !important;
  letter-spacing: 1px !important;
  line-height: 23.92px !important;
  color: #2D2D2D !important;
}
#page-container h6 {
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: 1px !important;
  line-height: 23.92px !important;
  color: #2D2D2D !important;
  margin-bottom: 20px !important;
}

.featured-products-links {text-decoration:none !important;}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 760.98px) { 

 .container {width: 85% !important; }
  
.hm-bg {
  
 
    min-height: 600px !important;
 
}

.py-6 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.px-6 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.px-7 {
  padding-right: 3rem !important;
  padding-left: 1rem !important;
}
  
 .py-8 {
  padding-top: 4rem !important;
} 
  
 .py-9 {
  padding-top: 2rem !important;
  padding-bottom: 1rem !important;
}
.px-9 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
} 
  
.arrow-img {
  width: 0px;
  height: 0px;
  visibility: hidden !important;
}
  
  .middle-2 {

  width: 0px;
  height: 0px;
  visibility: hidden !important;
}
  
  .m-justify { text-align:center !important;}
  
}