@charset "utf-8";
/* CSS Document */




div.category-product-container .grid-item.product-item .details .name {
    font-size: 14px !important;
}

.shk-banner-heading .shk-banner-sub-component-heading {
	font: bold 36px; line-height: 42px;
}
.shk-banner-sub-component-content .shk-banner-sub-heading {
	font-size: 18px; line-height: 30px;
}

.productDetailsPageSectionUpSelling .carousel-component .headline {
    line-height: 42px;
	}

/**** Helper Classes ****/
.top10 {
	margin-top: 10px;
}
.top20 {
	margin-top: 20px;
}
.top40 {
	margin-top: 40px;
}
.top-100 {
	margin-top: -100px;
}
.top-85 {
	margin-top: -85px;
}
.top-75 {
	margin-top: -75px;
}
.top-175 {
	margin-top: -175px;
}
.bottom10 {
	margin-bottom: 10px;
}
.bottom20 {
	margin-bottom: 20px;
}
.bottom40 {
	margin-bottom: 40px;
}
.bottom-50 {
	margin-bottom: -50px;
}

.top-banner .shk-banner-sub-component {
   margin-bottom: -70px;
}

.business-tools a:hover {
	color:#fff;
	text-decoration: underline;
}
/**** Contact Page Tweaks ****/
.container.contact-us {
    max-width: 1200px;
    padding-bottom: 60px;
    padding-top: 30px;
}
.contact-us a.accordion-toggle:after {
    content: "-";
    float: right;
    height: 1.2em;
    width: 1.2em;
    text-align: center;
    line-height: 1.1em;
    border-radius: 50%;
    background-color: #5D9732;
    color: #fff;
}
.contact-us a.accordion-toggle.collapsed:after {
    content: "+";
    line-height: 1.2em;
}
.contact-us .panel-heading {
    padding: 15px;
}
.contact-us h4.panel-title {
    font-weight: 700;
    text-transform: uppercase;
}
.contact-us h4.panel-title a.accordion-toggle {
    text-decoration: none;
    display: block;
    padding: 18px 15px 18px 15px;
    transition: all .25s ease;
}
.contact-us h4.panel-title a.accordion-toggle:hover {
    background-color: #f5f5f5;
    transition: all .25s ease;
}
.contact-us .panel.panel-default, .contact-us .panel-default>.panel-heading {
    background: none;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
}
.contact-us .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
.contact-us .panel-body .col-lg-6:first-of-type {
    margin-bottom: 20px;
}
.contact-us .table>tbody>tr>th, .contact-us .table>tbody>tr>td {
    border-color: #efefef;
    background-color: transparent;
}
.contact-us table.table>tbody {
    border-bottom: 1px solid #efefef;
}
.contact-us.container a.btn {
    background-image: none;
    border-radius: 2px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'open sans';
    text-shadow: none;
    padding: 1em 3em;
    background-color: #5D9732;
}
.contact-us.container i.fa {
    margin-right: .5em;
}
.container.contact-us > hr, .container.contact-us > footer {
    display: none;
}
.shk-banner-button-container.row > .shk-button.col-md-3 {
    width: auto;
}

.btn-orange {
    background-color: #f58a00; 
    color: #fff; 
	width: auto;
}

.btn-orange:hover {
    background-color: #d07705;
    color: #fff;
}

.btn-grey {
    background-color: #aaa; 
    color: #fff; 
	width: auto;
}

.btn-grey:hover {
    background-color: #999;
    color: #fff;
}

.btn-dark-grey {
    background-color: #697277; 
    color: #fff; 
	width: auto;
}

.btn-dark-grey:hover {
    background-color: #aaa;
    color: #fff;
}
.btn-transparent-green {
    background-color: transparent;
    color: #006835; 
	width: auto;
	border-color: transparent;
	font-size: 36px;
	font-weight: bold;
}
	.btn-transparent-green:hover {
    background-color: transparent;
    color: #006835; 
}

.btn-transparent-green:visited {
    background-color: transparent;
    color: #006835; 
}
.hero-space {
	margin: 0px 20px;
}
#content-page {
			padding:5px 20px;
			font-size: 18px;
			line-height: 30px;
		}
.promo-header {
			font-size: 32px; 
			line-height:40px;
			font-weight: bold;
		}
.promo-offers {
			font-size: 24px; 
			line-height:30px;
			font-weight: bold;
		}
.content-header {
	font-size:36px;
	line-height: 42px;
	font-weight: bold;
		}
.orange-180 {
	color:#faa41a;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	margin-top:15px;
}
.offer-img {
	width:75%;
}
.text-center[style*="background-image"][style*="no-repeat"] {
    background-position: center;
}
.shk-banner-middle-align .shk-banner-sub-component-content {
    margin: 0 auto;
}
.get-clean-green {
	color: #006835;font-weight: bold;
}
.green-text {
	color:#5D9741;
	font-weight: bold;	
}
.copy-subheader {
	font-size:24px;
	line-height: 30px;
	font-weight: bold;
}

.hp-join-us {
	background-image:url('https://images.shaklee.com/web/Join-us-tile.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	width: 350px;
	height: 337px;
	padding-top:20px;
	margin: 10px;
}
.hp-naturally-blog {
	background-image:url('https://images.shaklee.com/web/Live-naturally-tile.jpg');
	background-repeat:no-repeat;
	width: 350px;
	height: 337px;
	padding-top:20px;
	margin: 10px;
}
.hp-healthprint {
	background-image:url('https://images.shaklee.com/web/Healthprint-tile.jpg');
	background-repeat:no-repeat;
	width: 350px;
	height: 337px;
	padding-top:20px;
	margin: 10px;
}

.hp-heathprint-copy-shaklee {
	font-family:Verlag-Book;
	font-size: 25px;
	color: #5D9741;
}
.hp-heathprint-copy-hp {
	font-family:Verlag-Book;
	font-size: 25px;
	color: #5D9741;
}
[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}

/**** Rogue ****/
.page-homepage .breadcrumb-section {
    display: none;
}
.site-search .ui-menu, .quick-shop .ui-menu {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
div#pdp-accordion {
    margin-bottom: 60px;
}

#homepage_slider.rotating-image-componet .owl-controls .owl-buttons .owl-prev,
#homepage_slider.rotating-image-componet .owl-controls .owl-buttons .owl-next {
    margin: 0 5px;
}

.member-component-banner {
    min-height: 300px;
}
.member-benefits-banner {
	min-height: 500px;
}
.join-member-box {
    background: url(https://images.shaklee.com/web/cart_banner.jpg) no-repeat scroll top left #ffffff;
    margin-bottom: 10px;
    padding: 20px;
	}

html[lang="en_CA"] .join-member-box {
    background-image: url(https://images.shaklee.com/canada/web/bg-shopping-cart-banner.jpg);
}

.join-member-content {
	margin:75px 0px 0px 140px;
	
}

.join-member-box .join-title {
	font-size:24px;
	line-height: 30px;	
	color:#1e1e1e;
	font-weight: bold;
}

.join-member-box .join-description {
	font-size:18px;
	line-height: 30px;
	color:#1e1e1e;
	font-weight: normal;
}

.cartpotproline .promotion .join-member-sub-promo-box.proveit {
    background-color: #fff;
    border: 1px solid #666;
    color: #666;
    font-weight: 600;
}
.cartpotproline .promotion .join-member-sub-promo-box.proveit:before {
    content: "\f0a4";
    display: block;
    float: left;
    font-family: fontawesome;
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 10px;
    margin-right: 15px;
    position: relative;
    top: 10px;
}

.cartpotproline .promotion .join-member-sub-promo-box.picauto {
    background-color: #fff;
    border: 1px solid #5D9732;
    color: #666;
}

.member-benefits-header > .shk-banner-background-responsive {
    height: 500px;
}
.member-benefits-header > .shk-banner-background-responsive > .shk-banner-content {
    padding-top: 180px;
}
.turnaround-runner {
	margin-left:-190px;
	margin-top:-75px;
	position: relative;
	z-index: 1;
	
}
.turnaround-text {
	position: relative;
	z-index: 2;
}


/**** RESPONSIVE MEDIA QUERIES ****/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

/****************************************************************************/
@media (min-width: 1200px) {

/**** PDP page ****/
.page-productDetails #product-image-panel .js-gallery-image .owl-item {
    width: 600px !important;
}
.shop-home-180>div, .shop-home-sports>div {
    background-position: center top !important;
}		

}

/***************************************************************************/
@media(min-width:1024px) {
	
.left-100 {
		margin-left:-100px !important;
}
.leucine-right	{
		margin-left:10px;margin-top: 10px !important;
	}
.turnaround-runner 	{
	margin-left:-200px;
	margin-top:-90px;	
	position: relative;	
	z-index: 1;
		}
.quote-box {
	margin-left:-33px !important;
			}	
.quote-success {
		margin-left: 3px !important;
	}
	.quote-success-mark
	{
		margin-left: 10px !important;
	}
.flip-flop .shk-banner-content>div {
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    flex-direction: row-reverse;
}
.flip-flop .shk-banner-content>div>.owl-banner:first-child {
}
.flip-flop .shk-banner-content>div>.owl-banner:last-child {
}
 
.earn-points .copy-box,
.birthday-gift .copy-box,
.save-15 .copy-box,
.benefits-loyalty .copy-box
{
    margin-left: 130px;
    margin-right: -100px;
}
.earn-points .copy-box + .owl-banner,
.birthday-gift .copy-box + .owl-banner,
.save-15 .copy-box + .owl-banner,
.benefits-loyalty .copy-box + .owl-banner
{
    position: relative;
    left: 50px;
}
.benefits-loyalty .copy-box + .owl-banner {
    margin-bottom: -71px;
}
.birthday-gift .copy-box + .owl-banner {
    margin-bottom: 30px;
}  
}

/***************************************************************************/
@media(max-width:992px) {

}

/****************************************************************************/
@media (max-width: 768px) { 

} 


@media (max-width: 639px) {
footer .footer__top .footer__nav--container .footer__nav--links .footer__link a {
    font-size: 14px;
}
	}

/****************************************************************************/

@media(max-width:576px) {
	
.confirm-mobile {
   display: none !important;
}
.success-quote-mobile {
		margin-top:-60px !important;
	}
.success-quote-mobile-2	{
		margin-top:-20px !important;
	}
.join-member-box {
    background-position: -20px 0;
    padding-right: 0;
}
.join-member-content {
    margin-left: 100px;
}
img.img-responsive.guarantee {
    margin-top: 100px;
}
.member-benefits-header > .shk-banner-background-responsive {
    height: unset;
}
.member-benefits-header > .shk-banner-background-responsive > .shk-banner-content {
    padding-top: 70px;
}
}
/****************************************************************************/
@media (min-width: 1900px) {

.shop-home-180>div, .shop-home-sports>div {
    background-size: contain !important;
}	
.shop-home-180 {
    background: url("https://images.shaklee.com/ShopHomeHealthyWeight.png") left center no-repeat;
    background-size: 100% 100%;
}	
.shop-home-sports {
    background: url("https://images.shaklee.com/ShopHome-Sports.png") center center no-repeat;
    background-size: 100% 100%;
}
	
}
/****************************************************************************/
@media (min-width: 2300px) {


	
}
/****************************************************************************/

@media (min-width: 2700px) {


	
}
/****************************************************************************/


@media print {
    .product-badge-layout > img {
        max-width: 30px !important;
    }
}

/****************************************************************************/


