@charset "utf-8";
/* CSS Document */
html, body, form, fieldset, table, a, p, img{
font-family: Verdana, Geneva, sans-serif!important;
}
body {
padding: 20px 7%;  /* height of footer */
font-family: Verdana, Geneva, sans-serif;
background-color: #FFF!important;
}
.wrapper {
width: 100%; 
margin-left: auto;
margin-right: auto; 
position: relative;
min-height: 100%;
background: #fff; 
background: -moz-linear-gradient(top, #fff 0%, #fff 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
}
li a img{
width: 100vw:
height: auto;
height: auto!important;
}
.bxss{
max-width: 100vw!important:
height: auto!important;
}
.bxslider li{
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
width: 100%!important:
height: auto!important;
}	
/*mjn 4-1-2016 this css allows the image to expand to fit the container*/
.bx-wrapper, .bx-viewport img {
height:auto !important; 
width: 100vw!important;
}
/*  jch  10-20-17 added to allow the image to expand to fit the container for the carousel*/
.img-responsive {
	width: 100%!important;
	height: auto!important; 
}
/*  added this section for the social wall  4/21/15  jch  */
#map{height: 500px;}
a#juicea{
color:white;
}
/*  down to here  */
.sectionheader{
width: 100%;
height: auto;	
}
/*++++++++++++++++++++++++++++++++*/
* Flex for Banner */	
.flexbox-banner-cont{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.flexbox-banner-cell{
flex-grow: 1;
flex-shrink:1;
flex-basis: 100%;
}
/* End of flex for banner */
div.sectionbanner{
text-align: center;
color: #FFF;
padding: 4px;
width: 100%;
height: auto;
overflow: none;
background-color: #ff3399;
background: #ff3399;
background: -moz-linear-gradient(left,  #ff3399 0%, #ff3399 100%);
background: -webkit-linear-gradient(left,  #ff3399 0%, #ff3399 100%);
background: -o-linear-gradient(left,  #ff3399 0%, #ff3399 100%);
background: -ms-linear-gradient(left,  #ff3399 0%, #ff3399 100%);
background: linear-gradient(left,  #ff3399 0%, ##ff3399 100%);
font-size: 28px;
font-weight: normal;
}
/*++++++++++++++++++++++++++++++++*/
p.subbanner{
text-align: center;
color: #000;
padding: 1px 10px 1px 10px;
width: 100%;
height: auto;
overflow: none;
background-color: #FFFFFF;
font-size: 20px;
/*font-style: italic;*/
font-weight: normal;
}
.h128  {
font-size: 28px!important;
margin: 2px 2px 2px 2px;
}		
h2  {
font-size: 28px!important;
}	
.h228  {
font-size: 28px!important;
margin: 2px 2px 2px 2px;
}	
.h220  {
font-size: 20px!important;
margin-top: 5px;
}	
.regmark{
vertical-align: super;
text-decoration: none;
color: #FFF;
font-size: 10px;
}
.regmarkb{
vertical-align: super;
text-decoration: none;
color: #000;
font-size: 10px;
}		
.linkme{
cursor:pointer;
text-decoration:none;
color:#000;
}	
/***********************************************************************************/	
/* css for bxSlider slideshow                                                      */
/***********************************************************************************/	
/* used with jquery to preload images */
.bxSlider-wrap { visibility: hidden; }
/*keeps images centered*/
.bx-viewport ul {
margin: 0;
padding: 0;
}
/* end of css for slideshow*/
div.floattitle{
color: black;
font-size: 15px;
padding: 6px;
height: 160px;
max-width: 100%;
width: 100%;
overflow-x: auto;
background: #FFF;
background: -moz-linear-gradient(top, #FFF 0%, #FF91C8 80%, #ff3399 100% );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(80%,#FF91C8), color-stop(100%,#ff3399));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#ff3399',GradientType=0 );
}	
div.featdesc{
color: black;
font-size: 15px;
padding: 6px;
height: 80px;
max-width: 100%;
width: 100%;
overflow-x: auto;
background: #FFF;
background: -moz-linear-gradient(top, #FFF 0%, #FF91C8 80%, #ff3399 100% );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(80%,#FF91C8), color-stop(100%,#ff3399));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#ff3399',GradientType=0 );
}
.allfeatbtn {
background: #E7417A;
background: -moz-linear-gradient(top, #FFF 0%, #FF91C8 80%, #ff3399 100% );
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(80%,#FF91C8), color-stop(100%,#ff3399));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#ff3399',GradientType=0 );
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 16px;
padding: 5px 10px 5px 10px;
text-decoration: none;
width: 300px;
text-align:center;
margin: 0 auto;
}	
.allfeatbtn a{
color: #333333;
}
#brandheader{
position: relative;
top:25px;
background-color:white;
width:1200px;
height: 52px;
max-width: 100%;
}
/* forces hyperlink on brand image to be the full length and width of the hover*/
.brandlink{
display:block;
height: 180px;
min-width: 250px;
text-decoration:none;
color:#FFF;
}
a.brandlink{
text-decoration:none!important;
color:#FFF!important;
}
a.featlink{
text-decoration: none!important;
color: #000;
text-align:left;
}		
/* ********** FLEXBOX FOR FEATURED PRODUCTS **************/
div.flex-cont {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
div.flexbox-it {
order: 0;
/*flex: 0 1 300px;*//* can grow, can shrink, flex basis*/
flex: 0 1 200px;/* can grow, can shrink, flex basis*/
flex-grow: 1;
flex-shrink: 1;
flex-basis: 33%;
align-self: flex-start;
padding: 5px;
/*min-width: 300px;*/
min-width: 200px!important;
text-align:center;
margin: 0 auto;
}
/*Buy Now Button*/
.buttonfooter{
padding: 0px 50px 42px 50px;
line-height: 14px;	
}
.buynowbtn {
background: #E7417A;
background-image: -webkit-linear-gradient(top, #E7417A, #E7417A);
background-image: -moz-linear-gradient(top, #E7417A, #E7417A);
background-image: -ms-linear-gradient(top, #E7417A, #E7417A);
background-image: -o-linear-gradient(top, #E7417A, #E7417A);
background-image: linear-gradient(to bottom, #E7417A, #E7417A);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 16px;
padding: 5px 10px 5px 10px;
text-decoration: none;
float:right;
}
.buynowbtn:hover {
background: #F5A0C5;
background-image: -webkit-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: -moz-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: -ms-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: -o-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: linear-gradient(to bottom, #F5A0C5, #F5A0C5);
text-decoration: none;
color: #000;  
}
/*More Info Button*/
.moreinfobtn {
background: #E7417A;
background-image: -webkit-linear-gradient(top, #E7417A, #E7417A);
background-image: -moz-linear-gradient(top, #E7417A, #E7417A);
background-image: -ms-linear-gradient(top, #E7417A, #E7417A);
background-image: -o-linear-gradient(top, #E7417A, #E7417A);
background-image: linear-gradient(to bottom, #E7417A, #E7417A);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 16px;
padding: 5px 10px 5px 10px;
text-decoration: none;
float:left;
}
.moreinfobtn:hover {
background: #F5A0C5;
background-image: -webkit-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: -moz-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: -ms-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: -o-linear-gradient(top, #F5A0C5, #F5A0C5);
background-image: linear-gradient(to bottom, #F5A0C5, #F5A0C5);
text-decoration: none;
color: #000; 
}
/* ********** FLEXBOX FOR PINK LIKE NEVER BEFORE 3 IMAGES,  1 OVER 2 **************/	
.flex-cont-nb {
	/*for ie 10-*/
display: -ms-flexbox;/*mjn*/
-ms-flex-wrap: wrap;/*mjn*/
-ms-flex-direction: row;
-ms-flex-pack: justify;/*mjn*/
-ms-flex-line-pack: justify;/*mjn*/
-ms-flex-align: start;/*mjn*/

display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: space-between;
-webkit-align-content: flex-start;
/*-ms-flex-line-pack: start;*/
align-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 10px;
}
/* Change from 50% to 33% 09-10-19  KA  */
.flexbox-it-nb {
order: 0;
-ms-flex-order: 0;/*mjn*/
-ms-flex-positive: 0; -ms-flex-negative: 1; -ms-flex-preferred-size: 33%;
flex: 1 1 33%;
/*flex-grow: 1;
flex-shrink: 1;
flex-basis: 50%;*/
align-self: flex-start;
-ms-flex-align: start;/*mjn*/
padding: 5px;
/*min-width: 300px;*/
min-width: 200px;
}
/* ********** FLEXBOX FOR NEWSLETTER **************/	
.flex-cont-news {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.flexbox-news {
order: 0;
/*flex: 0 1 300px;*//* can grow, can shrink, flex basis*/
flex: 0 1 200px;/* can grow, can shrink, flex basis*/
flex-grow: 1;
flex-shrink: 1;
flex-basis: 33%;
align-self: flex-start;
padding: 5px;
min-width: 200px;
margin: 0 auto;
text-align:center;
}	
/* ********** FLEXBOX FOR Latest Blogs **************/	
.flex-cont-latest-blog {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.flexbox-latest-blog {
order: 0;
/*flex: 0 1 300px;*//* can grow, can shrink, flex basis*/
flex: 0 1 200px;/* can grow, can shrink, flex basis*/
flex-grow: 1;
flex-shrink: 1;
flex-basis: 33%;
align-self: flex-start;
padding: 5px;
min-width: 200px;
margin: 0 auto;
text-align:center;
}	
/* ******************************************* */	
#fpbox{
background-color:#FFF;
margin: 10px;
}	
img.fpprod{
margin: 0 auto;
min-width: 0px;
color: #FFF!important;
}		
#col1SOCIAL{
float:left;
border: 1px solid silver;
height: 900px;
overflow-x:auto;
flex:1;
}
div#socialheader{
clear: both;
position:relative;
top:55px;
background-color:white;
height: 60px;
z-index:1;
max-width: 100%;
}	
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;
z-index:999;
}
.back-to-top:hover {    
background-color: rgba(135, 135, 135, 0.50);
}	

/*======================================================*/
/* Carousel Indicatiors added by mark 8-10-18        	*/
/*======================================================*/	
/* locatiion of circles */
ul.carousel-indicators {
	
bottom:0px!important;
	

	margin-bottom:0px!important;
}
/* Color of all circles */
ul.carousel-indicators li{
 border:1px solid black;   
}
/* Color of active circle */
ul.carousel-indicators li.active {
background-color: rgb(255, 51, 153)!important;
border:2px solid purple;   
}
/* Color of Left and Right Arrows */
.carousel-control {
  color: white!important;
}
/*======================================================*/
/* Media Queries - shrink text as the screen shrinks	*/
/*======================================================*/	
@media (max-width: 1000px) {
div.sectionbanner {
font-size: 25px; 
}
p.subbanner {
font-size: 16px; 
}
#bstate{
font-size: 24px; 
}
body {
padding: 10px 4%;  /* height of footer */
}
.h128  {
font-size: 18px!important;
}		
h2  {
font-size: 18px!important;
}	
.h228  {
font-size: 18px!important;
}	
.h220  {
font-size: 10px!important;
}
}
@media (max-width: 800px) {
div.sectionbanner{
font-size: 16px; 
}
p.subbanner {
font-size: 14px; 
}
#bstate{
font-size: 15px; 
}
body {
padding: 5px 1%;  /* height of footer */
} 
/*Buy Now Button*/
.buttonfooter{
padding: 0px 20px 32px 20px;
}
.h128  {
font-size: 17px!important;
}		
h2  {
font-size: 17px!important;
}	
.h228  {
font-size: 17px!important;
}	
.h220  {
font-size: 10px!important;
}
}
/**************************************/	
/* End of media queries               */
/**************************************/	
/****************************************************************/	
.blogdt{
color: #E7417A;
}