@font-face {
	font-family: 'Baskerville';
	src: url('../../media/fonts/Baskerville.ttf') format('truetype');
	font-weight:400;
}

html {
	font-family: 'Open Sans';
    font-size: 1em;
    line-height: 1.33em;
    color: #000000;
    background-color:#ffffff;
}

/* TYPOGRAPHY START */

h1{
	margin:0.84em 0;
	font-family: 'Baskerville', serif;
	font-size:2.375em;
	line-height:1.236em;
	letter-spacing:0.015em;
	font-weight:400;
	color:#001f5b;
}

h1.size32{
	margin:1.5em auto 0.5em auto;
	font-family: 'Baskerville', serif;
	font-size:2em;
	line-height:1.46875em;
	letter-spacing:0.015em;
	font-weight:400;
	color:#001f5b;
}

p{
	margin:1.5em 0;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	font-weight:400;
	line-height:1.4375em;
	letter-spacing:0.025em;
	color:#001f5b;
}

p a{
	text-decoration:none;
	color:#414042;
}

p.footnote{
	font-size:10px;
	font-style: italic;
}


@media only screen and (max-width: 63.75em){ /* 1020px */ 

	h1{
		font-size:2em;
	}

}

@media only screen and (max-width: 48em){ /* 768px */ 

	h1,
	h1.size32{
		font-size:1.75em;
	}

}

@media only screen and (max-width: 40em){ /* 640px */ 
	
	h1,
	h1.size32{
		font-size:1.35em;
	}

	p{
		font-size: 0.9375em;
	}

}

b,strong {font-weight: 700;}

ol,ul{
	font-family: 'Open Sans', sans-serif;
	margin:0 0 0 1.4em;
	padding:0;
}
ol > li, 
ul > li{
	margin:0 0 1em 0;
	font-size:1em;
}

ol:last-child > li:last-child, 
ul:last-child > li:last-child{
	margin:0 0 0 0;
}
ul.list-style-none{
	margin:0;
	list-style-type: none !important;
}
ul.list-style-none li,
ul.list-style-none li:last-child{
	margin-bottom:1.425em;
}

ol.small-list,
ul.small-list{
	margin:0 0 1em 1.1em;
	padding:0;
}
ol.small-list > li,
ul.small-list > li{
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8125em;
	line-height:1.77em;
}

/* TYPOGRAPHY END */

/* COLORS START */

p.text-color-purple,.text-color-purple{color:#563256;}
h1.text-color-pink,p.text-color-pink,.text-color-pink{color:#ac95c2;}
p.text-color-green,.text-color-green{color:#576154;}
p.text-color-grey,.text-color-grey{color:#576154;}
p.text-color-grey,.text-color-olive{color:#a7aca5;}
p.text-color-white,.text-color-white{color:#ffffff !important;}
p.text-color-yellow,.text-color-yellow{color:#fef200;}
h1.text-color-blue,p.text-color-blue,.text-color-blue{color:#001f5b;}

.bg-color-green{background-color:#d7dad6;}
.bg-color-pink{background-color:#ac95c2;}
.bg-color-purple{background-color:#46086e;}
.bg-tile-yellow{background:url('../../media/images/global/yellow-tile-bg.png') center center repeat;}

section.bg-color-purple h1,
section.bg-color-purple h1.size32{
	color:#ac95c2;
}
section.bg-color-purple p,
section.bg-color-purple li{
	color:#ffffff;
}
section.bg-color-pink p,
section.bg-color-pink li{
	color:#ffffff;
}

/* COLORS END */

/* BASIC LAYOUT START */

.display-flex{display:flex;height:100%;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}

.flex-justify-start{justify-content:flex-start;}
.flex-justify-end{justify-content:flex-end;}
.flex-justify-center{justify-content:center;}
.flex-justify-between{justify-content:space-between;}
.flex-justify-around{justify-content:space-around;}
.flex-justify-evenly{justify-content:space-evenly;}

.flex-align-items-start{align-items:flex-start;}
.flex-align-items-end{align-items:flex-end;}
.flex-align-items-center{align-items:center;}
.flex-align-items-stretch{align-items:stretch;}
.flex-align-items-baseline{align-items:baseline;}

.flex-align-content-start{align-content:flex-start;}
.flex-align-content-end{align-content:flex-end;}
.flex-align-content-stretch{align-content:stretch;}
.flex-align-content-center{align-content:center;}
.flex-align-content-between{align-content:space-between;}
.flex-align-content-around{align-content:space-around;}

.site-container{
    width:100%;
	max-width:1920px;
	margin:0 auto;
}

.max-width-1300{
	width:90%;
	max-width:1300px;
	margin:0 auto;
}
.max-width-1100{
	width:90%;
	max-width:1100px;
	margin:0 auto;
}
.max-width-1080{
	width:90%;
	max-width:1080px;
	margin:0 auto;
}
.max-width-1030{
	width:90%;
	max-width:1030px;
	margin:0 auto;
}
.max-width-890{
	width:90%;
	max-width:890px;
	margin:0 auto;
}
.max-width-850{
	width:90%;
	max-width:850px;
	margin:0 auto;
}
.max-width-600{
	width:90%;
	max-width:600px;
	margin:0 auto;
}

.full-width{width:100% !important;}

.pos-abs{position: absolute;}
.pos-rel{position: relative;}
.pos-static{position: static;}

.text-align-left{text-align: left !important;}
.text-align-center{text-align: center !important;}
.text-align-right{text-align: right !important;}
.vertical-align-top{vertical-align:top;}
.vertical-align-middle{vertical-align:middle;}
.vertical-align-bottom{vertical-align:bottom;}

.table{display:table;width:100%;}
.table .tr{display:table-row;}
.table .td{display:table-cell;}
.table.vertical-align-middle{height:100%;}
.table.vertical-align-middle .td{height:100%;vertical-align:middle;}

.hide-overflow{overflow:hidden;}

hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

.margin-top-none{margin-top:0 !important;}

/* BASIC LAYOUT START END */

/* PAGE GLOBAL ELEMENTS START */

/* Global Nav Bar */

.global-nav{
	padding:15px 0;
	background-color:#d7dad6;
}

.global-nav .store-locator-button{
	width:350px;
	float:left;
}

.global-nav .store-locator-button a{
	display:inline-block;
	box-sizing: border-box;
	width:164px;
	height:22px;
	padding-left:32px;
	background:url("../../media/images/global/store-locator-button-bg.png") center center no-repeat;
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#fff;
	text-decoration: none;
}

.global-nav .store-locator-button span{
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#576154;
}

.global-nav .links > a{
	display: inline-block;
	padding:0 8px;
	line-height:22px;
	vertical-align: middle;
	text-decoration: none;
}

.global-nav .links > a img{
	position: relative;
	top:-2px;
}

.global-nav .links{
	width:150px;
	float:right;
	text-align:right;
}

.global-nav .links div{
	display:inline-block;
}

.global-nav .links div a{
	display:inline-block;
	padding-left:7px;
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#576154;
	text-decoration: none;
}
.global-nav .links > div:before{
	display:inline;
	content:'|   ';
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#576154;
}

@media only screen and (max-width: 40em){ /* 640px */ 

	.global-nav{
		padding:10px 0;
	}

	.global-nav .store-locator-button{
		width: 140px;
	}
		
	.global-nav .store-locator-button a{		
		width: 132px;
		height: 22px;
		padding-left: 20px;
		background-size:100% 22px;
	}

	.global-nav .links{
		width: 140px;
	}

	.global-nav .store-locator-button span {
		display:none;
	}


}


@media only screen and (max-width: 30em){ /* 480px */ 

	.mobile-hide{
		display:none;
	}

}

/* Header and Logo */

.site-logo{
	position: relative;
    width:90%;
	max-width:1030px;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #ac95c2;
}

@media only screen and (max-width: 48em){ /* 768px */
	
	.site-logo > a > img{
		width:auto;
		height:80px;
	}

}

/* Navigation */

.nav-container{
    width:90%;
	max-width:1030px;
	margin:0 auto;
	position: relative;
}

.nav-container nav{
    width:100%;
	max-width:1920px;
	margin:0 auto 22px auto;
}

.nav-container nav > ul{
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
}

.nav-container nav > ul > li{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	font-family: 'Baskerville', serif;
	font-size:18px;
	line-height:1.2em;
}

.nav-container nav > ul > li > a{
	display:inline-block;
	margin:0;
	padding:10px 18px;
	font-family: 'Baskerville', serif;
	font-size:18px;
	line-height:1.2em;
	color:#8445ad;
	text-decoration: none;
}
.nav-container nav > ul > li a:hover,
.nav-container nav > ul > li.on a:hover{
	color:#ac95c2;
}

.nav-container nav > ul > li.has-dropdown > a:after{
	position: relative;
	top:-2px;
	display:inline-block;
	width: 0;
	height: 0;
	margin-left:12px;
	content:' ';
	border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #8445ad;
}

.nav-container nav > ul > li > ul{
	position: absolute;
	top:41px;
	left:-50%;
	list-style-type:none;
	display:none;
	width:200%;
	margin:0px 0 0px -10px;
	padding:8px 0;
	background-color:#fff;
	border:1px solid #ac95c2;
	z-index: 1200;
}
.nav-container nav > ul > li:hover ul{
	display:block;
}
.nav-container nav > ul > li > ul li{
	display:block;
	margin:0;
	padding:0;
}
.nav-container nav > ul > li > ul li a{
	display:inline-block;
	margin:0;
	padding:8px 20px;
	font-family: 'Baskerville', serif;
	font-size:18px;
	line-height:1.2em;
	color:#576154;
	text-decoration: none;
	text-align:left;
}
.nav-container nav > ul > li > ul li a:hover,
.nav-container nav > ul > li > ul li.on a:hover{
	color:#ac95c2;
}

.mobile-nav-btns{
	position: absolute;
	top:20px;
	right:0;
	display: none;
	width:40px;
	height:40px;
	overflow:hidden;
}
.mobile-nav-btns a{
	padding:5px;
	text-decoration: none;
}
.mobile-nav-btns a#openMobileNav{display:block;}
.mobile-nav-btns a#closeMobileNav{display:none;}
.mobile-nav-btns.open a#openMobileNav{display:none;}
.mobile-nav-btns.open a#closeMobileNav{display:block;}

@media only screen and (max-width: 61.25em) {

	.nav-container nav > ul > li > a {
		padding: 12px 10px;
		font-size: 16px;
		line-height: 1.2em;
	}

	.nav-container nav > ul > li > ul li a{
		font-size:16px;
		line-height:1.2em;
	}

}

@media only screen and (max-width: 48em){ /* 768px */

	.mobile-nav-btns{
		display: block;
	}

	.nav-container{
		position: relative;
		box-sizing:border-box;
		width:100%;
		margin:0 auto;
		padding:0 5%;
	}

	.nav-container nav{
		display:none;
		position: absolute;
		top:0;
		left:0;
		right:0;
		width:100%;
		max-width:1920px;
		margin:0 auto 22px auto;
		background-color:#ffffff;
		z-index: 1000;
		padding-top:28px;
	}

	.nav-container.open nav{
		display:block;
	}

	.nav-container nav > ul{
		padding:0 5%;
	}
	
	.nav-container nav > ul > li{
		display:block;
		font-size:18px;
		line-height:1.2em;
		border-bottom:1px solid #e9dae8;
	}
	
	.nav-container nav > ul > li > a{
		display:block;
		padding:10px 21px;
		font-size:20px;
		line-height:1.2em;
	}
	.nav-container nav > ul > li a:hover,
	.nav-container nav > ul > li.on a:hover{
		color:#bc90ba;
	}
		
	.nav-container nav > ul > li > ul{
		position: static;
		display:block;
		width:auto;
		margin:0;
		padding:0;
		border:0;
	}
	.nav-container nav > ul > li:hover ul{
		display:block;
	}
	.nav-container nav > ul > li > ul li{
		display:block;
		margin:0;
		padding:0;
		border-top:0px solid #e9dae8;
	}
	.nav-container nav > ul > li > ul li a{
		padding:10px 20px;
		font-size:16px;
		line-height:1.2em;
		text-align:center;
	}	

}

.scrolled .site-logo{
	margin-bottom:63px;
}

.scrolled .nav-area{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999;
	background-color:#fff;
}
.scrolled .nav-area .primary-nav{
	margin-bottom:0;
}

/* Footer */

.site-footer{
	padding:26px 0 22px 0;
	background-color:#b5bab4;
}

.site-footer .footer-left{
	width:70%;
	float:left;
}

.site-footer .footer-left p{
	padding-left:162px;
	font-family: 'Baskerville', serif;
	font-size:15px;
	color:#576154;
	line-height:18px;
	background:url("../../media/images/global/pharmacare-logo@2x.jpg") left center no-repeat;
	background-size:auto 44px;
}

.site-footer .footer-right{
	width:25%;
	float:right;
}

@media only screen and (max-width: 81.25em) {

	.site-footer .footer-left{
		width:100%;
		float:none;
	}

	.site-footer .footer-right{
		float:none;
		display:none;
	}

}

@media only screen and (max-width: 40em) {

	.site-footer{
		padding:10px 0 12px 0;
		background-color:#b5bab4;
	}

	.site-footer .footer-left p{
		padding-left:110px;
		background-size:auto 38px;
		font-size:14px;
		line-height:16px;
	}

}


/* PAGE GLOBAL ELEMENTS END */


/* LAYOUT AREAS START */

/* Masthead */

.masthead{
	/*max-width:1300px;*/
	margin:0 auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.masthead .table{
	height:454px;
}
.masthead .td h1{
	margin:0.25em 10.5%;
	color:#001f5b;
	/*text-shadow: 0px 0px 1px #bc90ba;*/
}
.masthead .td p{
	max-width:360px;
	margin:1em 10.5% 0 10.5%;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	font-weight:400;
	line-height:1.4375em;
	letter-spacing:0.015em;
	color:#001f5b;
	/*text-shadow: 0px 0px 1px #bc90ba;*/
}


@media only screen and (max-width: 63.75em){ /* 1020px */ 
	.masthead .table{
		height:390px;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	.masthead .table{
		height:340px;
	}
	.masthead .td h1{
		margin:0.25em 8%;
		font-size:1.75em;
	}
	.masthead .td p{
		font-size: 0.9375em;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	
	.masthead{
		background-position:left center;
	}
	.masthead .table{
		/*background-color:rgba(255,255,255,0.25);*/
	}
}
@media only screen and (max-width: 30em){ /* 480px */ 
	.masthead .table{
		height:240px;
	}
	.masthead .td h1{
		margin:0.25em 8%;
		font-size:1.75em;
	}
	.masthead .td p{
		font-size: 0.875em;
	}
}

/* Content Container */

.section-container{
	padding:1px 0;
}

.content-container{
	width:90%;
	max-width:1088px;
	margin:0 auto;
}

.content-section.center-text h1,
.content-section.center-text h2,
.content-section.center-text p{
	text-align:center;
}

article.content-section{
	margin:5.75em auto;
}

.content-section.top-content-margin{
	margin-top:5.75em;
}
.content-section.bottom-content-margin{
	margin-bottom:5.75em;
}

.content-section.faq h1{
	width:90%;
	max-width:1040px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.content-section.faq p{
	width:90%;
	max-width:880px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

@media only screen and (max-width: 48em){ /* 768px */ 

	.content-section.faq{
		margin:4em auto;
	}

	article.content-section{
		margin:4em auto;
	}
	
	.content-section.top-content-margin{
		margin-top:4em;
	}
	.content-section.bottom-content-margin{
		margin-bottom:4em;
	}

}

/* 2 Col Centered Content */

.cols2-centered-content{
	margin:2.75em 0;
}

.cols2-centered-content .col{
	float:right;
	width:38.24%;
	margin:0em 5.88%;
}
.cols2-centered-content .col:first-child{
	float:left;
}
.cols2-centered-content .col h1{
	margin-top:0;
}
.cols2-centered-content .col p{
	font-size:0.8125em;
	line-height:1.77em;
}
.cols2-centered-content .col p:last-child{
	margin-bottom:0;
}

@media only screen and (max-width: 48em){ /* 768px */ }

@media only screen and (max-width: 40em){ /* 640px */ 
	
	.cols2-centered-content{
		margin:0em 0;
	}

	.cols2-centered-content .col{
		float:none;
		width:80%;
		margin:2em 10%;
	}
	.cols2-centered-content .col:first-child{
		float:none;
	}
}
@media only screen and (max-width: 30em){ /* 480px */ 

}


/* 3 Col Content with Icons */

.cols3-centered-with-icons{
	margin:2.75em 0;
}

.cols3-centered-with-icons .col{
	float:left;
	width:30.1%;
	margin:0em 1.6%;
}
.cols3-centered-with-icons .col h1{
	margin-top:0;
}
.cols3-centered-with-icons .col p{
	font-size:0.8125em;
	line-height:1.77em;
}
.cols3-centered-with-icons .col p:last-child{
	margin-bottom:0;
}

@media only screen and (max-width: 48em){ /* 768px */ 
	.cols3-centered-with-icons{
		margin:0em 0;
	}
	
	.cols3-centered-with-icons .col{
		float:none;
		width:80%;
		margin:2em 10%;
	}
}

@media only screen and (max-width: 40em){ /* 640px */ 
	.cols3-centered-with-icons{
		margin:0em 0;
	}
	
	.cols3-centered-with-icons .col{
		float:none;
		width:80%;
		margin:2em 10%;
	}
}

/* 4 Cols Content Centered */

.cols4-centered{

}

.cols4-centered{
	margin:2.75em 0;
}
.cols4-centered .col{
	float:left;
	width:22.685%;
	margin:0em 1.1575%;
}
.cols4-centered .col h1{
	margin-top:0;
}
.cols4-centered .col p{
	font-size:0.8125em;
	line-height:1.77em;
}

@media only screen and (max-width: 48em){ /* 768px */
	.cols4-centered .col{
		float:none;
		width:80%;
		margin:0.5em 10%;
	}
}


@media only screen and (max-width: 30em){ /* 480px */ 

	.cols4-centered {
		margin: 1.25em 0;
	}

	.cols4-centered .col{
		width:100%;
		margin:1.5em 0%;
	}

}


/* LAYOUT AREAS END */

/* CONTENT TYPES */

/* Recipes Box */

.recipes-container{
	margin-bottom:8em;
}

.recipe-box{
	position: relative;
	margin:4.187em auto;
}

.recipe-content{
	position: relative;
	min-height:307px;
	box-sizing:border-box;
	margin-left:50%;
	padding:2.625em 2.3%;
	border:1px solid #a7aca5;
}

.recipe-content .recipe-serves{
	font-family: 'Open Sans';
	margin:0 0 auto 0;
	font-size:1em;
	font-weight:600;
	font-style:italic;
	color:#001f5b;
}

.recipe-content h1{
	margin:0 0 0.75em 0;
	line-height: 1.25em;
}

.recipe-content p{
	margin-bottom:0;
	font-family: 'Open Sans';
	font-size:0.8125em;
	color:#b5b9b4;
	line-height:1.69em;
	letter-spacing: 0.015em;
}

.recipe-image{
	position: absolute;
	top:0;left:0;bottom:0;width:50%;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}

.recipe-content .border-button-purple{
	position: absolute;
	bottom:2.625em;
	right:4.6%;
	margin:0;
}

@media only screen and (max-width: 48em){ /* 768px */ 
	
	.recipes-container{
		margin-bottom:5em;
	}

	.recipe-box{
		width:100%;
		max-width:500px;
		margin:3em auto;
	}
	
	.recipe-content{
		width:100%;
		min-height:100px;
		margin-left:0%;
		padding:2em 5%;
	}
	
	.recipe-content h1{
		margin:0 0 0.75em 0;
	}
		
	.recipe-image{
		width:100%;
		position: static;
		height:307px;
	}
	
	.recipe-content .border-button-purple{
		position: static;
		margin:1em 0 0 0;
	}

}

@media only screen and (max-width: 40em){ /* 640px */ 
		
	.recipe-image{
		height:260px;
	}

}

@media only screen and (max-width: 30em){ /* 480px */ 
	
	.recipe-image{
		height:200px;
	}

}

/* Retails Logos */

.retailers{
	width:100%;
	max-width:1030px;
	margin:0 auto;
	text-align:center;
}

.retailers .col{
	float:none;
	display:inline-block;
	width:11.26%;
	margin:0 2.5%;
}

.retailers .col > div{
	margin:2em 0;
}

@media only screen and (max-width: 63.75em){ /* 1020px */ 
	.retailers .col{
		width: 15%;
		margin: 0 2%;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	.retailers .col{
		width: 20%;
		margin: 0 2%;
	}
	.retailers .col > div {
		margin: 1.25em 0;
	}
}
@media only screen and (max-width: 40em){ /* 640px */ }
@media only screen and (max-width: 30em){ /* 480px */ 
	.retailers .col{
		width: 30%;
		margin: 0px 1%;
	}
	.retailers .col > div {
		margin: 0.6em 0;
	}
}

/* Homepage Products Row */

.products-row{
	margin:5em auto 3.125em auto;
}

.products-row-flex{
	width:96%;
}

.products-row img{
	display:block;
	float:left;
}

@media only screen and (max-width: 48em){ /* 768px */ 
	.products-row{text-align:center;}
	.products-row-flex{
		width:100%;
	}
	.products-row img{float:none;display:inline-block;width:auto;height:250px;}
}
@media only screen and (max-width: 30em){ /* 480px */ 
	.products-row img{height:200px;}
}

.products-row-flex{
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:space-evenly;
	margin-top:70px;
}
.products-row-flex > div.product-home{
	/*width:15%;*/
	text-align:center;
}
.products-row-flex > div span.product-name{
	color:#FFFFFF;
	display:block;
	font-size:13px;
	font-weight:600;
	line-height:15px;
	margin-top:24px;
	text-align:center;
}
.products-row-flex > div span.product-size{
	color:#FFFFFF;
	display:block;
	font-size:10px;
	font-style: italic;
	line-height:12px;
	margin-top:2px;
	margin-bottom:24px;
	text-align:center;
}

.products-row-flex > div span.adjust{
	padding-right:10%;
}

@media only screen and (max-width: 75em){ /* 1200px */ 
	
}

@media only screen and (max-width: 48em){ /* 768px */ 
	
	.products-row-flex{
		margin-top:50px;
	}

	.products-row-flex > div.product-home img{
		height:122px;
	}


}
@media only screen and (max-width: 40em){ /* 640px */ 
	
	.products-row-flex{
		display:flex;
		flex-wrap:wrap;
		flex-direction: row;
		justify-content:flex-start;
		margin-top:70px;
	}
	.products-row-flex > div.product-home{
		width:50%;
	}

	.products-row-flex > div span.adjust{
		padding-right:0%;
	}

	.products-row-flex > div span.product-size {
		margin-bottom: 0px;
	}

}

@media only screen and (min-width: 48em){ /* 768px */ 
	
	.home-products-h1-adjust{
		margin-bottom: -50px !important;
	}

}

@media only screen and (min-width: 75em){ /* 1200px */ 
	
	.home-products-h1-adjust{
		margin-bottom: -70px !important;
	}

}

/* Purple CTA Section */

.purple-cta-section{
	padding:1px 0;
	background-color:#bc90ba;
}
.purple-cta-section h1{
	text-align: center;
	color:#001f5b;
}
.purple-cta-section .border-button-purple h1{
	margin:1em 0 0 0;
}
.purple-cta-section .border-button-purple.size20{
	margin:0;
}

/* Prevention Banner Image */

.prevention-banner-img{
	background:url(/en/media/images/content/prevention-banner.jpg) center center no-repeat;
	background-size:cover;
	min-height:730px;
}
.prevention-banner-img > img{
	display:none;
}

@media only screen and (max-width: 81.25em){ /* 1300px */
	.prevention-banner-img{
		background:none;
		min-height:0px;
	}
	.prevention-banner-img > img{
		display:block;
	}
}

/* Tag Link Title */

div.title-tag{
	text-align:center;
}
div.title-tag span{
	position: relative;
	display:inline-block;
	height:34px;
	text-align:center;
	background:url(../../media/images/global/tag-title-label_02.png) center center repeat-x;
	background-size:auto 34px;
	font-family: 'Open Sans';
	font-size:16px;
	line-height:34px;
	font-weight:600;
	font-style: italic;
	vertical-align: middle;
}
div.title-tag span:after{
	content:' ';
	display:block;
	position: absolute;
	top:0;
	bottom:0;
	right:-53px;
	width:53px;
	background:url(../../media/images/global/tag-title-label_03.png) left center no-repeat;
	background-size:auto 34px;
}
div.title-tag span:before{
	content:' ';
	display:block;
	position: absolute;
	top:0;
	bottom:0;
	left:-58px;
	width:58px;
	background:url(../../media/images/global/tag-title-label_01.png) left center no-repeat;
	background-size:auto 34px;
}

.bg-color-green div.title-tag span{
	background:url(../../media/images/global/tag-title-label_02.png) center center repeat-x;
}
.bg-color-green div.title-tag span:after{
	right:-53px;
	width:53px;
	background:url(../../media/images/global/tag-title-label_03.png) left center no-repeat;
	background-size:auto 34px;
}
.bg-color-green div.title-tag span:before{
	left:-58px;
	width:58px;
	background:url(../../media/images/global/tag-title-label_01.png) left center no-repeat;
	background-size:auto 34px;
}

.bg-color-purple div.title-tag span{
	background:url(../../media/images/global/tag-title-purple_02.png) center center repeat-x;
}
.bg-color-purple div.title-tag span:after{
	right:-52px;
	width:52px;
	background:url(../../media/images/global/tag-title-purple_03.png) left center no-repeat;
	background-size:auto 34px;
}
.bg-color-purple div.title-tag span:before{
	left:-54px;
	width:54px;
	background:url(../../media/images/global/tag-title-purple_01.png) left center no-repeat;
	background-size:auto 34px;
}

.bg-color-pink div.title-tag span{
	background:url(../../media/images/global/tag-title-pink_02.png) center center repeat-x;
}
.bg-color-pink div.title-tag span:after{
	right:-54px;
	width:54px;
	background:url(../../media/images/global/tag-title-pink_03.png) left center no-repeat;
	background-size:auto 34px;
}
.bg-color-pink div.title-tag span:before{
	left:-55px;
	width:55px;
	background:url(../../media/images/global/tag-title-pink_01.png) left center no-repeat;
	background-size:auto 34px;
}

@media only screen and (max-width: 30em){ /* 480px */ 

	.title-tag.wrap{
		width: 70%;
		margin: 0 auto;
	}

	div.title-tag.wrap span{
		height:auto;
	}
	.bg-color-purple div.title-tag span:before {
		background-size: 54px 100%;
	}
	.bg-color-purple div.title-tag span:after {
		background-size: 52px 100%;
	}

}

/* Side by Side Layout Section */

.side-by-side{
	background-color:#ffffff;
}
.side-by-side .clearfix{

}
.side-by-side .clearfix > div{
	width:50%;
	float:right;
}
.side-by-side .clearfix > div.width2col{
	width:100%;
	float:left;
}
.side-by-side .clearfix > div:first-child{
	float:left;
}
.side-by-side div .padding{
	padding:2em 5.5%;
}
.side-by-side .list-header{
	font-family: 'Open Sans';
	font-size:0.8125em;
	line-height:1.77em;
	color:#001f5b;
}
.side-by-side div h1{
	margin:0 0 0.35em 0;
}
.side-by-side div p{
	margin:1em 0;
	font-family: 'Open Sans';
	font-size:0.8125em;
	line-height:1.77em;
	color:#001f5b;
}

@media only screen and (max-width: 48em){ /* 768px */ 
	
	.side-by-side .clearfix > div{
		width:100%;
		float:none;
	}

}

/* CTA - CONTENT LEFT */
.cta-content-left{
	height:498px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto 100%;
}
.cta-content-left .padding{
	width:30%;
	max-width:280px;
	margin-left:10.385%;
	padding:5.75em 0;
}

.cta-content-left .padding h1{
	margin-top:0;
	line-height:1.21875em;
}

@media only screen and (max-width: 63.75em){ /* 1020px */

	.cta-content-left{
		height:400px;
		background-position: 45% 50%;
	}
	.cta-content-left .padding{
		width:50%;
		max-width:280px;
		margin-left:5%;
		padding:4em 0;
	}	

}
@media only screen and (max-width: 40em){ /* 640px */ 

	.cta-content-left{
		height:400px;
		background-position: 45% 50%;
	}

}
@media only screen and (max-width: 30em){ /* 480px */ 

	.cta-content-left{
		height:400px;
		background-position: 44% 50%;
	}
	.cta-content-left .padding{
		width:60%;
		max-width:280px;
		margin-left:5%;
		padding:2em 0;
	}

}

/* Circle Image Left Content */

.circle-left-content{
	margin-top:45px;
	margin-bottom:22px;
}
.circle-left-content .col{
	float:right;
	width:68.235%;
}
.circle-left-content .col:first-child{
	float:left;
	width:28.235%;
}
.circle-left-content .col .td{
	height:240px;
}
.circle-left-content .col:first-child img{
	display:block;
	width:100%;
	height:auto;
}
.circle-left-content .col h1{
	margin-top:0;
}
.circle-left-content .col p{
	font-size:0.8125em;
	line-height:1.769em;
}
.circle-left-content .col p:last-child,
.circle-left-content .col ul:last-child,
.circle-left-content .col ol:last-child{
	margin-bottom:0;
}



.circle-left-content.circle180 .col{
	float:right;
	width:71.764%;
}
.circle-left-content.circle180 .col:first-child{
	float:left;
	width:21.18%;
}
.circle-left-content.circle180 .col .td{
	height:180px;
}


@media only screen and (max-width: 40em){ /* 640px */ 

	.circle-left-content .col,
	.circle-left-content.circle180 .col{
		float:none;
		width:100%;
	}
	.circle-left-content .col:first-child,
	.circle-left-content.circle180 .col:first-child{
		float:none;
		width:160px;
		margin:0 auto 1em auto;
	}

}

.comaprison-table{
	margin-bottom:5.75em;
	width:100%;
	border-collapse: collapse; 
}

.comaprison-table tr th{
	padding:16px 4px; 
	text-align:center;
	vertical-align: middle;
	font-family: 'Baskerville', serif;
	font-size:2.375em;
	font-weight:400;
	line-height:1.4375em;
	color:#001f5b;
	border-bottom:1px solid #001f5b;
	/*border-bottom:1px solid #ac95c2;*/
}

.comaprison-table tr td{
	padding:16px 4px; 
	text-align:center;
	vertical-align: middle;
	border-bottom:1px solid #001f5b;
	/*border-bottom:1px solid #ac95c2;*/
	font-size:0.8125em;
	line-height:1.769em;
	color:#a7aca5;
}

.comaprison-table tr td:nth-child(2){
	font-size:1em;
	font-weight:700;
	line-height:1.4375em;
	color:#001f5b;
}

.comaprison-table tr th:nth-child(1),
.comaprison-table tr td:nth-child(1){
	width:30%;
}

.comaprison-table tr th:nth-child(2),
.comaprison-table tr td:nth-child(2){
	width:40%;
}

.comaprison-table tr th:nth-child(3),
.comaprison-table tr td:nth-child(3){
	width:30%;
}

@media only screen and (max-width: 48em){ /* 768px */ 

	.comaprison-table{
		margin-bottom:4em;
	}
	
	.comaprison-table tr th{
		padding:12px 4px; 
		font-size:1.75em;
	}
	
	.comaprison-table tr td{
		padding:12px 4px; 
		font-size:0.75em;
	}
	
	.comaprison-table tr td:nth-child(2){
		font-size:0.875em;
	}

}

@media only screen and (max-width: 30em){ /* 480px */ 
	
	.comaprison-table tr th{
		padding:12px 2px; 
		font-size:1.2em;
	}

}


/* VIDEOS */

.video-inline{
	text-align:center;
	margin-top:40px;
}

.video-inline iframe{
	max-width:540px;
	height:304px;
	margin:0 auto;
}

@media only screen and (max-width: 600px){
	.video-inline iframe{
		max-width:300px;
		height:170px;
	}
}


/* Background Decorations */

.bg-color-purple.dec-mortar{
	padding-bottom:150px;
	background-image:url('../../media/images/global/mortar-bg.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:529px auto;
}

.bg-color-purple.dec-cells{
	padding-bottom:180px;
	background-image:url('../../media/images/global/dec-cells.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:590px auto;
}



/* LINKS AND BUTTONS */

.link-purple-arrow{
	position: relative;
	display:block;
	margin:0.5em 0;
	padding:4px 0px;
	font-family: 'Open Sans';
	font-size:0.75em;
	font-weight:600;
	color:#8445ac;
	text-decoration: none;
}

.link-purple-arrow span:after {
    position: relative;
    top: 0px;
    left: 8px;
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #8445ac;
}

.button-purple{
	position: relative;
	display:inline-block;
	margin:1em 0;
	padding:8px 40px 8px 22px;
	font-family: 'Open Sans';
	font-size:0.8125em;
	font-weight:600;
	font-style:italic;
	color:#ffffff;
	background-color:#8445ac;
	border:1px solid #8445ac;
	text-decoration: none;
}
.button-purple:after{
	position: relative;
	top:1px;
	left:22px;
	display:inline-block;
	content:' ';
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-left:9px solid #ffffff;
}

.button-purple.size20{
	padding:18px 75px 18px 65px;
	font-size:1.25em;
}

.button-purple.size20:after {
    top: -1px;
    left: 18px;
}

.button-purple:hover{
	opacity:0.8;
}

.border-button-purple{
	position: relative;
	display:inline-block;
	margin:1em 0;
	padding:8px 40px 8px 22px;
	font-family: 'Open Sans';
	font-size:0.8125em;
	font-weight:600;
	font-style:italic;
	color:#8445ac;
	border:1px solid #8445ac;
	text-decoration: none;
}
.border-button-purple:after{
	position: relative;
	top:1px;
	left:22px;
	display:inline-block;
	content:' ';
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-left:9px solid #8445ac;
}

.border-button-purple.size20{
	padding:18px 75px 18px 65px;
	font-size:1.25em;
}

.border-button-purple.size20:after{
    top: -1px;
    left: 18px;
}

.bg-tile-yellow .border-button-purple.size20{
    padding: 18px 45px 18px 35px;
}

.border-button-purple:hover{
	opacity:0.8;
}

@media only screen and (max-width: 40em){ /* 640px */ 

	.button-purple.size20{
		padding:10px 50px 10px 35px;
		font-size:1.1em;
	}
	
	.button-purple.size20:after {
		top: -1px;
		left: 18px;
	}	
	
	.border-button-purple.size20{
		padding:10px 50px 10px 35px;
		font-size:1.1em;
	}

	.border-button-purple.size20:after {
		top: -1px;
		left: 18px;
	}

	.bg-tile-yellow .border-button-purple.size20{
		padding: 10px 45px 10px 35px;
	}

}



/* FUNCTIONAL COMPONENTS START */

/* Carousel */

.homepage-carousel{

}



/* FUNCTIONAL COMPONENTS END */

/* PAGE SPECIFIC STYLES */

.product-listings{
	width:90%;
	max-width:1090px;
	margin:0 auto;
}

.product-listings .col{
	width:48.6%;
	float:right;
}

.product-listings .col:first-child{
	width:48.6%;
	float:left;
}

.product-listings .product{
	background-color:#ffffff;
	margin-bottom:30px;
}

.product-listings .product .details{
	float:left;
	width:58.49%;
}

.product-listings .product .details .padding{
	padding:2.625em 0 2.625em 12.9%;
}

.product-listings .product .image-btns{
	float:right;
	width:36.32%;
	padding:2em 0;
}

.product-listings .product .image-btns.wider{
	width:41%;
}

.product-listings .product .image-btns .buttons{
	max-width:152px;
	margin:1em 0;
}

.product-listings .product .image-btns .buttons .border-button-purple{
	display:block;
	margin:12px 0;
	padding: 6px 16px 6px 10px;
}

.border-button-purple:after {
	left: 8px;
}

.product-listings .product .details .ages{
	font-family: 'Open Sans';
	margin:0 auto;
	font-size:1em;
	font-weight:600;
	font-style:italic;
	color:#001f5b;
}

.product-listings .product .details .size{
	font-family: 'Open Sans';
	margin:0 0 10px 0;
	font-size:10px;
	font-weight:400;
	font-style:italic;
	color:#71796e;
}

.product-listings .product .details .icons{
	margin:0 0 1.2em 0;
}
.product-listings .product .details .icons img{
	width:100%;
	max-width:203px;
	height:auto;
}

.product-listings .product .details h1{
	margin:0;
	line-height: 1.25em;
}

.product-listings .product .details p{
	margin:0 0 1.5em 0;
	font-family: 'Open Sans';
	font-size:0.8125em;
	color:#a7aca5;
	line-height:1.69em;
	letter-spacing: 0.015em;
}

.lists > div{
	float:left;
	width:46%;
}
.lists > div:first-child{
	margin-right:8%;
}
.lists.one-list > div{
	float:none;
	width:100%;
}
.lists.one-list > div:first-child{
	margin-right:0%;
}

@media only screen and (max-width: 63.75em){ /* 1020px */ 
	.product-listings .product .image-btns .buttons{
		margin-right:20px;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	
	.product-listings .col{
		width:100%;
		float:none;
	}

	.product-listings .col:first-child{
		width:100%;
		float:none;
	}

	.product-listings .product .details{
		float:left;
		width:58.49%;
	}

	.product-listings .product .details .padding{
		padding:2.625em 0 2.625em 12.9%;
	}

	.product-listings .product .image-btns{
		float:right;
		width:36.32%;
		padding:2em 0;
	}

	.product-listings .product .image-btns.wider{
		width:41%;
	}

}

@media only screen and (max-width: 40em){ /* 640px */ 
	
	.product-listings .product .details .ages{
		font-size:0.825em;
	}

	.product-listings .product .details h1{
		font-size:1.5em;
	}

}
@media only screen and (max-width: 30em){ /* 480px */ 

	.lists > div{
		float:none;
		width:100%;
	}
	.lists > div:first-child{
		margin-right:0%;
	}
	ol.small-list,
	ul.small-list{
		margin: 0 0 0em 1.1em;
	}

}

@media only screen and (max-width: 48em){ /* 768px */ 

	.kids-product-img{
		max-width:598px;
		width:100%;
		height:auto;
	}

}

/* Homepage Carousel */

.carousel-masthead{
	position: relative;
	width:100%;
	overflow:hidden;
}

.carousel-masthead .slide-container{
	position: relative;
	width:100%;
}

.carousel-masthead .slide-container,
.carousel-masthead .slides{
	height:41.5vw;
}

.carousel-masthead .slide-container a#leftArrow{
	position: absolute;
	top:50%;
	left:10px;
	display:block;
	width:40px;
	height:40px;
	margin-top:-20px;
	text-decoration: none;
}

.carousel-masthead .slide-container a#rightArrow{
	position: absolute;
	top:50%;
	right:10px;
	display:block;
	width:40px;
	height:40px;
	margin-top:-20px;
	text-decoration: none;
}

.carousel-masthead .slides{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	transition-property: left;
	transition-duration: 0.35s;
	transition-timing-function: ease-out;
}

.carousel-masthead .slides .slide{
	position: absolute;
	top:0;
	bottom:0;
	height:100%;
}

.carousel-masthead .slides .slide .slide-inner{
	position: relative;
	box-sizing:border-box;
	width:100%;
	max-width:1920px;
	height:100%;
	margin:0 auto;
	padding:0 3.75%;
}

/* 3 SLIDES
.carousel-masthead .slides{width:300%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:33.3333%;}
.carousel-masthead .slides .slide#slide3{left:66.666%;}
.carousel-masthead .slides .slide{width:33.333%;}
 */
/* 4 SLIDES  */
.carousel-masthead .slides{width:400%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:25%;}
.carousel-masthead .slides .slide#slide3{left:50%;}
.carousel-masthead .slides .slide#slide4{left:75%;}
.carousel-masthead .slides .slide{width:25%;}


/* 5 SLIDES
.carousel-masthead .slides{width:500%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:20%;}
.carousel-masthead .slides .slide#slide3{left:40%;}
.carousel-masthead .slides .slide#slide4{left:60%;}
.carousel-masthead .slides .slide#slide5{left:80%;}
.carousel-masthead .slides .slide{width:20%;}
*/

/* 6 SLIDES 
.carousel-masthead .slides{width:600%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:16.6666%;}
.carousel-masthead .slides .slide#slide3{left:33.3333%;}
.carousel-masthead .slides .slide#slide4{left:49.9999%;}
.carousel-masthead .slides .slide#slide5{left:66.6666%;}
.carousel-masthead .slides .slide#slide6{left:83.3326%;}
.carousel-masthead .slides .slide{width:16.666%;}
*/ 


.carousel-masthead .slides .slide-daynight{background:url('../../media/images/carousel/Banner1-bg.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-daynight-2{background:url('../../media/images/carousel/sambucol-day-night-banner-v2-desktop.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-protectfamily{background:url('../../media/images/carousel/Banner2-bg.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-protectself{background:url('../../media/images/carousel/sambucol-amazon-banner-desktop.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-powdereddrink{background:url('../../media/images/carousel/Sambucol_HomeCarousel_Drink.jpg') center center no-repeat;background-size:cover;}


.carousel-masthead .slides .slide h1{
	margin: 0 0 0 0;
}

.carousel-masthead .slides .slide p{
	font-size:1.3vw;
	margin:3px 0 0 0;
}

.carousel-button{
	background-color:#fff;
	position: relative;
	display:inline-block;
	margin:1.3vw 0 0 0;
	padding:0.83vw 4.5vw 0.83vw 1.89vw;
	font-family: 'Open Sans';
	font-size:0.95vw;
	font-weight:600;
	font-style:italic;
	line-height:1em;
	color:#8445ac;
	border:1px solid #fff;
	text-decoration: none;
}
.carousel-button:after{
	position: absolute;
	top:0.8vw;
	right:1.5vw;
	display:inline-block;
	content:' ';
	width: 0; 
	height: 0;
	border-top: 0.53vw solid transparent;
	border-bottom: 0.53vw solid transparent; 
	border-left:0.95vw solid #9762b3;
}

.carousel-button.alt{
	background-color:#8445ac;
	color:#FFFFFF;
	border:1px solid #8445ac;
}
.carousel-button.alt:after{
	border-left:0.95vw solid #FFFFFF;
}
.carousel-button:hover{
	opacity:0.8;
}

.carousel-masthead .slides .slide-daynight-2 h1{
	font-size:2.875vw;
    font-weight: 400;
    margin-top: 17.25vw;
    max-width: 43.3vw;
    padding-left: 38vw;
}
.carousel-masthead .slides .slide-daynight-2 .carousel-button{
	margin:1vw 0 0 38vw;
}

.carousel-masthead .slides .slide-protectfamily h1{
	box-sizing:border-box;
	color:#00215b;
	font-size:2.848vw;
	font-weight:700;
	margin-top:11.87vw;
	padding-left:2.7vw;
	max-width:38.4vw;
}
.carousel-masthead .slides .slide-protectfamily .img{
	background:url('../../media/images/carousel/Banner2-img.png') top left no-repeat;
	background-size:11.275vw auto;
	margin-top:1vw;
	padding-left:12.46vw;
}
.carousel-masthead .slides .slide-protectfamily p{
	color:#00215b;
	max-width:26.3vw;
}
.carousel-masthead .slides .slide-protectfamily .carousel-button{
	margin-top:0.5vw;
	margin-bottom:2vw;
}

.carousel-masthead .slides .slide-protectself .slide-inner{
	padding:0 6vw;
}
.carousel-masthead .slides .slide-protectself h1{
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:2.49vw;
	font-weight:700;
	margin-top:9vw;
	max-width:24vw;
}
.carousel-masthead .slides .slide-protectself p{
	color:#FFFFFF;
	margin-bottom:1vw;
	margin-top:1vw;
	max-width:27vw;
}

.carousel-masthead .slides .slide-powdereddrink .slide-inner{
	padding:0 10vw;
}
.carousel-masthead .slides .slide-powdereddrink h1{
	box-sizing:border-box;
	color:#001f5b;
	font-size:2.49vw;
	font-weight:700;
	margin-top:12vw;
	max-width:35vw;
}
.carousel-masthead .slides .slide-powdereddrink p{
	color:#001f5b;
	margin-bottom:1vw;
	margin-top:1vw;
	max-width:38vw;
}

@media only screen and (max-width: 80em){ /* 1280px */ 

	.carousel-masthead .slides .slide .slide-inner{
		padding:0 7%;
	}

}

@media only screen and (max-width: 48em){ /* 768px */ 

	.carousel-masthead .slide-container,
	.carousel-masthead .slides{
		/*height:82vw;*/
		height:120vw;
	}

	.carousel-masthead .slide-container a#leftArrow{
		left:6px;
		width:36px;
		height:36px;
		margin-top:-18px;
	}
	
	.carousel-masthead .slide-container a#rightArrow{
		right:6px;
		width:36px;
		height:36px;
		margin-top:-18px;
	}
	.carousel-masthead .slide-container a#leftArrow img,
	.carousel-masthead .slide-container a#rightArrow img{
		width:100%;
		height:auto;
	}

	.carousel-masthead .slides .slide-daynight-2{background:url('../../media/images/carousel/sambucol-day-night-banner-v2-mobile.jpg') top center no-repeat;background-size:cover;}
	.carousel-masthead .slides .slide-protectfamily{background:url('../../media/images/carousel/Banner2-bg-mobile.jpg') center center no-repeat;background-size:cover;}
	.carousel-masthead .slides .slide-protectself{background:url('../../media/images/carousel/sambucol-amazon-banner-mobile.jpg') center center no-repeat;background-size:cover;}
	.carousel-masthead .slides .slide-powdereddrink{background:url('../../media/images/carousel/Sambucol_HomeCarousel_Drink-mobile.jpg') center center no-repeat;background-size:cover;}
	

	.carousel-masthead .slides .slide-daynight-2 h1{
		/*font-size:6.25vw;
		font-weight:400;
		margin-top:18vw;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		max-width:400px;
		padding-left:0;
		width:80%;*/
		font-size: 3.75vw;
		font-weight: 400;
		margin-top: 34vw;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
		max-width: 400px;
		padding-left: 65%;
		width: 38%;
	}
	.carousel-masthead .slides .slide-daynight-2 .carousel-button{
		/*margin:56vw 0 0 0;*/
		margin:20vw 0 0 0;
	}
	
	.carousel-masthead .slides .slide-protectfamily h1{
		font-size:5vw;
		font-weight:700;
		margin-bottom:3vw;
		margin-top:6vw;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		max-width:400px;
		width:80%;
	}
	.carousel-masthead .slides .slide-protectfamily .img{
		background:url('../../media/images/carousel/Banner2-img.png') top left no-repeat;
		background-size:18vw auto;
		margin-top:1vw;
		margin-left:auto;
		margin-right:auto;
		max-width:52vw;
		padding-left:20.46vw;
		width:80%;
	}
	.carousel-masthead .slides .slide-protectfamily p{
		color:#00215b;
		font-size:3.25vw;
		max-width:340px;
	}
	.carousel-masthead .slides .slide-protectfamily .carousel-button{
		margin-top:2.5vw;
		margin-bottom:2vw;
	}
	
	.carousel-masthead .slides .slide-protectself .slide-inner{
		padding:0 6vw;
	}	
	.carousel-masthead .slides .slide-protectself h1{
		font-size:5.5vw;
		font-weight:700;
		margin-top:6vw;
		margin-left:0;
		text-align:left;
		max-width:250px;
		width:80%;
	}
	.carousel-masthead .slides .slide-protectself p{
		font-size:3.25vw;
		font-weight:400;
		margin-top:1vw;
		margin-bottom:1vw;
		margin-left:0;
		text-align:left;
		max-width:320px;
		width:90%;
	}
	.carousel-masthead .slides .slide-protectfamily .carousel-button{
		margin-left:0;
		margin-top:1vw;
	}
	
	.carousel-masthead .slides .slide-powdereddrink .slide-inner{
		padding:0 6vw;
	}	
	.carousel-masthead .slides .slide-powdereddrink h1{
		font-size:5.5vw;
		font-weight:700;
		margin-top:15vw;
		margin-left:5vw;
		margin-right:auto;
		text-align:left;
		max-width:400px;
		width:70%;
	}
	.carousel-masthead .slides .slide-powdereddrink p{
		font-size:3.25vw;
		font-weight:400;
		margin-top:3vw;
		margin-bottom:3vw;
		margin-left:5vw;
		margin-right:auto;
		text-align:left;
		max-width:400px;
		width:70%;
	}
	.carousel-masthead .slides .slide-powdereddrink .carousel-button{
		margin-left:5vw;
	}

	.carousel-button-container{
		display:block;
		text-align:center;
	}

	.carousel-button{
		margin:1.3vw auto 0 auto;
		/*padding:1vw 4.5vw 1vw 1.89vw;
		font-size:2vw;*/
		padding: 2.2vw 6vw 2vw 3vw;
		font-size: 2.5vw;
	}
	.carousel-button:after{
		/*top:1vw;
		right:1.25vw;*/
		top: 2.3vw;
		right: 1.75vw;
		border-top: 1vw solid transparent;
		border-bottom: 1vw solid transparent; 
		border-left:2vw solid #9762b3;
	}
	.carousel-button.alt:after{
		border-left:2vw solid #FFFFFF;
	}

}

@media only screen and (max-width: 40em){ /* 640px */ 
	


}


@media only screen and (max-width: 30em){ /* 480px */ 

	.carousel-masthead .slides .slide-powdereddrink h1,
	.carousel-masthead .slides .slide-powdereddrink p{
		max-width:75%;
	}

	
}

/* Quote Slider */

.quote-slider{
	position: relative;
	width:770px;
	overflow:hidden;
	margin:3.75em auto 0 auto;
}

.quote-slider .slide-container{
	position: relative;
	width:555px;
	height:180px;
	margin:0 auto;
	border: 1px solid #a7aca5;
	overflow:hidden;
}

.quote-slider a#leftArrow{
	position: absolute;
	top:50%;
	left:0px;
	display:block;
	width:72px;
	height:72px;
	margin-top:-36px;
	text-decoration: none;
}

.quote-slider a#rightArrow{
	position: absolute;
	top:50%;
	right:0px;
	display:block;
	width:72px;
	height:72px;
	margin-top:-36px;
	text-decoration: none;
}

.quote-slider .slides{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	width:400%;
	height:100%;
	transition-property: left;
	transition-duration: 0.35s;
	transition-timing-function: ease-out;
}

.quote-slider .slides .slide{
	position: absolute;
	top:0;
	bottom:0;
	height:100%;
}

.quote-slider .slides .slide .slide-inner{
	position: relative;
	box-sizing:border-box;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0 5%;
}

/* 5 col
.quote-slider .slides .slide#slide1{left:0%;}
.quote-slider .slides .slide#slide2{left:20%;}
.quote-slider .slides .slide#slide3{left:40%;}
.quote-slider .slides .slide#slide4{left:60%;}
.quote-slider .slides .slide#slide5{left:80%;}

.quote-slider .slides .slide{
	width:20%;
}
*/

.quote-slider .slides .slide#slide1{left:0%;}
.quote-slider .slides .slide#slide2{left:25%;}
.quote-slider .slides .slide#slide3{left:50%;}
.quote-slider .slides .slide#slide4{left:75%;}

.quote-slider .slides .slide{
	width:25%;
}

.quote-slider .slides .slide p{
	margin:0.5em 0;
	font-size:18px;
	color:#a7aca5;
	text-align:left;
}

.quote-slider .slides .slide p.header{
	font-size:24px;
	color:#001f5b;
}

.quote-slider-indicator{
	margin-top:1.5em;
	text-align:center;
}
.quote-slider-indicator span{
	display:inline-block;
	width:12px;
	height:12px;
	margin:0 10px;
	border-radius:12px;
	overflow:hidden;
	background-color:#d7dad6;
}
.quote-slider-indicator span.on{
	/*background-color:#8f8ab9;*/
	background-color:#001f5b;
}

@media only screen and (max-width: 53.75em){ /* 860px */ 

	.quote-slider{
		width:100%;
	}
	
	.quote-slider .slide-container{
		width: 74%;
		height: 200px;
	}
	
	.quote-slider .slides .slide p{
		font-size:14px;
	}

	.quote-slider .slides .slide p.header{
		font-size:18px;
	}

	.quote-slider a#leftArrow,
	.quote-slider a#rightArrow{
		width:36px;
		height:36px;
		margin-top:-18px;
	}
	.quote-slider a#leftArrow img,
	.quote-slider a#rightArrow img{
		width:36px;
		height:36px;
	}

}

/* Reviews */

.reviews-row{
	display:none;
}
.reviews-row#reviewRow1{
	display:block;
}

/* Home Video Container */

#homeVideoContainer{
	width:560px;
	height:315px;
}

#homeVideoLink{
	display:block;
	position: relative;
}
#homeVideoLink img{
	display:block;
}

#homeVideoLink:hover .play-button svg path.ytp-large-play-button-bg{
	fill: #8445ac;
}

.play-button{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin-left: -34px;
	margin-top: -24px;
	-moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	-webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	z-index: 5;
	background: transparent;
    border: 0;
    cursor: pointer;
}

.play-button svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    fill: #212121;
    fill-opacity: .8;
}

@media only screen and (max-width: 640px){
	 
	#homeVideoContainer{
		width:270px;
		height:160px;
	}

	#homeVideoContainer iframe{
		width:270px;
		height:160px;
	}


}

/* Graphical Elements */ 

.graphic-badge{
	background-image:url('../../media/images/global/number1-badge.png');
	background-position:370px 50%;
	background-repeat: no-repeat;
	background-size: 140px auto;
}

.side-by-side div h2,
.side-by-side div p{
	max-width: 390px;
}
.side-by-side div .graphic-badge h2,
.side-by-side div .graphic-badge p{
	max-width: 360px;
}



@media only screen and (max-width: 1120px){

	.graphic-badge{
		background-position: 95% 50%;
	}
	
	.graphic-badge {
		background-size: 23% auto;
	}
	
	.side-by-side div .graphic-badge h2,
	.side-by-side div .graphic-badge p{
		max-width: 70%;
	}

}

@media only screen and (max-width: 640px){

	.graphic-badge {
		background-size: 32% auto;
	}

	.side-by-side div .graphic-badge h2, 
	.side-by-side div .graphic-badge p{
		width: 67%;
	}

}

/* LANGUAGE TOGGLE */

.lang-toggle{
	position:absolute;
	right:0rem;
	top:0.7rem;
	width:80px;
}

.lang-link a{
	color:#121212;
	font-size:0.75rem;
	font-weight:700;
	text-decoration:none;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	margin-left:5px;
	margin-right:5px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4f2467;
	-webkit-transition: .4s;
	transition: .4s;
	}

.slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 4px;
	bottom: 4px;
	background-color: #00a6e2;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #4f2467;
}

input:focus + .slider {
	box-shadow: 0 0 1px #4f2467;
}

input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.slider.round {
	border-radius: 17px;
}

.slider.round:before {
	border-radius: 50%;
}

@media only screen and (max-width: 48em){ /* 768px */
	
	.lang-toggle{
		display:none;
		right:2rem;
		z-index:1000;
	}

	.nav-container.open .lang-toggle{
		display:block;
	}

}

@media only screen and (max-width: 81.25em){ /* 1300px */ }
@media only screen and (max-width: 63.75em){ /* 1020px */ }
@media only screen and (max-width: 48em){ /* 768px */ }
@media only screen and (max-width: 40em){ /* 640px */ }
@media only screen and (max-width: 30em){ /* 480px */ }



.product-boxes{
	background-color:#ffffff;
	margin:40px auto 0 auto;
	max-width:1090px;
	width:90%;
}

.product-boxes .product{
	box-shadow:inset 0px 0px 0px 3px #763cb8;
	box-sizing:border-box;
	font-family: "Montserrat", sans-serif;
	margin-bottom:40px;
	padding:14px;
}

.product-boxes .product .product-images{
	align-items:center;
	display:flex;
	height:228px;
	justify-content:center;
	overflow:hidden;
}

.product-boxes .product .product-images img{
	display:block;
	height:228px;
	width:auto;
}

.product-boxes .product .product-images img.vertical{
	display:block;
	height:auto;
	width:100%;
}

.product-boxes .product .ages{
	color:#763cb8;
	font-size:1rem;
	margin:14px 0 2px 0;
	text-align:center;
}

.product-boxes .product .title{
	align-items:center;
	display:flex;
	justify-content:center;
	min-height:78px;
}

.product-boxes .product h2{
	color:#763cb8;
	font-family: "Montserrat", sans-serif;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.25em;
	margin:2px 0;
	text-align:center;
}

.product-boxes .product .size{
	color:#763cb8;
	font-size:0.75rem;
	margin:2px 0 12px 0;
	text-align:center;
}

.product-boxes .product .rating{
	text-align:center;
}

.product-boxes .product .rating img{
	display:block;
	margin:2px auto;
}

.product-boxes .product .buttons{
	margin:1.25rem 0 0 0;
}

.product-boxes .product .buttons .product-button{
	background-color:#763cb8;
	border:2px solid #763cb8;
	color:#ffffff;
	display:block;
	font-family:"Montserrat", sans-serif;
	font-size:0.8125em;
	font-weight:700;
	margin:0.5rem 0 0 0;
	padding:8px 40px 8px 22px;
	position:relative;
	text-align:center;
	text-decoration:none;
}

.product-boxes .product .buttons .product-button:hover{
	background-color:#fff;
	color:#763cb8;
}

.product-boxes .product-images{
	position:relative;
}

.product-boxes a{
	color: #763cb8;
}
.product-boxes a span{
	align-items: center;
	background-color:rgba(255,255,255,0.75);
	bottom:0;
	color: #763cb8;
	display:flex;
	justify-content:center;
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	transition: opacity 0.35s;
}
.product-boxes a:hover span{
	color: #763cb8;
	opacity:1;
}
.product-boxes a span strong{
	color: #763cb8;
	font-size:1.5rem;
}
@media only screen and (min-width: 48em){ /* 768px */ 

}

@media only screen and (min-width: 63.75em){ /* 1020px */ 
	
	.product-boxes{
		align-items:stretch;
		display:flex;
		flex-wrap:wrap;
		gap:0 3.98%;
		justify-content:flex-start;
	}

	.product-boxes .product{
		width:30.68%;
	}

	.product-boxes .product .buttons .product-button{
		font-size:1em;
	}

}



.product-details{
	background-color:#FFF;
	border:2px solid #763cb8;
	display:block;
	font-family:"Montserrat", sans-serif;
	font-size:0.8125em;
	position:relative;
}

.product-details > .padding{
	padding:8px 8px;
}

.product-details > .padding .ages{
	color:#763cb8;
	font-size:1rem;
	margin:4px 0 2px 0;
}
.product-details > .padding .title{
	color:#763cb8;
	font-family: "Montserrat", sans-serif;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.25em;
	margin:2px 0;
}
.product-details > .padding .size{
	color:#763cb8;
	font-size:0.75rem;
	margin:2px 0 12px 0;
}
.product-details > .padding .icons{
	margin:8px 0 0 0;
}
.product-details > .padding .icons img{
	height:auto;
	max-width:103px;
	width:100%;
}
.product-details .product-label img{
	display:block;
	height:auto;
	width:100%;
}

.product-details .info-col .lists > div > p{
	color: #763cb8;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25em;
    margin:12px 0;
}

.product-details .info-col .lists li{
	color: #001f5b;
	margin:4px 0;
}

@media only screen and (min-width: 48em){ /* 768px */ 

	.product-details .padding{
		display:flex;
		gap:40px;
		justify-content:space-between;
	}
	.product-details > .padding .icons img{
		max-width:203px;
	}
	.product-details .info-col{
		width:70%;
	}
	.product-details .info-col:nth-child(2){
		width:27.5%;
	}

}