body{ 
	font-family: "Droid Sans", sans-serif;
	/*background: url(../images/bg.png) repeat-y;*/
}
a,a:hover {
    text-decoration: none;
    color: inherit;
    outline: 0;
}


.navHeader{ background-color: rgb(0, 0, 0); width: 100%; margin: 0 auto;text-transform:capitalize;}
.layui-nav{ background-color: rgba(0, 0, 0,0.7);}

.unit-image-wrapper{ text-align: center; background-color: #ffffff; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	/*text-transform: uppercase;*/
	line-height: 1.1;
}
main {
	line-height: 1.3;
	overflow: hidden;
	font-size: 1.0256410256vw;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

.text-page {padding: 0 0 32px;font-size: 16px;}
.text-page .container {padding: 0 10em;max-width: 60em;margin: auto;}
.text-page p {margin: 0 0 1em;line-height: 1.5;}
.text-page h2.page-title {font-size: 3.5em;margin: .5em 0 .8em;color: #a15a95;text-align: center;}

footer {
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	background: #000;
	overflow: hidden
}

footer .container {
	display: flex
}

footer .box {
	flex: 1 1 0%;
	-ms-flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 2.5em 0;
	padding: 0 2em;
	text-align: center
}

footer .box+.box {
	border-left: 1px solid rgba(255,255,255,.6)
}

footer .box.newsletter {
	flex-basis: 15%;
	/*align-items: flex-end*/
}

footer .box.badges {
	flex-basis: 15%;
	padding: 0 1em
}

footer .box.badges .badges-container {
	max-width: 430px;
	margin: 0 auto;
	min-height: 65px
}

footer .box.badges a {
	position: relative
}

footer .box.badges a img,footer .box.badges a svg {
	width: 100%
}

footer .box.badges a img.cruelty-free,footer .box.badges a img.nature-inspired,footer .box.badges a svg.cruelty-free,footer .box.badges a svg.nature-inspired {
	transition: -webkit-filter .2s;
	transition: filter .2s;
	transition: filter .2s,-webkit-filter .2s;
	-webkit-filter: invert(0) sepia(0%) hue-rotate(0deg) contrast(1);
	filter: invert(0) sepia(0%) hue-rotate(0deg) contrast(1)
}

footer .box.badges a img.cruelty-free:hover,footer .box.badges a img.nature-inspired:hover,footer .box.badges a svg.cruelty-free:hover,footer .box.badges a svg.nature-inspired:hover {
	-webkit-filter: invert(.5) sepia(100%) hue-rotate(50deg) contrast(2.3);
	filter: invert(.5) sepia(100%) hue-rotate(50deg) contrast(2.3)
}

footer .box.badges a.created-in-la span {
	position: relative;
	display: inline-block;
	height: 0;
	width: 100%;
	padding: 0;
	padding-bottom: 100%
}

footer .box.badges a.created-in-la span svg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

footer .box.badges a.created-in-la .cls-1,footer .box.badges a.created-in-la .cls-2 {
	transition: fill .2s;
	fill: #000;
	vector-effect: non-scaling-stroke
}

footer .box.badges a.created-in-la:hover .cls-1 {
	fill: #ed5a6d
}

footer .box.badges a.created-in-la:hover .cls-2 {
	fill: #98cb55
}

footer .box.badges .created-in-la.hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s
}

footer .logo {
	width: 13.875em
}

footer .cruelty-free-nature-inspired {
	width: 15.625em
}

body.msie footer .cruelty-free-nature-inspired {
	padding: 0 20px
}

footer .copyright,footer .menu a {
	font-size: .875em;
	padding: 1em 0 0;
	color: #fff;
	font-weight: 600
}

footer .copyright {
	font-size: .8974358974vw
}

@media(min-width:1560px) {
	footer .copyright {
		font-size: 14px
	}
}

footer .copyright+.copyright {
	padding-top: .8em
}

footer .copyright a {
	font-weight: 400;
	border-bottom: 1px solid rgba(255,255,255,.2)
}

footer .menu {
	text-transform: uppercase
}

footer .menu a {
	display: block;
	padding: .5em 0;
	color: #fff
}

footer .menu a:hover {
	color: rgba(255,255,255,.6)
}

footer .follow-us {
	margin: 0
}

footer .follow-us a {
	background: #cb5599;
	border-radius: 50%;
	padding: 0;
	width: 3em;
	height: 3em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: .5em
}

footer .follow-us svg {
	margin: 0;
	width: 1.625em;
	height: 1.625em
}

footer .newsletter {
	color: #fff
}

footer .newsletter .offer {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.125em;
	margin: .6em 0
}

footer .newsletter form {
	width: 100%;
	text-align: right
}

footer .newsletter form input {
	padding: .5em .8em
}

footer .newsletter form input[type=submit] {
	padding: .5em 1em
}

footer .newsletter form .message:not(:empty) {
	margin-bottom: .5em
}

@media(max-width:1280px) {
	footer {
		font-size: 1.25vw
	}
}

@media(max-width:1280px)and (min-width:1560px) {
	footer {
		font-size: 16px
	}
}

@media(max-width:1280px) {
	footer::after {
		height: 2.125em
	}
}

@media(max-width : 1060px ){
	footer {
		font-size: 16px;
		box-shadow: none;
		background-position: 50% 22%
	}

	footer::after {
		height: 10px
	}

	footer .container {
		display: block
	}

	footer .box {
		border: 0!important;
		display: block;
		padding: 0;
		margin: 1.5em 0
	}

	footer .logo {
		width: 232px
	}

	footer .copyright {
		font-size: 12px
	}

	footer .copyright a {
		border-bottom-color: rgba(203,85,153,.5)
	}

	footer .copyright,footer .menu a {
		color: #fff
	}

	footer .menu a {
		font-size: 14px;
		padding: 8px 0
	}

	footer .newsletter .follow-us {
		margin-bottom: 1.5em
	}

	footer .newsletter .follow-us a {
		background: transparent;
		width: auto;
		height: auto;
		margin: 0 1em;
		border-radius: 0
	}

	footer .newsletter .follow-us a svg {
		color: #cb5599;
		fill: #cb5599
	}

	footer .newsletter form {
		text-align: center
	}

	footer .newsletter form .offer {
		width: 10em;
		margin: .6em auto 0
	}
}