/* CSS Landing Page ----------------- Biotherm DW context */
.main .content { padding: 0;}
.main .content .primary {width:100%; float:none}
.main .content .secondary, .main .content .breadcrumb {display:none}
.glp-module h3 {font-family:FuturaStdBook; font-size:24px;  text-align: center;  text-transform: uppercase;  margin-top: 60px;}


.glp-push-content.two-three-step-routine .media.media--top  {display:none}
.glp-push-content.two-three-step-routine .two-three-step-products {margin:0}
.glp-push-content.two-three-step-routine .product__item {background:url(products/product_bg_e0e0e0_224.png) no-repeat center top; padding-top: 0;}
.glp-push-content.two-three-step-routine .product__item .product__item-tile {     padding-top: 3rem;}

/* CSS Landing Page ----------------- generic */
.mgz_magazine {width:960px; margin:0 auto; padding-bottom:25px; background:White; font-family:FuturaStdBook; }
.mgz_magazine:not(.mgz_home)>*:not(#mgz_breadcrumb):not(img) {width:780px; margin:0 auto}
.mgz_magazine h1 {font-family: 'Playfair Display', serif; font-weight: 700; text-transform:uppercase; color:#313131; margin:25px auto !important; text-align:center; line-height: 40px; font-size: 40px;}
.mgz_magazine h2 {font-family:FuturaStdBook; color:#313131; font-size:16px; line-height: 24px; margin-bottom:25px !important}
.mgz_magazine h3 {font-family:FuturaStdBold; text-transform:uppercase; margin-bottom:15px !important}
.mgz_magazine p {color:#313131; margin-bottom:20px !important; line-height: 24px;}
.mgz_magazine a {color:#23cac3;}
.mgz_magazine strong {font-family:FuturaStdHeavy;}
.mgz_magazine ul:not(#mgz_breadcrumb):not(#mgzFilter) { padding: 0 0 0 20px; margin-top: -20px !important; margin-bottom: 20px !important;}
.mgz_magazine .mgz_clear {clear:both}
.mgz_magazine iframe.instagram-media {margin:0 auto 40px !important}


/* CSS Landing Page -----------------  */
#mgz_breadcrumb, #mgz_breadcrumb li {height:33px; list-style-type:none; margin:0; padding:0; color:#aeaeae; font-size:14px}		
#mgz_breadcrumb {margin:0 auto; }	
#mgz_breadcrumb li {float:left; line-height:33px; padding-left:13px;}
#mgz_breadcrumb li:first-child{padding-left:0}
#mgz_breadcrumb li:first-child:after {content:">"; margin-left: 13px;}
#mgz_breadcrumb a {color:#aeaeae}
#mgz_breadcrumb li.end {color:#313131;}

#mgz_cat {clear:both; display:block; margin-top:50px !important; font-family:FuturaStdHeavy; color:#2b626f; text-transform:uppercase; font-size: 12px; text-align:center}

#mgzFilter {display: flex; justify-content: center; margin-bottom:30px !important; margin-left:0 !important; list-style: none;}
#mgzFilter li {float:left;}
#mgzFilter a {font-family:FuturaStdHeavy; color:#535355; text-transform:uppercase; display:block; text-decoration:none; padding:5px 30px}
#mgzFilter a.mgz_current {color:#2b626f; border-bottom:2px solid #2b626f}


/* Ask Biotherm */
.mgz_ab h3 {text-align: left; font-family: FuturaStdHeavy; font-size: 18px;}
.mgz_ab .mgz_bloc {display: flex; align-items:center; margin-bottom: 50px !important;}
.mgz_ab .mgz_img01 {margin-left:-90px}
.mgz_ab.mgz_magazine h2 {padding-left:20px; margin-bottom: 0 !important;}
.mgz_ab .mgz_img02, .mgz_ab .mgz_img03, .mgz_ab .mgz_img04 {float: left; margin: 0 20px 20px 0;}

.mgz_ab .mgz_bloc_prd {}
.mgz_ab .mgz_bloc_prd div.mgz_prd_text {display: inline;}
.mgz_ab .mgz_bloc_prd div.mgz_prd {float: right; text-align: center; padding: 0 20px;  max-width: 340px;}
.mgz_ab .mgz_bloc_prd div.mgz_prd .product_tile {background:url(products/product_bg_e0e0e0.png) no-repeat center top; padding-top: 120px;  position: relative;}
.mgz_ab .mgz_bloc_prd div.mgz_prd .product_tile .product_badge {margin:0}
.mgz_ab .mgz_bloc_prd div.mgz_prd h3 {margin:0}
.mgz_ab .mgz_bloc_prd div.mgz_prd h3 a {display:block; text-align:center; color:#282828; font-family:FuturaStdBook; font-size:16px; text-decoration: none;}
.mgz_ab .mgz_bloc_prd div.mgz_prd .product__priceshop_wrapper {display:none}
.mgz_ab .mgz_bloc_prd div.mgz_prd .inline_rating_label_link {display:none}
.mgz_ab .mgz_bloc_prd div.mgz_prd .price p:not(.price_standard) {font-size: 16px; color: #2b626f;}
.mgz_ab .mgz_bloc_prd div.mgz_prd a.button_shop_now {color:White; background: #2b626f;}

/*Good Hands */
.mgz_gh .mgz_bloc div {display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;  align-items:center; background-color:#eeeff1; position:relative}
.mgz_gh .mgz_bloc div span {    position: absolute;    width: 60px;    height: 60px;    text-align: center;    background: #313131;    color: white;    line-height: 60px;    top: 0;    font-family: FuturaStdBook;    font-size: 26px;}
.mgz_gh .mgz_bloc div:nth-child(2n) span {left:50%}
.mgz_gh .mgz_bloc div p {padding: 0 30px; margin:0 !important; width:50%}
.mgz_gh .mgz_bloc div:nth-child(2n) img {-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;
  -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  -ms-flex-order: 1;              /* TWEENER - IE 10 */
  -webkit-order: 1;               /* NEW - Chrome */
  order: 1; }



/*Skin Mood */
.mgz_sm h3 {text-align: left; font-family: FuturaStdHeavy; font-size: 18px;}
.mgz_sm img {display:block; margin:0 auto 50px auto}
.mgz_sm.mgz_magazine h2 {font-size:20px}


/*Home */
.cover-total h1 {text-transform: uppercase; margin-top: 50px; font-size: 3.8rem; line-height: 3.5rem; font-family: 'Playfair Display', serif; font-weight: 700; }
.cover-total h1 span {display: block; font-size: 1.5rem; font-family: FuturaStdBook; font-weight:normal}
.cover-total .media__text {text-align: center; color: white; text-transform: uppercase; font-family: FuturaStdBook; font-size: 30px; width: 44%; padding: 0 3%;}
.cover-total .media__text span {display: block; font-family: FuturaStdHeavy; opacity: 0.5; font-size: 12px; letter-spacing: 3px;margin-bottom: 20px;}
.cover-total .media__text .media__button {padding-top:0; }
.cover-total .media__text .media__button  a {border-color: #ffffff; background: transparent; padding: 0.8em 2.6em; font-size: 1.1rem; font-family: FuturaStdBook;}

.mgz_blocarticles div {float:left; width:49%; margin-right:2%; text-align:center; display:none}
.mgz_blocarticles div.mgz_smallthumb {width:32%;}
.mgz_blocarticles div.mgz_lastthumb {margin-right:0}
.mgz_blocarticles div img {width:100%; height:auto}

.mgz_blocarticles div #mgz_cat {margin-top:30px !important; margin-bottom:15px !important}
.mgz_blocarticles div a:nth-child(3) {font-family:FuturaStdBook; text-transform:uppercase; color:#313131; text-decoration:none; font-size:24px; line-height:26px; height:120px; display:block}
.mgz_blocarticles div.mgz_smallthumb a:nth-child(3) {font-size:20px; line-height:22px}

#mgz_otherarticles .mgz_smallthumb {padding:0 10px}
#mgz_otherarticles img {width:100%; height:auto}
#mgz_otherarticles .mgz_cat {margin-top:30px !important; margin-bottom:15px !important; display: block; font-family: FuturaStdHeavy; color: #2b626f; text-transform: uppercase; font-size: 12px; text-align: center;}
#mgz_otherarticles a.mgz_linktxt {font-family:FuturaStdBook; text-transform:uppercase; color:#313131; text-decoration:none; font-size:20px; line-height:22px; height:120px; display:block; text-align: center;}

.mgz_home #mgzLoadMore {text-align: center; text-transform: uppercase; color: #282828; text-decoration: none; font-size: 16px; margin: 30px auto; border: 1px solid #282828; padding: 15px 0; width: 200px;  display: block;}



/* .two-three-step-routine */
.two-three-step-routine h3 { margin: 0 !important;  height: inherit !important;}
.two-three-step-routine h3 .product_name { padding: 20px 0 0 0; height: 100px;}
.two-three-step-routine .product_subtitle { margin-bottom: 0; height: 55px;}
.two-three-step-routine .inline_rating_link {text-decoration:none}
.two-three-step-routine .inline_rating_label_link {display:none}
.two-three-step-routine .price .price_standard, .two-three-step-routine .price p:not(.price_standard) {font-size:16px}
.two-three-step-routine .price p:not(.price_standard) {color:#2b626f}
.two-three-step-routine .button {background: #2b626f;}
.two-three-step-routine .direct-add-to-cart .product-variations, .two-three-step-routine .direct-add-to-cart .section_wrapper .button  {margin: 0;}

/*----------------------------------------------------------------------\
					MAX-WIDTH 1176px 
\---------------------------------------------------------------------*/
@media only screen and (max-width: 1176px) {


}


/*----------------------------------------------------------------------\
					MAX-WIDTH 1024px 
\---------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {




/*Home*/
.cover-total .media__text .media__title  {line-height: 40px;}
}

/*----------------------------------------------------------------------\
					MAX-WIDTH 960px 
\---------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
	.main .content .primary {    margin: 0;    padding: 0;}
	.mgz_magazine {width:100%}
	.mgz_magazine.mgz_home {width: 98%;}
	
	#mgz_breadcrumb {margin-left:20px}
	
	/* fix footer Biotherm */
	.footer .footer_social_networking_asset {    width: 100%;}
	
}

@media only screen and (max-width: 800px) {
	.mgz_magazine h1, .mgz_magazine h2, .mgz_magazine>p {padding-left:20px; padding-right:20px; width:auto !important}
	
	.mgz_magazine>*:not(#mgz_breadcrumb):not(img) {width: 100%;}
	
	
	.mgz_gh .mgz_bloc div img {width:50%; height:auto}
	.mgz_gh .mgz_bloc div p {padding: 0 5px 0 15px; line-height: 18px;}
	
	.mgz_ab.mgz_magazine h2 {text-align:left}
	.mgz_ab.mgz_magazine h3 {padding-left: 20px;}
	.mgz_ab .mgz_bloc {display:block; text-align: center; margin-bottom:20px !important}
	.mgz_ab .mgz_img01 {margin:0 0 20px; }
	.mgz_magazine.mgz_ab ul:not(#mgz_breadcrumb):not(#mgzFilter) {  margin: 0 20px; width: auto;}
}


/*----------------------------------------------------------------------\
					MAX-WIDTH 780px  // TABLET
\---------------------------------------------------------------------*/
@media only screen and (max-width: 780px) {
	.cover-total .media__text { width: 100%;}
	
	.mgz_blocarticles div.mgz_smallthumb { width: 49%;}
	.mgz_blocarticles div.mgz_lastthumb { margin-right: 2%;}
	.mgz_blocarticles div:nth-child(2n) {margin-right: 0;}
	
	.mgz_magazine:not(.mgz_home)>*:not(#mgz_breadcrumb):not(img) {width:100%; margin-top:20px !important}
	
	
	.mgz_ab .mgz_img02, .mgz_ab .mgz_img03, .mgz_ab .mgz_img04 {width: 50%}
	
	
}


/*----------------------------------------------------------------------\
					MAX-WIDTH 640px // MOBILE
\---------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	
	
	
	.glp-module h3 {/*text-align:left*/}
	.two-three-step-routine h3 {text-align:center}
	.two-three-step-routine .two-three-step-products .slick-dots {right: 50%; width: 100px;  margin-right: -50px; top: -4%;}
	
	
	.cover-total h1, .mgz_magazine h1 {font-size: 30px; line-height: 30px;}
	.cover-total h1 {margin-top: 25px;}
	.cover-total h1 span {font-size:16px}
	.cover-total .media__text {color:White; font-size:20px; display: flex;     flex-direction: column;     justify-content: center; top: 0;}
	.cover-total .media__text .media__title {    line-height: inherit; padding-top:0px}
	.cover-total .media__text span {margin:15px 0}
	.cover-total .media__text .media__button {padding-top:20px}
	
	.mgz_magazine.mgz_home {width: 92%;}
	#mgzFilter li {    display: table;     width: 25%;}
	#mgzFilter a {height: 60px; display: table-cell;  vertical-align: middle; text-align:center; border-right: 1px solid white; border-bottom: 2px solid #f2f2f2; padding: 5px; background: #f2f2f2;}
	#mgzFilter a.mgz_current {background:White; border-right:none}
	.mgz_blocarticles div {    width: 100% !important;  margin-right: 0 !important;}
	
	
	/*breadcrumb*/
	.main>.glp-module:first-child .glp-push-content .title:nth-child(2) {display:none}
	.main>.glp-module:first-child .glp-push-content .subtitle:nth-child(3) {display:none}
	
	#mgz_breadcrumb { background: #f3f3f3; margin: 0; padding: 10px 20px; height: auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	#mgz_breadcrumb:before {display: table;  content: ' ';}
	#mgz_breadcrumb:after { content: ""; display: table; clear: both;}
	#mgz_breadcrumb li  {display: inline; float:none; padding-left: 5px;}
	#mgz_breadcrumb li:first-child a {text-decoration:none}
	#mgz_breadcrumb li.end  { }
	#mgz_breadcrumb li:not(.end):after {margin-left: 5px;}
	
	.mgz_magazine:not(.mgz_home)>*:not(#mgz_breadcrumb):not(img) {text-align: left; font-size: 16px;}
	#mgz_cat {padding-left:20px}
	.mgz_sm img {width:100%; height:auto}
	.mgz_magazine h2 {font-size:18px}
	.mgz_magazine p {font-size:18px}
	
	
	/* Ask Biotherm */
	.mgz_ab .mgz_img01 {width:100%; height:auto}
	
	/* In good Hands */
	.mgz_gh .mgz_bloc div { display: block;  text-align: center;  padding: 20px;}
	.mgz_gh .mgz_bloc div span {top: 20px;left: 50% !important; margin-left: -195px;}
	.mgz_gh .mgz_bloc div:nth-child(2n) span { left: inherit;}
	.mgz_gh .mgz_bloc div p { padding: 15px 0 0; line-height: 24px;  width: 100%;}
	.mgz_gh .mgz_bloc div img {width: inherit;}
	

	
	
}

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

@media only screen and (max-width: 450px) {
	
	.mgz_magazine h1 {font-size: 20px;line-height: 25px;}
	
	.mgz_ab h3 {line-height: 20px;}
	
	#mgzFilter a {font-size: 13px;}
	
	/* In good Hands */
	.mgz_gh .mgz_bloc div {padding: 0 0 40px;}
	.mgz_gh .mgz_bloc div img {width: 100%;}
	.mgz_gh .mgz_bloc div span {top:0}	
	
	
}

@media only screen and (max-width: 390px) {
	
	.cover-total .media__text .media__button {margin: 0 auto;}
	
	/* In good Hands */
	.mgz_gh .mgz_bloc div img {width:100%; height:auto}
	.mgz_gh .mgz_bloc div span {left: 0 !important; margin-left:0}
	
	
	.mgz_ab .mgz_img02, .mgz_ab .mgz_img03, .mgz_ab .mgz_img04 {float: none; width:100%; height:auto; margin: 0;}
	
	
}