.MyContent .ShareLink{
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
}

@media only screen and (max-width:761px) {
.MyContent .ShareLink{
position: relative;
top: auto;
right: auto;
-webkit-transform: none;
transform: none;
margin: 0;
text-align:center;
margin-top:20px;
}
}
/*-----------------------------*/
.st_facebook_custom {
	background: url("img/facebook.svg") no-repeat scroll left top transparent;
	background-size: 100% auto;
	padding:0;
	display:inline-block;
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin-right:5px;
}
.st_twitter_custom {
	background: url("img/twitter.svg") no-repeat scroll left top transparent;
	background-size: 100% auto;
	padding: 0;
	width: 30px;
	height: 30px;
	display:inline-block;
	cursor: pointer;
		margin-right:5px;
}
.st_pinterest_custom {
	background: url("img/pinterest.svg") no-repeat scroll left top transparent;
	background-size: 100% auto;
	padding: 0;
	width: 30px;
	height: 30px;
	display:inline-block;
	cursor: pointer;
}
/*-----------------------------*/
#main {
	margin-top: 0px;
}
.breadcrumb {
	display: none;
}
.MyContent {
	display: block;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 1250px;
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 60px;
	z-index: 1;
	min-width: 320px;
	transition: min-height 0.5s ease-in-out;
}

@media only screen and (max-width:1249px) {
.MyContent {
	overflow: hidden;
}
}
html {
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
.MyContent * {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.MyContent .MyBlock {
	position: relative;
	display: block;
}

.MyContent .MyBlock p.TextLink {
	margin: 0;
	padding: 0;
	text-align:left;
}
.MyContent .MyBlock p.TextLink a {
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px solid #e7e7e7;
	color: #000;
	text-transform: uppercase;
	display: inline;
	font-family:"Gotham SSm bold A", "Gotham SSm bold B", Gotham, Helvetica, Arial, sans-serif;
	line-height:13px;
}
.MyContent .MyBlock p.TextLink a:nth-child(1){
	margin-right:30px;
}
.MyContent .MyBlock p.TextLink a:nth-child(2){
	position:absolute;
	right:50%;
	margin-right:10px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.MyContent .MyBlock p.TextLink a:nth-child(3){
	position:absolute;
	left:50%;
	margin-left:10px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.MyContent .MyBlock p.TextLink a:hover {
	border-bottom: 1px solid #be0f34;
	color: #be0f34;
}
/**************************************************/

.MyContent #Block-BREADCRUMB{
	padding:20px;
}
.MyContent #Block-BREADCRUMB p.TextLink{
	display:block;
	position:relative;
	line-height:50px;
	text-align:left;
	
}
@media only screen and (max-width:761px) {
	.MyContent #Block-BREADCRUMB p.TextLink a{
		margin:0;
		padding:20px;
		text-align:left;
		border:1px solid #e7e7e7;
		line-height:1em;
	}
	.MyContent #Block-BREADCRUMB p.TextLink a span{
		display:none;
	}
}
/**************************************************/
.MyContent #Block-ARTICLE-HEADER {
	display: block;
	width: 2000px;
	margin: 0;
	padding: 0;
	margin-left: -375px;
	text-align: center;
	position: relative;
	background-color:#f2ded3;
	padding-top:50px;
	padding-bottom:280px;
}
@media only screen and (max-width:1249px) {
.MyContent #Block-ARTICLE-HEADER {
	width: 100%;
	margin-left: 0;
}
}

@media only screen and (max-width:1023px) {
.MyContent #Block-ARTICLE-HEADER {
	padding-bottom:20px;
	padding-top:30px;
}
}

.MyContent #Block-ARTICLE-HEADER h1 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 50px;
	font-weight: normal;
	text-transform: none;
	border: 0px solid;
	font-family: ClarinsRegular, Clarins;
	text-align: center;
	margin-bottom: 5px;
	position: relative;
	display: block;
	line-height: 1em;
	margin-left: auto;
	margin-right: auto;
	width:calc(100% - 40px);
	max-width:1170px;
}

@media only screen and (max-width:1023px) {
.MyContent #Block-ARTICLE-HEADER h1 {
	font-size: 40px;
}
}

@media only screen and (max-width:761px) {
.MyContent #Block-ARTICLE-HEADER h1 {
	font-size: 35px;
}
}
.MyContent #Block-ARTICLE-HEADER p.Text {
	font-size: 16px;
	line-height: 1.4em;
	margin: 0;
	margin-top: 20px;
	width:calc(100% - 40px);
	max-width:950px;
	margin-left: auto;
	margin-right: auto;
	
}
.MyContent #Block-ARTICLE-HEADER p.Text img{

	max-width:100%;
	
	
}
/**************************************************/

.MyContent #Block-ARTICLE-VISUAL{
	margin-top:-230px;
	max-width:1230px;
	margin-left: auto;
	margin-right: auto;
	padding-left:30px;
	padding-right:30px;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-ARTICLE-VISUAL{
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
}	
}
.MyContent #Block-ARTICLE-VISUAL p.Visual{
	margin:0px;
	padding:0px;

}

.MyContent #Block-ARTICLE-VISUAL p.Visual img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.MyContent #Block-ARTICLE-VISUAL p.Text {
    max-width:760px;
	width:calc(100% - 40px);
    display: block;
	font-size:14px;
	line-height:1.4em;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	padding-top:40px;
	padding-bottom:40px;
}

/***************************************/

.MyContent .ArticlePart {
	max-width:1170px;
	margin-left: auto;
	margin-right: auto;
}
.MyContent .ArticlePart .Wrapper{
	font-size:0;
}
.MyContent .ArticlePart .jcarousel{
	font-size:14px;
}
.MyContent .ArticlePart h2{
	text-align:left;
	margin:0px;
	padding:0px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:22px;
	line-height:1.2em;
	padding-top:35px;
	padding:30px;
	border-top:1px solid #e7e7e7;
}
@media only screen and (max-width:761px) {
	.MyContent .ArticlePart h2{
	
	position:relative;
	font-size:18px;
	padding:20px;
	padding-right:40px;
}
	.MyContent .ArticlePart h2::after{
	content:"+";
	position:absolute;
	right:20px;
	top:20px;
	width:20px;
	font-size:40px;
	color:#e7e7e7;
	text-align:right;
}	
.MyContent .ArticlePart.Hidden h2::after{
	content:"+";
}
.MyContent .ArticlePart h2::after{
	content:"-";
}
}
/***************************************/
.MyContent #Block-RELATED-ARTICLES {
	max-width:984px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
	
}
@media only screen and (max-width:1023px) {
.MyContent #Block-RELATED-ARTICLES {
	max-width:640px;
}	
}
@media only screen and (max-width:761px) {
.MyContent #Block-RELATED-ARTICLES {
	max-width:640px;
	padding-bottom:80px;
}	
}
.MyContent #Block-RELATED-ARTICLES .jcarousel-pagination{
	display:none;
}
@media only screen and (max-width:761px) {
.MyContent #Block-RELATED-ARTICLES .jcarousel-pagination{
	bottom:40px;
	display:block;
}	
}
.MyContent #Block-RELATED-ARTICLES .products-pagination.jcarousel-control-next{
	right: -50px;
top: calc(50% - 35px);
}	
.MyContent #Block-RELATED-ARTICLES .products-pagination.jcarousel-control-prev{
	left: -50px;
top: calc(50% - 35px);
}	
.MyContent #Block-RELATED-ARTICLES ul li .ArticleBlock{
	height: 100%;
	width:284px;
	border:2px solid #e7e7e7;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display:flex;
	flex-direction:column;
	margin-left: auto;
	margin-right: auto;
}
.MyContent #Block-RELATED-ARTICLES ul li p.ArticleVisual{
	margin:0;
	padding:0;
	cursor:pointer;
}
.MyContent #Block-RELATED-ARTICLES ul li p.ArticleCategory{
	margin:0;
	padding:20px;
	font-size:11px;
	color:#be0f34;
	text-transform:uppercase;
	text-align:left;
	min-height:20px;
	padding-bottom:0;
}
.MyContent #Block-RELATED-ARTICLES ul li p.ArticleText{
	margin:0;
	padding:20px;
	flex:1;
	text-align:left;
	vertical-align:top;
	font-size:28px;
	line-height: 1em;
	font-family:ClarinsRegular, Clarins;
	padding-top: 10px;
	min-height: 90px;
}
.MyContent #Block-RELATED-ARTICLES ul li p.TextLink{
	margin:0;
	padding:20px;
	text-align:left;
	min-height:20px;
	padding-top: 0px;
}

/***************************************/
.MyContent .BlockText{
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	padding:50px;
	padding-top:0;
}
@media only screen and (max-width:1023px) {
.MyContent .BlockText{
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	padding-top:0;
}
}
@media only screen and (max-width:761px) {
.MyContent .BlockText{
	padding:20px;
	padding-top:0;
}
}
.MyContent .BlockText h3{
	text-align:left;
	margin:0px;
	padding:0px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:1.4em;
	padding-bottom:5px;
	display:block;
}

.MyContent .BlockText p.Text{
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:1.4em;
}
.MyContent .ArticlePart .BlockText p.Text, .MyContent .ArticlePart .MyBlock p.TextLink{
	padding-top:20px;
}
.MyContent .ArticlePart .BlockText p.Text:first-child{
	padding-top:0px;
}
.MyContent .BlockText p.Text a{
	color:#be0f34;
	text-decoration:none;
}
/***************************************/
.MyContent .BlockRoutine{
	padding-bottom:40px;
}
.MyContent .BlockRoutine .jcarousel {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
	
}


@media only screen and (max-width:761px) {
.MyContent .BlockRoutine .jcarousel {
padding-bottom:40px;
}
}
.MyContent .BlockRoutine .jcarousel[data-displayed-items="2|2|1"]{
    max-width: 700px;
	
}
.MyContent .BlockRoutine .jcarousel-pagination{
	display:none;
}
@media only screen and (max-width:761px) {
.MyContent .BlockRoutine .jcarousel-pagination{
	bottom:40px;
	display:block;
}	
}
.MyContent .BlockRoutine ul{
text-align:left;
}
.MyContent .BlockRoutine li{
vertical-align: bottom;
display: inline-block;
float: none;
text-align: center;
}

@media only screen and (max-width:761px) {
.MyContent .BlockRoutine li{
	/*vertical-align: top;*/
	display: inline-block;
	float: none;
	text-align: center;
}
}
@media only screen and (min-width:1024px) {
.MyContent .BlockRoutine li{
width:auto!important;
}	
}
.ProductBlock{
	display:inline-block;
	padding-right:140px;
	position:relative;
	font-size:0;
	line-height:0;
}
@media only screen and (max-width:761px) {
.ProductBlock{
	padding:0px;
}
}

.ProductBlock .ingredient{
	display:block;
	position:absolute;
	font-size:12px;
	z-index:2;
	width: 200px;
text-align: left;
line-height:12px;
}
@media only screen and (max-width:761px) {
.ProductBlock .ingredient{
	top:0!important;
	left:0!important;
	text-align:center!important;
	display:block;
	font-size:11px!important;
	width:100%;
}
}
.ProductBlock .Packshot{
	display:inline-block;
	margin:0;
}
@media only screen and (max-width:1023px) {
.ProductBlock .Packshot{
	display:block;
	margin:0;
}
}
.ProductBlock .Packshot img{
	display:block!important;
	position:relative!important;
	max-width:auto!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
@media only screen and (max-width:761px) {
.ProductBlock .Packshot img{
	max-height:230px;
	float:none!important;
	display:block!important;
	max-width:100%!important;
	
}
}
.ProductBlock .ProductName{
	bottom:80px;
	left:calc(100% - 140px);
	position:absolute;
	text-align:left;
	font-family:ClarinsRegular, Clarins;
	color:#be0f34;
	font-size:18px;
	line-height:1em;
}

@media only screen and (max-width:761px) {
	.ProductBlock .ProductName{
		bottom:auto;
	left:auto;
		text-align:center;
	position:relative;
padding-left:10px;
padding-right:10px;
}	
}
.ProductBlock .ProductPrice{
	bottom:50px;
	left:calc(100% - 140px);
	position:absolute;
	text-align:left;
	font-size:14px;
	line-height:1em;
}
@media only screen and (max-width:761px) {
.ProductBlock .ProductPrice{
	bottom:auto;
	left:auto;
	position:relative;
	text-align:center;
}	
}
.ProductBlock .BtnLink {
	margin: 0;
	padding: 0;
	font-size: 0;
	bottom:0;
	left:calc(100% - 140px);
	position:absolute;
}
@media only screen and (max-width:761px) {
.ProductBlock .BtnLink{
	bottom:auto;
	left:auto;
	position:relative;
		text-align:center;
}	
}
.ProductBlock .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	/*border-bottom: 1px solid #e5e5e5;*/
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
}

/**********************************************/
@media only screen and (max-width:761px) {
.MyContent .ArticlePart .BlockText{
	display:block;
}
.MyContent .ArticlePart .BlockRoutine{
	display:block;
}
.MyContent .ArticlePart.Hidden .BlockText{
	display:none;
}
.MyContent .ArticlePart.Hidden .BlockRoutine{
	display:none;
}
}

/**********************************************/

.MyContent .BlockSplashBox{
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
		padding-top: 50px;
	padding-bottom:  50px;
}
@media only screen and (max-width:761px) {
.MyContent .BlockSplashBox{
	padding-bottom:  0px;
		max-width:350px;
}
}
.MyContent .BlockSplashBox p.Text{

	margin:0;
	display:block;
	border:12px solid #e7e7e7;
	padding:50px;
	font-size:35px;
	color:#000;
	font-family:ClarinsRegular, Clarins;
	text-align:center;
	line-height:1em;
	position:relative;
	z-index:2;
	padding-left: 100px;
	padding-right: 100px;
	background-color:#FFF;
}
@media only screen and (max-width:761px) {
.MyContent .BlockSplashBox p.Text{
		padding: 30px;
		font-size:25px;
		border:8px solid #e7e7e7;
		margin:10px;
}
}
.MyContent .BlockSplashBox p.Text span{
		font-size:11px;
		opacity:0.5;
		font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
		display:block;
		padding:5px;
		text-align:center;
}
.MyContent .BlockSplashBox::before{
	content:" ";
	background-image:url(img/water-left.png);
	display:block;
	width:578px;
	height:376px;
	z-index:3;
	position: absolute;
	right: 100%;
	margin-right: -200px;
	top: calc(50% - 188px);
}
@media only screen and (max-width:761px) {
.MyContent .BlockSplashBox::before{
	top: 0;
}	
}
.MyContent .BlockSplashBox::after{
	content:" ";
	background-image:url(img/water-right.png);
	display:block;
	width:477px;
	height:376px;
	z-index:1;
	position: absolute;
	left: 100%;
	margin-left: -100px;
	top: calc(50% - 188px);
}
@media only screen and (max-width:761px) {
.MyContent .BlockSplashBox::after{
	top: 0;
	
}	
}

/**********************************************/

.MyContent .BlockGrayBox{
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
		padding-top: 50px;
	padding-bottom:  50px;
}
@media only screen and (max-width:761px) {
.MyContent .BlockGrayBox{
	padding-bottom:  0px;
}
}
.MyContent .BlockGrayBox p.Text{

	margin:0;
	display:block;
	border:12px solid #e7e7e7;
	padding:50px;
	font-size:35px;
	color:#000;
	font-family:ClarinsRegular, Clarins;
	text-align:center;
	line-height:1em;
	position:relative;
	z-index:2;
	padding-left: 50px;
	padding-right: 50px;
	background-color:#FFF;
}
.MyContent .BlockGrayBox p.Text span{
		font-size:11px;
		opacity:0.5;
		font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
		display:block;
		padding:5px;
		text-align:center;
}
@media only screen and (max-width:761px) {
.MyContent .BlockGrayBox p.Text{
		padding: 30px;
		font-size:25px;
		border:8px solid #e7e7e7;
		margin:10px;
}
}


/*---------------------------------------------------*/

@media only screen and (max-width:761px) {
	.Wrapper .MyBlock{
		display:block!important;
		max-width:1023px!important;
		padding:20px!important;
	}
	.Wrapper .ProductBlock {
		 padding:0px!important;
		 margin-bottom:0!important;
		 padding-top:15px!important;
	}
	.Wrapper .ProductBlock .Packshot{
		  margin-right:0!important;
		  margin-bottom:0!important;
	}
}
/**********************************************/

.MyContent .TextNum{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:1.4em;
	text-align:center;
}
.MyContent .TextNum img{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.ProductBlock .BtnLink{
	bottom: 35px!important;
}
.ProductBlock .ProductPrice{
	bottom: 90px!important;
}
.ProductBlock .ProductName{
	bottom: 125px!important;
	width: 200px!important;
}