#main {
/*margin-top:0px;*/
}
#feed-parallax-01 {
	background-image: url(../img/Block-05-visual-parallax.jpg);
}
.primary-content{
	padding-bottom:0px;
}
/*------------------------------------------------------------*/
#Header-Section {
	width: 100%;
	display: block;
	position: relative;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: right;
	margin-bottom: 60px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 761px) {
#Header-Section {
	margin-bottom: 0px;
}
}


#MyContent .text-link{
	font-size: 11px!important;
    line-height: 18px;
}
#MyContent .text-link a, #MyContent .text-link span {
	margin: 0;
	padding-top: 15px!important;
	color: #000!important;
	line-height: 1em!important;
	text-transform: uppercase;
	display: inline;
	font-size: 11px!important;
	text-decoration: none!important;
	border-bottom: #d4d4d4 1px solid!important;
	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif, 'Kanit';
}

#MyContent .text-link a:hover, #MyContent a:hover .text-link span {
	border-bottom: #be0f34 1px solid!important;
	color: #be0f34!important;
}

/* #Header-Section .visual */
#Header-Section .visual {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	max-height:500px;
}

@media screen and (max-width: 1023px) {
	#Header-Section .visual{overflow: hidden;max-height: 500px; height: 100%;}
}
@media screen and (max-width: 761px) {
	#Header-Section .visual {overflow: hidden;width: 100%;position: relative;}
}



#Header-Section .visual .wrapper {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 2000px;
	height: 100%;
	margin-left: -1000px;
	left: 50%;
	top: 0px;
	text-align: center;
	overflow-y: hidden;
}


#MyContent .visual .wrapper img {
	height: 100%!important;
	width: auto!important;
}
#Header-Section .banner-spacer {
	display: none;
}
@media screen and (max-width: 1249px) {
	#Header-Section .banner-spacer {
		display: block;
		width: 100%;
		height: auto;
		max-width: 1024px;
	}
}

@media screen and (max-width: 761px) {
#Header-Section .banner-spacer {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1024px;
}
}


.video-top-banner {
	position: relative;
}

#Header-Section .visual a.link-video {
	background-image: url("../img/video-play.svg");
	background-repeat: no-repeat;
	background-position:center center;
	position: absolute;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
@media screen and (max-width: 761px) {
#Header-Section .visual a.link-video {
	background-size:auto 20% ;
}
}
#Header-Section .box-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	position: relative;
}

@media screen and (max-width: 1023px) {
#Header-Section .box-wrapper {
	overflow: visible;
	max-width: 762px;
}
}
#Header-Section .white-block {
	margin-bottom: 80px;
	margin-top: 80px;
	margin-right: 80px;
	overflow: visible;
	position: relative;
	width: 370px;
	z-index: 5;
	text-align: left;
	display: inline-block;
	min-height: 340px;
	line-height: 340px;
}

@media screen and (max-width: 1023px) {
#Header-Section .white-block {
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 60px;
	width: 35%;
}
}

@media screen and (max-width: 761px) {
#Header-Section .white-block {
	margin: 0;
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	min-height: 0px;
	line-height: 0px;
	   margin-bottom: 60px;
}
}
#Header-Section .white-block .wrapper {
	background-color: #fff;
	display: inline-block;
	line-height: 12px;
	padding: 30px;
	position: relative;
	vertical-align: middle;
}

@media screen and (max-width: 1023px) {
#Header-Section .white-block .wrapper {
}
}

@media screen and (max-width: 761px) {
#Header-Section .white-block .wrapper {
	min-height: 10px;
	padding: 20px;
}
}
#Header-Section .white-block .wrapper h2 {
	color: #be0f34;
	margin: 0;
	padding: 0;
	font-family: ClarinsRegular, 'Kanit Light';
	font-size: 40px;
	font-weight: normal;
	padding-bottom: 25px;
	line-height: 1em;
}

@media screen and (max-width: 761px) {
#Header-Section .white-block .wrapper h2 {
	font-size: 30px;
}
}
#Header-Section .white-block .wrapper p {
	color: #8b8b8b;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 22px;
}
#Header-Section .infos {
	color: #fff;
	font-size: 11px;
	text-align: right;
	width: 400px;
	z-index: 10;
	bottom: 30px;
	right: 80px;
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
}

@media screen and (max-width: 1023px) {
#Header-Section .infos {
	right: 60px;
	width: 40%;
	bottom: 10px;
}
}

@media screen and (max-width: 761px) {
#Header-Section .infos {
	bottom: auto;
	margin-left: auto;
	margin-right: auto;
	top: -60px;
	position: absolute;
	right: auto;
	text-align: center;
	width: 100%;
}
}

/* parallax with box home spa */

#MyContent .parallax {
	position: relative;
	display: block;
	height: 300px;
	overflow: visible;
	margin-bottom: 60px;
}

@media screen and (max-width: 761px) {
#MyContent .parallax {
	height: 200px;
}
}
#MyContent .parallax .background {
	position: absolute;
	left: 50%;
	margin-left: -1250px;
	width: 2500px;
	top: 0px;
	height: 300px;
	background-repeat: no-repeat;
	background-color: #e1e1e1;
	z-index: 1;
	background-attachment: fixed;
}

@media screen and (max-width: 761px) {
#MyContent .parallax .background {
	height: 200px;
}
}

/* parallax with caption */

#MyContent .with-caption.parallax {
	position: relative;
	display: block;
	height: 300px;
	overflow: visible;
	margin-bottom: 60px;
}

@media screen and (max-width: 761px) {
#MyContent .with-caption.parallax {
	height: 200px;
}
}
#MyContent .white-caption-parallax {
	bottom: 10px;
	left: 50%;
	line-height: 11px;
	max-width: 452px;
	position: absolute;
	text-align: center;
	font-size: 11px;
	width: 50%;
	z-index: 2;
}

@media screen and (max-width: 1023px) {
#MyContent .white-caption-parallax {
}
}

@media screen and (max-width: 761px) {
#MyContent .white-caption-parallax {
	bottom: -34px;
	font-size: 14px;
	width: 100%;
	left: 0%;
	max-width: 762px;
}
}
#MyContent .white-caption-parallax .col-gutter {
	position: relative;
	text-align: right;
}

@media screen and (max-width: 761px) {
#MyContent .white-caption-parallax .col-gutter {
	text-align: center;
}
}
#MyContent .white-caption-parallax .wrapper {
	/*background-color: #fff;*/
	color: #FFF;
	display: inline-block;
	line-height: 1em;
	/*padding: 20px;*/
}
/**/
#MyContent .shadow-border {
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
	position: absolute;
	left: 50%;
	width: 2600px;
	margin-left: -1300px;
	top: 0px;
	height: 100%;
	z-index: 3;
}

#Header-Section.video-header .white-block {
	margin: 0;
	width: 330px;
	position: absolute;
	right: 80px;
	top: 0px;
	height: 100%;
	line-height: 530px;
}

@media screen and (max-width: 1023px) {
#Header-Section.video-header .white-block {
	height: 530px;
	line-height: 530px;
	margin: -265px 0 0;
	position: absolute;
	right: 30px;
	top: 50%;
	width: 280px;
}
}

@media screen and (max-width: 761px) {
#Header-Section.video-header .white-block {
	width: 100%;
	margin: 0;
	position: relative;
	height: auto;
	line-height: 1em;
	top: auto;
	right: auto;
}
}
#Block-02 {
	text-align: center;
	font-size: 22px;
	line-height: 32px;
}
#Block-02 img {
	width: 100%;
	max-width: 555px;
	margin-bottom: 60px;
}
#value-D-5{
	margin-left:-5px;
}
#Block-02 .MyText-before {
	margin:0;
}
#Block-02 .MyText-after {
		margin-top: 15px;
}
#Block-02 .anim-digit {
	font-size: 0;
}
@media screen and (max-width: 761px) {
	#Block-02 .anim-digit  {
		left: 50%;
		transform: scale(0.8);
		transform-origin: left top 0;
		width: 400px;
		position: absolute;
		margin-left: -165px;
		 margin-top: -80px;
	}
	#Block-02 .MyText-before {
		margin-bottom: 80px;
	}
	#Block-02 .MyText-after {
		margin-top: 0px;
	}
}

#Block-02 .digit {
	width: 45px;
	height: 80px;
	display: inline-block;
	background-image: url(../img/anim-numero.png);
	font-size: 78px;
	line-height: 1em;
	color: #be0f34;
	text-align: center;
	opacity: 0;
	vertical-align:bottom;
}

#Block-02 .DigitBlurANIM {
	opacity: 1;
	animation-name: DigitBlur;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 30;
	background-position: -118px 0px;
}
@keyframes DigitBlur {
 0% {
 background-position:-118px 0px;
}
 100% {
 background-position: -118px -807px;
}
}
#Block-02 .DigitEndANIM-0 {
	opacity: 1;
	animation-name: DigitAnim-0;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-0 {
 0% {
 background-position: -20px 0px;
}
 100% {
 background-position: -20px 0px;
}
}
#Block-02 .DigitEndANIM-1 {
	opacity: 1;
	animation-name: DigitAnim-1;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-1 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -80px;
}
}
#Block-02 .DigitEndANIM-2 {
	opacity: 1;
	animation-name: DigitAnim-2;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-2 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -160px;
}
}
#Block-02 .DigitEndANIM-3 {
	opacity: 1;
	animation-name: DigitAnim-3;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-3{
 0% {
 background-position: -20px 0px;
}
 100% {
background-position: -20px -240px;
}
}
#Block-02 .DigitEndANIM-4 {
	opacity: 1;
	animation-name: DigitAnim-4;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-4 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -320px;
}
}
#Block-02 .DigitEndANIM-5 {
	opacity: 1;
	animation-name: DigitAnim-5;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-5{
 0% {
 background-position: -20px 0px;
}
 100% {
background-position: -20px -400px;
}
}
#Block-02 .DigitEndANIM-6 {
	opacity: 1;
	animation-name: DigitAnim-6;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-6 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -480px;
}
}
#Block-02 .DigitEndANIM-7 {
	opacity: 1;
	animation-name: DigitAnim-7;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-7 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -560px;
}
}
#Block-02 .DigitEndANIM-8 {
	opacity: 1;
	animation-name: DigitAnim-8;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-8 {
 0% {
 background-position: -20px 0px;
}
 100% {
background-position: -20px -640px;
}
}
#Block-02 .DigitEndANIM-9 {
	opacity: 1;
	animation-name: DigitAnim-9;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-9 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -720px;
}
}



#Block-02 .digit span {
	display: none;
}
#Block-02 .dot {
	display: inline-block;
	font-size: 50px;
	line-height: 1em;
	color: #be0f34;

	z-index:2;
	vertical-align:bottom;
}

#Block-02b {
	padding-top: 60px;
}

#FEEDpouchpack{
	max-width : 600px;
	height : auto;
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.link-store{

	text-align: center;
	color:#ffffff;
	background-color: #be0f34;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif, 'Kanit' !important;
	font-size : 11px;
}

.link-store:hover{
	color: #ffffff;
	background-color: rgba(190,15,52,0.8);

}

#Block-02b p{
	font-size : 14px;
	padding-left : 7%;
	padding-right : 4%;
}
#Block-02b-Products{
	text-align : center;
}

#mentions{
	font-size: 11px !important;
}

@media screen and (max-width: 1023px){
	#FEEDpouchpack{
		max-width : 400px;
	}
}

@media screen and (max-width: 800px){
	#FEEDpouchpack{
		max-width : 300px;
	}
}

#Block-03 {
	margin: 0;
	margin-top: 60px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	background-image: url(../img/Block-03-texture.png);
	padding-top: 60px;
	padding-bottom: 60px;
	width: 2000px;
	margin-left: -375px;
	background-color:#f0e7de;
}

#P-1-feed span, #P-10-meals span {
	position: absolute;
	top: 173px;
	text-align: left;
	left: 5%;
	min-width: 300px;
}
#P-1-feed span, #P-10-meals span {
	margin-left: 20px;
}
/*#P-10-meals span {
	margin-left: -15px;
}*/


@media screen and (max-width: 1249px) {
#Block-03 {
	width: 100%;
	margin-left: 0;
}
}
#Block-03 p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
}
#Block-03 .mobile-line-break {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
#Block-03 p .mobile-line-break {
	vertical-align: bottom;
}

@media screen and (max-width: 761px) {
#Block-03 .mobile-line-break {
	display: block;
}

#P-1-feed {
	left:-10px;
}

#P-1-feed span {
	margin-left:50px;
}
}
#Block-04 {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
#Block-04 img {
	width: 100%;
	border: 3px solid #f1f1f1;
}
	#Block-04 .jcarousel-pagination {
		display:none;
	}

@media screen and (max-width: 761px) {
	#Block-04 .jcarousel-pagination {
		bottom: 0px; 
		display:block;
	}
}

#Block-04 .jcarousel {
	margin-left: auto;
	margin-right: auto;
}
#Block-04 .jcarousel ul {
	
}
#Block-04 .jcarousel ul li {

	text-align: center;
}
@media screen and (max-width: 761px) {
#Block-04 .jcarousel ul li {
	padding-bottom:30px;
}
}
#Block-04 .jcarousel ul li .wrapper {
	padding-top: 30px;
}
#Block-04 .jcarousel ul li p {
	margin: 0;
	padding: 0;
	display: block;
	color: #be0f34;
	font-size: 12px;
	text-align: left;
	position:relative;
}

#Block-04 .jcarousel ul li p span{
  bottom: 10px;
  font-size: 10px;
  left: 10px;
  position: absolute;
  color: #fff;
}
#Block-04 .jcarousel ul li .col {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 20px;
	max-width: 390px;
}
#Block-04 .jcarousel ul li p.text {
	margin: 0;
	padding: 0;
	display: block;
	color: #8b8b8b;
	font-size: 12px;
	margin-left: 18px;
	margin-top: 15px;
}
#Block-04 .jcarousel ul li p.text::before {
	content: "• ";
	color: #be0f34;
	font-size: 12px;
	margin-left: -12px;
}
#Block-04 .jcarousel ul li h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	display: block;
	color: #000;
	font-size: 30px;
	font-family: ClarinsRegular, 'Kanit Light';
	text-align: left;
	line-height: 1em;
}
#Block-06 {
	text-align: center;
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#Block-06 .col {
	display: inline-block;
	float: none;
	vertical-align: top;
}
#Block-06 h3 {
	margin: 0;
	font-family: ClarinsRegular, 'Kanit Light';
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0px;
}
#Block-06 p {
	font-size: 14px;
}
#Block-06 img {
	width: 100%;
	max-width: 432px;
	display: block;
}
#Block-06 p.video {
	margin: 0;
	margin-top: 40px;
	padding: 0;
	display: block;
	text-align: left;
}
#Block-06 p.text {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	font-family: ClarinsRegular, 'Kanit Light';
	font-size: 22px;
	text-align: left;
}
#Block-07 {
	margin: 0;
	margin-top: 60px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4em;
	background-image: url(../img/Block-03-texture.png);
	padding-top: 60px;
	padding-bottom: 60px;
	width: 2000px;
	margin-left: -375px;
	margin-bottom: 0px;
	background-color:#f0e7de;
}
#Block-07 .col {
	display: inline-block;
	float: none;
	vertical-align: middle;
	text-align: left;
}
#Block-07 img {
	width: 100%;
	max-width: 432px;
	display: block;
}
#Block-07 h3 {
	font-family: ClarinsRegular, 'Kanit Light';
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0px;
	line-height:1em;
}

@media screen and (max-width: 1249px) {
#Block-07 {
	width: 100%;
	margin-left: 0;
}
}
#Block-07 p {
	margin: 0;
	padding: 0;
	display: inline-block;
	padding-bottom:15px;
}
#Block-07 p.MyText {
	padding-bottom:15px;
}
#Block-07 .MyMentions {
	font-size: 11px;
	font-style: italic;
	padding: 10px;
	color: #000;
	display: block;
	background-color: rgba(0,0,0,0.1);
}
/*---------*/
.col-video {
	max-width: 432px;
	margin-left: 40px;
	margin-right: 40px;
}


@media only screen and (max-width: 761px){
	#Block-03 p{
		max-width: 325px;
		margin-left: 30px;
	}
}

#Block-04 .jcarousel ul li p.text::before  {
	content: "• " !important;
}