/*
 * FONTS
 */
@import url(https://fonts.googleapis.com/css?family=Raleway);
@font-face {
    font-family: 'omnesregular';
    src: url('../fonts/omnes-webfont.eot');
    src: url('../fonts/omnes-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-webfont.woff') format('woff'),
         url('../fonts/omnes-webfont.ttf') format('truetype'),
         url('../fonts/omnes-webfont.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'omnesmedium';
    src: url('../fonts/omnes_medium-webfont.eot');
    src: url('../fonts/omnes_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes_medium-webfont.woff') format('woff'),
         url('../fonts/omnes_medium-webfont.ttf') format('truetype'),
         url('../fonts/omnes_medium-webfont.svg#omnesmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bauer_bodoniitalic';
    src: url('../fonts/bauerbodoni-italic-webfont.eot');
    src: url('../fonts/bauerbodoni-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauerbodoni-italic-webfont.woff') format('woff'),
         url('../fonts/bauerbodoni-italic-webfont.ttf') format('truetype'),
         url('../fonts/bauerbodoni-italic-webfont.svg#bauer_bodoniitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bauer_bodoniroman';
    src: url('../fonts/bauerbodoni-roman-webfont.eot');
    src: url('../fonts/bauerbodoni-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauerbodoni-roman-webfont.woff') format('woff'),
         url('../fonts/bauerbodoni-roman-webfont.ttf') format('truetype'),
         url('../fonts/bauerbodoni-roman-webfont.svg#bauer_bodoniroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'omneslight';
    src: url('../fonts/omnes_light-webfont.eot');
    src: url('../fonts/omnes_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes_light-webfont.woff') format('woff'),
         url('../fonts/omnes_light-webfont.ttf') format('truetype'),
         url('../fonts/omnes_light-webfont.svg#omneslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'omnessemibold';
    src: url('../fonts/omnes_semibold-webfont.eot');
    src: url('../fonts/omnes_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes_semibold-webfont.woff') format('woff'),
         url('../fonts/omnes_semibold-webfont.ttf') format('truetype'),
         url('../fonts/omnes_semibold-webfont.svg#omnessemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'learningcurvepro';
    src: url('../fonts/learningcurvepro-webfont.eot');
    src: url('../fonts/learningcurvepro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/learningcurvepro-webfont.woff') format('woff'),
         url('../fonts/learningcurvepro-webfont.ttf') format('truetype'),
         url('../fonts/learningcurvepro-webfont.svg#learningcurvepro') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LearningCurve';
    src: url('../fonts/LearningCurve_OT-webfont.eot');
    src: local('☺'), url('../fonts/LearningCurve_OT-webfont.woff') format('woff'), url('../fonts/LearningCurve_OT-webfont.ttf') format('truetype'), url('../fonts/LearningCurve_OT-webfont.svg#webfonthWsQrQlC') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
 * HEADER STYLE
 */
  #mobile-navigation-text {
    display: none;
 }
.wrapper {
    width: 926px;
    margin: 0 auto;
}
.mustela-moi-content {
    font-size: 10px;
}
.mustela-moi-content p {
    margin: 1em 0;
}
.mustela-moi-content .purple {
    color: #ed1555;
}
.mustela-moi-content .purple-button {

    border-radius: 5px;
    background-color: #ed1555;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 1.4em
}
.mustela-moi-content .purple-button.mail {
    background-image: url(../images/m9/icons/mail.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px;
    position: absolute;
    top: 5px;
    right: 0;
}
.mustela-moi-content .white-button {
    border-radius: 5px;
    background: #ffffff;
    color: #ed1555;
    text-decoration: none;
    padding: 2px 10px;
    font-size: 1.1em;
    font-family: 'Raleway', sans-serif;

}
.mustela-moi-header {
    overflow: hidden;
    font-family: 'Raleway', sans-serif;
    position: relative;
    padding-top: 15px;
}

.mustela-moi-header .logo {
    float: left;
    margin-right: 2%;
    width: 22%;
}
.mustela-moi-header .logo img{
    width: 100%;
    height: auto;
}
.mustela-moi-header .slogan {
    text-transform: uppercase;
    float: left;
    margin-top: 35px;
}
.mustela-moi-header .slogan h3{
    color: #ed1554;
    font-size: 1.9em;
    margin: 0;
    font-weight: 400;
}
.mustela-moi-header .slogan h2{
    font-size: 2.9em;
    color: #58585a;
    margin: 0;
    font-weight: 400;
}
.mustela-moi-header .main-navigation {
    width: 100%;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
    float: left;
    margin-top: 30px;
    border-top: 8px solid #ed1555;
    border-bottom: 8px solid #ed1555;
}
.mustela-moi-header .main-navigation a:first-child {
    border: none;
}
.mustela-moi-header .main-navigation a {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 25%;
    padding: 1.7% 0 1% 3%;
    border-left: 1px solid #d5d5d5;
    text-decoration: none;
    color: #ed1555;
    font-size: 1.8em;
    text-transform: uppercase;
    position: relative;
}
.mustela-moi-header .main-navigation a:hover {
    background: #f4f3ef;
}
.mustela-moi-header .main-navigation a.arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #f4f3ef transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
    display: block;
}
/*.mustela-moi-header .main-navigation a:hover:before{
    display: block;
}*/
.mustela-moi-header .main-navigation a .number {
    font-size: 1.7em;
    line-height: 0.4em;
}
.mustela-moi-header .main-navigation a sup {
    font-size: 0.6em;
    top: -15px;
    position: relative;
}
.mustela-moi-header .main-navigation a .description {
    color: #61625f;
    font-size: 0.8em;
    display: block;
    text-transform: none;
    font-family: 'bauer_bodoniitalic';
}
.mustela-moi-header .sub-navigation {
    display: none;
    float: left;
    width: 100%;
    height: 0;
    background: #ed1555;/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkMTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODEwNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ed1555 0%, #c81046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1555), color-stop(100%,#c81046));
    background: -webkit-linear-gradient(top,  #ed1555 0%,#c81046 100%);
    background: -o-linear-gradient(top,  #ed1555 0%,#c81046 100%);
    background: -ms-linear-gradient(top,  #ed1555 0%,#c81046 100%);
    background: linear-gradient(to bottom,  #ed1555 0%,#c81046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1555', endColorstr='#c81046',GradientType=0 );

}
.mustela-moi-header .sub-navigation a {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.6em;
    'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    display: block;
    float: left;
    margin-left: 3%;
    padding-left: 30px;
}
.mustela-moi-header .sub-navigation a:hover {
    color: #58585a;
}
.mustela-moi-header .sub-navigation a.dermatologie {
    background: url(../images/m9/icons/nav-dermatologie.png) no-repeat left center;
}
.mustela-moi-header .sub-navigation a.sage-femme {
    background: url(../images/m9/icons/nav-sage-famme.png) no-repeat left center;
}
.mustela-moi-header .sub-navigation a.kine-sport {
    background: url(../images/m9/icons/nav-sport.png) no-repeat left center;
}
.mustela-moi-header .sub-navigation a.nutrition {
    background: url(../images/m9/icons/nav-nutrition.png) no-repeat left center;
}
.mustela-moi-header .sub-navigation a.psycho-sexo {
    background: url(../images/m9/icons/nav-psycho-sexo.png) no-repeat left center;
}
.mustela-moi-header .sub-navigation a.stylisme {
    background: url(../images/m9/icons/nav-stylisme.png) no-repeat left center;
}
.mustela-moi-content .article-page,
.mustela-moi-content .trimestre-blocks,
.mustela-moi-content .landing-page {
    margin-top: 20px;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/*
 * BLOCK STYLES, GRID
 */
.mustela-moi-content .block-content {
    margin-left: -1%;
    overflow: hidden;
}
.mustela-moi-content .block-content .item {
    background: #f4f3ef;
    float: left;
    margin-left: 1%;
    margin-bottom: 1%;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
}
.mustela-moi-content .block-content .item .full-anchor {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.mustela-moi-content .block-content .width1 {
    width: 24%;
}
.mustela-moi-content .block-content .width2 {
    width: 49%;
}
.mustela-moi-content .block-content .width3 {
    width: 73%;
}
.mustela-moi-content .block-content .width4 {
    width: 100%;
}
.mustela-moi-content .block-content .height1 {
    height: 224px;
}
.mustela-moi-content .block-content .height2 {
    height: 458px;
}
.mustela-moi-content .block-content .item.float-right {
    float: right;
}

.mustela-moi-content .block-content .item .title {
    font-size: 1.3em;
    color: #ed1555;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}
.mustela-moi-content .block-content .item .content {
    text-align: center;
}
.mustela-moi-content .block-content .item .content h2 {
    font-size: 1.7em;
    text-transform: uppercase;
    'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ed1555;
}
.mustela-moi-content .block-content .item .content h2.with-background {
    background-color: #ffffff;
    opacity: 0.7;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.mustela-moi-content .block-content .item .bx-wrapper h2{
    line-height: 1em;
}
.concours-block .content h2 {
    width: 80%;
    margin: 20px auto 0 auto;
}
.concours-block .content h2 span {
    font-size: 1.2em;
}
.concours-block .content p {
    'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    color: #58585a;
    width: 80%;
    margin: 5px auto 10px;
}
.application-block .content {
    position: relative;
}
.application-block .content .apps-list {
    display: inline-block;
    position: absolute;
    right: 75px;
    text-align: center;
    top: 60px;
    width: 255px;
}
.application-block .content .apps-list .store-image {
    display: block;
    float: left;
    margin-bottom: 10px;
}
.application-block .content .apps-list .store-image:first-child {
    margin-right: 10px;
}
.landing-page {
    overflow: hidden;
}

.landing-page .header-blocks-spacer {
    overflow: hidden;
    margin-bottom: 1%;
    position: relative;
    padding-bottom: 1%;
}
.landing-page .header-blocks-spacer:before {
    height: 9px;
    content: "";
    background: #ed1555;
    position: absolute;
    bottom: 0;
    left: 1%;
    width: 100%;
}
.landing-page .header-blocks-spacer .item {
    margin-bottom: 0;
}
.landing-page .header-blocks-spacer .width1 {
    width: 25%;
}
.landing-page .intro-block {
    background-image: url(../images/m9/blocks/intro_block_bg.jpg);
    background-size: auto 458px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/intro_block_bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/intro_block_bg.jpg',sizingMethod='scale')";
}
.landing-page .intro-block .content{
    width: 70%;
    float: right;
    padding: 2%;
}
.landing-page .item.intro-block .content h2{
    font-size: 1.6em;
    font-size: 1.5em\9;
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: 600;
}
.landing-page .item.intro-block .content h2 .first-line {
    font-size: 0.8em;
    color: #58585a;
}
.landing-page .intro-block .content h2 .last-line {
    color: #58585a;
}
.landing-page .intro-block .content h2 span {
    display: block;
}
.landing-page .intro-block .pages-list {
    width: 67%;
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
}
.landing-page .intro-block .pages-list li{
    float: left;
    width: 50%;
    font-size: 1.3em;
    font-family: 'Raleway', sans-serif;
    color: #58585a;
    text-decoration: none;
    line-height: 4.5em;
}
.landing-page .intro-block .pages-list li.dermatologie {
    background: url(../images/m9/icons/block-dermatologie.png) no-repeat left center;
}
.landing-page .intro-block .pages-list li.sage-femme {
    background: url(../images/m9/icons/block-sage-femme.png) no-repeat left center;
}
.landing-page .intro-block .pages-list li.kine-sport {
    background: url(../images/m9/icons/block-kine-sport.png) no-repeat left center;
}
.landing-page .intro-block .pages-list li.nutrition {
    background: url(../images/m9/icons/block-nutrition.png) no-repeat left center;
}
.landing-page .intro-block .pages-list li.psycho-sexo {
    background: url(../images/m9/icons/block-psycho-sexo.png) no-repeat left center;
}
.landing-page .intro-block .pages-list li.stylisme {
    background: url(../images/m9/icons/block-stylisme.png) no-repeat left center;
}
.landing-page .intro-block .intro-block-navigation {
    margin-left: -4%;
}
.landing-page .intro-block h3 {
    font-family: 'Raleway', sans-serif;
    color: #ed1555;
    font-size: 1.8em;
    margin: 50px 0 20px;
}
.landing-page .intro-block .intro-block-navigation a{
    background: #ed1555;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    float: left;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1em;
    line-height: 2em;
    margin-left: 4%;
    padding: 1%;
    text-decoration: none;
    text-transform: uppercase;
    width: 21%;
}
.landing-page .intro-block .intro-block-navigation a .number {
    font-size: 1.5em;
    line-height: 1em;
}
.landing-page .item.app-block {
    border: 1px solid #ed1555;
    padding: 5px;
}
.landing-page .item.app-block .content {
    font-family: 'Raleway', sans-serif;
}
.landing-page .item.app-block .content h2{
    font-size: 1.8em;
    font-weight: 600;
}
.landing-page .item.app-block .content h2 span{
    font-size: 0.7em;
    color: #58585a;
}
.landing-page .item.app-block .content p{
    font-size: 1.2em;
    color: #58585a;
    font-weight: 600;
}
.landing-page .item.app-block .content p .first-line{
    font-size: 1.8em;
    text-transform: uppercase;

}
.landing-page .item.app-block .content p .second-line{
    color: #ed1555;
    text-transform: uppercase;
    font-weight: bold;
}

.landing-page .diagnostic-block {
    background-image: url(../images/m9/blocks/diagnostic-bg.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/diagnostic-bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/diagnostic-bg.jpg',sizingMethod='scale')";
}
.landing-page .item.diagnostic-block .content {
    padding-top: 70%;
}
.landing-page .item.diagnostic-block .content h2{
    margin-bottom: 80px;
}
.landing-page .item.diagnostic-block .content .purple-button{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.landing-page .item.product-block .content h2{
    font-family: 'Raleway', sans-serif;
    margin: 30px 0 40px;
}
.landing-page .item.product-block .content .product-image{
    margin-bottom: 50px;
    width: 90%;
    height: auto;

}
.landing-page .news-block {
    background-image: url(../images/m9/blocks/news-bg.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/news-bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/news-bg.jpg',sizingMethod='scale')";
}
.landing-page .item.news-block .content {
    width: 53%;
    margin-left: 15%;
    padding-top: 5%;
}
.landing-page .item.news-block .content h2 {
    color: #58585a;
    font-size: 2.2em;
    margin-bottom: 30px;
}
.landing-page .interview-block {
    background-image: url(../images/m9/blocks/interview-bg.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/interview-bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/interview-bg.jpg',sizingMethod='scale')";
}
.landing-page .item.interview-block .content {
    text-align: left;
    margin-left: 40%;
    padding-top: 6%;
}
.landing-page .concours-block {
    background-image: url(../images/m9/blocks/concours-bg.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/concours-bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/concours-bg.jpg',sizingMethod='scale')";
}

.landing-page .item.concours-block .content {
    width: 50%;
}
.trimestre-blocks .white-button{
    position: absolute;
    bottom: 40px;
    right: 5%;
}
.trimestre-blocks .trimestre-header {
    display: table;
    margin: 0 0 2% 1%;
    overflow: hidden;
    width: 100%;
}
.trimestre-blocks .trimestre-header .video-holder{
    display: table-cell;
    padding-top: 34%;
    position: relative;
    width: 59%;
}
.trimestre-blocks .trimestre-header .video-holder iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.trimestre-blocks .trimestre-header .content {
    background: #eeeae9;
    display: table-cell;
    padding: 3%;
    padding: 0 3% 3% 3%\9;
    text-align: center;
    vertical-align: middle;
    width: 41%;
    color: #313131;
    text-transform: uppercase;
    font-size: 1.6em;
    font-size: 1.3em\9;
    line-height: 1.5em;
    'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    box-sizing: border-box;

}
.trimestre-blocks .trimestre-header .content p{
    padding: 20px\9;
}
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .trimestre-blocks .trimestre-header .content {
        font-size: 1.4em;
    }
}
.trimestre-blocks .item.dermatologie-block {
    background-image: url("../images/m9/blocks/dermatologie_block_bg.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/dermatologie_block_bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/dermatologie_block_bg.jpg',sizingMethod='scale')";
}
.trimestre-blocks .item.dermatologie-block h2 {
    text-align: center;
}

.trimestre-blocks .item.dynamic-block h2{
    display: inline-block;
}
.ie8 .trimestre-blocks .item.dynamic-block h2{
    display: block;
}
.trimestre-blocks .item.dermatologie-block .content {
    margin-left: 50%;
    margin-top: 11%;
    text-align: left;
    width: 50%;
}
.trimestre-blocks .item.trimestre-block {
    background-image: url("../images/m9/blocks/trimestre_block_bg.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/trimestre_block_bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/trimestre_block_bg.jpg',sizingMethod='scale')";
}
.trimestre-blocks .item.trimestre-block h2,
.trimestre-blocks .item.sage-famme-block h2{
    margin-top: 12%;
 }

.trimestre-blocks .item.trimestre-block h2 {
    font-size: 1.8em;
}
.trimestre-blocks .item.trimestre-block h2 sup {
    font-size: 0.8em;
}
.trimestre-blocks .item.la-gamme-block .bx-controls{
    overflow: hidden;
    margin: 20px 0;
}

.trimestre-blocks .item.la-gamme-block .bx-pager {
    margin: 0 auto;
    overflow: hidden;
    width: 50%;
}
.trimestre-blocks .item.la-gamme-block .bx-pager a{
    margin-left: 0;
}
.trimestre-blocks .item.la-gamme-block .bx-pager a{
    text-indent: -9999px;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: #ffffff;
    border-radius: 50%;
}
.trimestre-blocks .item.la-gamme-block .bx-pager a.active {
    background: #ed1555;
}
.trimestre-blocks .item.la-gamme-block .purple-button {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.trimestre-blocks .item.sage-famme-block {
    background-image: url("../images/m9/blocks/sage_famme_block_bg.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/sage_famme_block_bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/sage_famme_block_bg.jpg',sizingMethod='scale')";
}
.trimestre-blocks .item.stylesme-block {
    background-image: url("../images/m9/blocks/styleme_block_bg.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/styleme_block_bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/styleme_block_bg.jpg',sizingMethod='scale')";
}
.trimestre-blocks .item.stylesme-block h2{
    font-size: 1.8em;
    margin-top: 45%;
    padding: 0 6%;
}
.trimestre-blocks .item.kine-sport-block {
    background-image: url("../images/m9/blocks/kine_sport_block_bg.jpg");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/kine_sport_block_bg.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/all/themes/custom/main/images/m9/blocks/kine_sport_block_bg.jpg',sizingMethod='scale')";
}
.trimestre-blocks .item.kine-sport-block .social-buttons {
    margin-top: 5px;
}
.trimestre-blocks .item.kine-sport-block .social-buttons a{
    display: block;
    text-align: left;
}
.trimestre-blocks .item.kine-sport-block .title,
.trimestre-blocks .item.kine-sport-block .content h2 {
    color:#ffffff;
}
.trimestre-blocks .item.kine-sport-block .content h2 {
    margin-top: 0;
}
.trimestre-blocks .item.kine-sport-block .white-button {
    right: 5px;
    bottom: 20px;
}
.trimestre-blocks .item.application-block{
    background: #ece9e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #ece9e2 0%, #faf9f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ece9e2), color-stop(100%,#faf9f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ece9e2 0%,#faf9f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ece9e2 0%,#faf9f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ece9e2 0%,#faf9f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ece9e2 0%,#faf9f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece9e2', endColorstr='#faf9f7',GradientType=0 ); /* IE6-9 */
    position: relative;

}
.trimestre-blocks .item.application-block .image{
    background: url('../images/m9/blocks/iphone-rotated.png');
    background-repeat: no-repeat;
    background-position:  center center;
    background-size: 11%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.trimestre-blocks .item.application-block h2{
    float: left;
    line-height: 1.5em;
    margin-left: 7%;
    margin-top: 6%;
    font-size: 1.5em !important;
    text-transform: none;
}
.ie8 .trimestre-blocks .item.application-block .apps-list a {
    width: 100px;
}
/*
 * ARTICLE PAGE STYLE
 */
.mobile-view {
     display: none;
 }
 .desktop-view {
     display: block;
 }
.ap-responsive-img {
    display: block;
    width: 100%;
    height: auto;
}
.main-info-articles .ap-responsive-img:first-child {
    margin-bottom: 10px;
}
.top-part-ap {
    position: relative;
}
.main-site-nav {
    list-style: none;
    width: 20%;
    float: left;
    margin: 0;
    border-top: 3px solid #ed1555;
    background-color: #f6f6f7;
    padding: 0 7px;
    position: absolute;
    top: 0;
    bottom: 0;
}
.main-site-nav-item {
    border-bottom: 1px solid #fff;
    padding: 10px 0 5px 0;
}
.main-site-nav-item a {
    position: relative;
    padding-left: 12px;
}
.main-site-nav-item > a:after {
    content: '>';
    position: absolute;
    top: 0;
    left: 0;
}
.main-site-nav-item:first-child .sub-site-nav {
    display: block;
}
.main-site-nav-item a {
    text-decoration: none;
    color: #58585a;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8em;
    font-weight: normal;
}
.main-active-tab {
    color: #ed1555 !important;
    font-size: 2em !important;
}
.sub-active-tab {
    color: #ed1555 !important;
}
.sub-site-nav {
    padding: 0;
    list-style: none;
    display: none;
}
.sub-site-nav-item {
    margin: 0 0 0 6px;
    margin-top: 10px;
}
.sub-site-nav-item a {
     padding: 0 0 0 6px;
     position: relative;
}
.sub-site-nav-item a:after {
    content: '-';
    position: absolute;
    top: -1px;
    left: 0;
/*    font-size: 1.2em;
    font-family: 'Rubik',sans-serif;*/
}
.sub-site-nav-item a {
    font-size: 1.2em;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
}
.sub-site-nav-item.last a {
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-style: italic;
    /*font-weight: bold;*/
    color: #58585a;
    font-size: 1.2em;
    text-decoration: underline;
    padding-left: 0;
    padding-right: 12px;
}
.sub-site-nav-item.last a:after {
   content: '>';
   position: absolute;
   left: 167px;
   top: 1px;
}
.main-info-wrapper {
    float: right;
    width: 77%;
    margin: 0;
}
.page-mustela-et-moi .pager{
    margin-top: 10px;
}
.page-mustela-et-moi .pager li{
    display: inline;
    padding: 0 5px;
}
.page-mustela-et-moi .pager li a {
    color: #ed1555;
}
.main-info-banner {
    width:77%;
    position: relative;
    float: right;
}
.info-article-masthead {
    width: 66%;
    float: right;
}
.main-info-banner h4 {
    font-family: 'bauer_bodoniitalic';
    font-size: 10.5em;
    color: #ed1555;
    position: absolute;
    top: 28px;
    left: 38px;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.main-info-banner.ruchisport span {
    right: 100px;
}
.main-info-banner.psychologiai span {
    right: 35px;
}
.main-info-banner.kine-sport span {
    right: 160px;
}
.main-info-banner span {
    position: absolute;
    bottom: 25px;
    right: 215px;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.4em;
    color: #fff;
}
.main-info-articles {
    margin: 10px 0 0;
    padding-bottom: 10px;
}
.main-info-articles hr{
    background: #edece7;
    height: 1px;
    border: none;
}
.main-info-articles h4 {
    text-transform: uppercase;
}
.main-info-articles span {
    font-weight: bold;
}
.main-info-articles:first-child .main-info-article-text {
    width: 100%;
}
.main-info-articles.last {
    border: none;
    margin-bottom: 0;
}
.main-info-article-img {
    width: 31%;
}
.main-info-article-text {
    width: 67%;
}
.main-info-articles.three-columns {
    border-bottom: 1px solid #edece7;
    display: table;
}
.main-info-articles.three-columns > div{
    display: table-row;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-family: 'Rubik',sans-serif;
}
.main-info-articles.three-columns > div > div {
    display: table-cell;
    width: 32%;
}
.main-info-articles.three-columns h4 {
    font-size: 1.5em;
    color: #58585a;
    font-weight: normal;
}
.main-info-articles.three-columns p{
    color: #58585a;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 500;
}
.main-info-articles.three-columns .col-1 {
   display: table-cell;
   padding-right: 2%;
   width: 33.3%;
   box-sizing: border-box;
}
.main-info-articles.three-columns .col-2 {
    display: table-cell;
    padding-right: 2%;
    width: 33.3%;
    box-sizing: border-box;
}
.main-info-articles.three-columns .col-3 {
    display: table-cell;
    width: 33.3%;
    box-sizing: border-box;
}
.main-info-articles.left-img .main-info-article-img {
    float: left;
    margin-right: 3%;
}
.main-info-articles.left-img .main-info-article-text {
    float: none;
}
.main-info-articles.right-img .main-info-article-img {
    float: right;
    margin-left: 3%;
}
.main-info-articles.right-img .main-info-article-text {
    float: none;
}
.main-info-articles.right-img .info-article-masthead {
    float: left;
}
.main-info-articles.no-img .main-info-article-text {
    width: 100%;
}
.main-info-articles.no-img .info-article-masthead {
    float: none;
    width: 100%;
}
.article-text-main-title {
    font-size: 2.2em;
    color: #ed1555;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}
.article-text-sub-title {
    font-size: 1.9em;
    color: #58585a;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0 0 15px 0;
    font-weight: normal;
}
.main-info-articles.no-img .article-text-sub-title {
    margin: 0;
}
.article-text-copy {
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4em;
    margin: 14px 0;
    color: #58585a;
}
.bigger-size {
    font-size: 1.8em;
    margin-bottom: 25px;
}
.products-bar {
    width: 100%;
    clear:both;
    padding-bottom: 25px;
    margin-top: 35px;
    border-bottom: 2px solid #ed1555;
}
.products-bar h4 {
    text-transform: uppercase;
}
.products-bar-items-wrap {
    margin-top: 20px;
}
.products-bar-item {
    width: 32%;
    float: left;
    margin-left: 2%;
    position: relative;
}
.products-bar-item:first-child {
    margin-left: 0;
}
.products-img {
    position: relative;
    border: 1px solid #e8e8e8;
    background-position: left center;
    background-color: #f4f1f0;
    background-repeat: no-repeat;
    height: 206px;
}
.products-img-play {
    display: block;
    background-image: url(../images/m9/icons/play_btn.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -17.5px;
    text-decoration: none;
}
.products-img-info {
    width: 80%;
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
}
.products-img-info h5 {
    background-color: #ffffff;
    border-radius: 3px;
    color: #ed1555;
    font-size: 1.1em;
    font-weight: normal;
    /*height: 18px;*/
    margin: 0 0 5px;
    opacity: 0.7;
    overflow: hidden;
    padding: 5px;
    text-transform: uppercase;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.products-img-info p {
    color: #58585a;
    height: 106px;
    margin-bottom: 0;
    overflow: hidden;
}
.products-img .button {
/*  margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    display: inline-block;
    color: #58585a;
    position: relative;
    font-weight: bold;
    text-decoration: none;
    bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    left: 20px;
    position: absolute;*/
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 15px;
    color: #58585a;
    font-size: 14px;
    font-weight: bold;
    left: 20px;
    padding: 5px 10px;
    position: absolute;
}
.products-img .button:before {
    content: '> ';
    position: relative;
}
.products-bar-item .full-block{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*  CSS LINGLE LINK
.products-img-info h5 {
    color: #ed1555;
    font-size: 1.1em;
    font-weight: normal;
    height: 18px;
    margin: 0 0 5px;
    overflow: hidden;
    text-transform: uppercase;
}
.products-img-info p {
    color: #58585a;
    height: 106px;
    margin-bottom: 0;
    overflow: hidden;
}
.products-img-info a {
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    display: inline-block;
    color: #58585a;
    position: relative;
    font-weight: bold;
    text-decoration: none;
}
.products-img-info a:after {
    content: '>';
    position: absolute;
    top: -1px;
    left: 0;
}*/
.products-img-title {
    width: 60%;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8em;
    color: #ed1555;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    top: 20px;
}
.products-img-btn {
    width: 58%;
    padding: 2%;
    background-color: #ed1555;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 20px;
    bottom: 15px;
    border-radius: 8px;
}
.products-img-btn:hover {
    text-decoration: none;
}
.product-desc-bar {
    padding: 20px 0 10px 0;
    border-bottom: 2px solid #ed1555;
}
.product-desc-bar h4 {
    margin: 0 0 15px 0;
}
.product-desc-item {
    margin-bottom: 20px;
}
.product-desc-item-img {
    width: 24%;
    float: left;
}
.product-desc-item-text {
    width: 74%;
    float: right;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #58585a;
}
.product-desc-item-text a:hover {
    text-decoration: none;
}
.product-desc-item-text h5 {
    text-transform: uppercase;
}
.product-desc-item-text p {
    font-size: 1.4em;
    line-height: 1.3em;
}
.other-page-items-wrapper {
    width: 100%;
    padding: 0;
    margin: 30px 0 40px 0;
    list-style: none;
}
.subcategory-view-desc {
    width: 24%;
    float: left;
}
.subcategory-view-items {
    width: 100%;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    color: #58585a;

}
.subcategory-view-items li {
    width: 14.5%;
    float: left;
    margin-left: 0.5%;
}
.subcategory-view-items li:first-child {
    margin-left: 0;
    width: 25%;
}
.subcategory-view-items li h4 {
    font-size: 1.7em;
    margin-top: 10px;
}
.subcategory-view-items li p {
    display: block;
}
.subcategory-view-items li a {
    display: block;
    text-decoration: none;
}

.subcategory-view-items li a span {
    display: block;
    text-align: center;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;
    color: #ed1555;
    text-transform: uppercase;
}
.subcategory-view-items li a span:first-child {
    margin-bottom: 10px;
}
.other-page-items-wrapper li {
    width: 23.5%;
    float: left;
    margin: 0 0 0 2%;
    padding: 0;
    position: relative;
}
.other-page-items-wrapper li.odd-items {
    margin-left: 2%;
}
.other-page-items-wrapper li:first-child {
    margin-left: 0;
}
.other-page-items-wrapper li a {
    display: block;
    position: relative;
}
.other-page-items-wrapper li a h5 {
    width: 80%;
    position: absolute;
    top: 95px;
    left: 50%;
    margin: 0 0 0 -40%;
    padding: 0;
    color: #ed1555;
    text-transform: uppercase;
    font-family: 'bauer_bodoniroman';
    text-align: center;
}
.other-page-items-wrapper li a h5 span {
    display: block;
    font-size: 1.8em;
}
.other-page-items-wrapper li a h5 span:first-child {
    font-size: 2.4em;
    font-weight: 600;
}
.social-bar {
    float: right;
}
.social-bar a {
    display: block;
    float: left;
    text-decoration: none;
    margin-right: 15px;
}
.fb-socail {
    /*width: 77px;*/
    height: 17px;
    /*background-image: url(../images/m9/icons/fb_icon.jpg);
    background-repeat: no-repeat;*/
    line-height: 16px;
    background-color: #5d77aa;
    border-top: 1px solid #859bc2;
    padding: 0 10px 0 0;
    font-size: 10px;
    color:#fff;
    text-decoration: none;
}
.fb-socail:hover {
    text-decoration: none;
}
.fb-socail:before {
    content: '';
    display: inline-block;
    background: transparent url('../images/m9/icons/fb_icon.png') 0 0 no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin: -1px 6px 0 0;
    position: relative;
}
.tw-socail {
    width: 15px;
    height: 13px;
    background-image: url(../images/m9/icons/tw_icon.jpg);
    background-repeat: no-repeat;
    margin-top: 3px;
}
.print {
    width: 17px;
    height: 16px;
    background-image: url(../images/m9/icons/print_icon.jpg);
    background-repeat: no-repeat;
    margin-top: 1px;
}
.meil {
    width: 16px;
    height: 11px;
    background-image: url(../images/m9/icons/meil_icon.jpg);
    background-repeat: no-repeat;
    margin-top: 3px;
}
/*
 * SUBCAT PAGE STYLE
 */
.video-article {
    border-bottom: 1px solid #edece7;
    padding: 20px 0;
    font-family: 'Rubik',sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #58585a;
}
.video-article.last {
    border: medium none;
    margin-bottom: 0;
}

.video-article .thumbnail {
    float: left;
    margin-right: 3%;
    width: 32%;
    position: relative;
}
.video-article .thumbnail img {
    border-radius: 1px;
    border: 1px solid #edece7;;
    width: 100%;
}
.video-article .thumbnail.player:before {
    position: absolute;
    content: "";
    background: url(../images/m9/video/player.png) no-repeat;
    width: 50px;
    height: 35px;
    top: 50%;
    margin-top: -17px;
    left: 50%;
    margin-left: -25px;
}
.video-article .text {
    float: left;
    width: 65%;
}
.video-article h4 {
    text-transform: uppercase;
    font-size: 2em;
    margin: -8px 0 25px 0;
    font-weight: normal;
}
.video-article h4 a {
    color: #58585a;
}
.video-article .text .link-title {
    margin-top: -5px;
    font-size: 1em;
}
.video-article .text .link-title:before {
    content: "";
    margin: 0;
    padding: 0;
}
.video-article .text p {
    font-size: 1.6em;
    line-height: 1em;
}
.video-article .text a {
    color: #58585a;
    text-decoration: none;
    font-size: 1.5em;
}
.video-article .text a:before {
    content: ">";
    margin-right: 10px;
}
.subcategory-view-items.stand-alone {
    border-top: 1px solid #ed1555;
    margin-top: 30px;
}

/*show hide link ios, android*/
.ios .show-android {
    display: none;
}
.android .show-ios {
    display: none;
}
/*hide title home page*/
.page-mustela-et-moi h1#page-title{
    display: none;
}
.video-holder-detail{
    display: table-cell;
    padding-top: 20px;
    position: relative;
    width: 693px;
    height: 320px;
}
.video-holder-detail iframe {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.node-type-tips-tricks h1#page-title, .node-type-expert-advice h1#page-title, .node-type-mum-advice h1#page-title{
    display: none;
}
.product-block img{
    margin-bottom: 30px;
    width: 90%;
    height: auto;
}
.link-title:before{
    content:''!important;
}
/*
 * TABLET VIEW MEDIA QUERY
 */

@media only screen and (min-width: 756px) and (max-width:1024px) {
    .sub-site-nav-item.last a {
        font-weight: normal;
        text-decoration: none;
        position: relative;
        padding-left: 7px;
        padding-right: 0;
    }
    .sub-site-nav-item.last a:after {
       content: '>';
       position: absolute;
       left: 0px;
       top: 0px;
    }
    .wrapper {
        width: 756px;
    }
    .mustela-moi-content {
        font-size: 8px;
    }
    .mustela-moi-header .sub-navigation a {
        margin-left: 2%;
    }
    .main-info-articles.three-columns img{
        width: 100%;
        height: auto;
    }
    .landing-page .intro-block {
        background-size: cover !important;
        border-bottom: 10px solid #ed1555;
        font-size: 10px;
    }
    .landing-page .header-blocks-spacer{
        margin-bottom: 0;
        margin-left: 1%;
        padding-bottom: 0%;
    }
    .landing-page .header-blocks-spacer:before {
        display: none;
    }
    .landing-page .header-blocks-spacer .item {
        margin-bottom: 1%;
        margin-left: 0;
    }
    .landing-page .header-blocks-spacer .width3,
    .landing-page .header-blocks-spacer .width1{
        width: 100%;
    }
    .mustela-moi-content .landing-page .intro-block.height2 {
        height: 435px;
    }
    .mustela-moi-content .landing-page .app-block.height2 {
        height: 145px;
    }
    .landing-page .item.app-block .content {
        font-size: 13px;
    }
    .landing-page .item.app-block .content img {
        height: auto;
        width: 61px;
    }
    .landing-page .item.app-block .content p {
        color: #58585a;
        float: left;
        width: 47%;
    }
    .landing-page .item.app-block .content .purple-button {
        font-size: 11px;
        position: absolute;
        right: 165px;
        top: 87px;
    }
    .landing-page .item.app-block .content h2 {
        float: right;
        text-align: left;
        width: 35%;
        font-size: 1.4em;
    }
    .mustela-moi-content .block-content .height1 {
        height: 183px;
    }
    .mustela-moi-content .block-content .height2 {
        height: 375px;
    }

    .trimestre-blocks .white-button {
        bottom: 20px;
        font-size: 1.4em;
    }
    .trimestre-blocks .item.kine-sport-block .white-button {
        bottom: 25px;
        right: 20px;
    }
    .trimestre-blocks .item.la-gamme-block .bx-controls {
        margin: 10px 0;
    }
    .trimestre-blocks .item.la-gamme-block .bx-pager {
        width: 62%;
    }
    .video-article .thumbnail img {
        width: 100%;
        height: auto;
    }
    .products-img {
        height: 168px;
    }
    .main-info-articles.three-columns .col-2 {
        padding: 0 1%;
        width: 33.3%;
    }
    .main-info-articles.three-columns .col-3 {
        padding-left: 2%;
    }
    .application-block .content .apps-list {
        top: 40px;
        right: 40px;
    }
    .main-info-banner img {
        width: 100%;
    }
}
/*
 * MOBILE VIEW MEDIA QUERY
 */
@media only screen and (max-width: 755px) {
    .products-img {
        height: 220px;
    }
    .landing-page .item.product-block .purple-button{
        bottom: 10px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 53%;
    }
    .landing-page .item.interview-block .content {
        margin-left: 35%;
        padding-top: 1%;
        text-align: left;
    }
    .sub-site-nav-item.last a {
        font-weight: normal;
        text-decoration: none;
        position: relative;
        padding-left: 7px;
        padding-right: 0;
    }
    .sub-site-nav-item.last a:after {
       content: '>';
       position: absolute;
       left: 0px;
       top: 0px;
    }
    .main-info-articles.three-columns {
        border-bottom: 0;
        display: block;
    }
    .main-info-articles.three-columns > div{
        display: block;
        box-sizing: border-box;
        font-family: 'Rubik',sans-serif;
    }
    .main-info-articles.three-columns > div > div {
        display: block;
        width: 100%;
    }
    .main-info-articles.three-columns .col-1,
    .main-info-articles.three-columns .col-2,
    .main-info-articles.three-columns .col-3 {
        display: block;
        padding-right: 0;
        width: 100%;
    }
    .main-info-articles.three-columns img{
        width: 100%;
        height: auto;
    }
    .main-info-articles.three-columns > div{
        display: block;
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 40px;
        font-family: 'Rubik',sans-serif;
    }
    .wrapper {
        width: 320px;
    }
    .trimestre-blocks .item.la-gamme-block img {
        max-width: 35%;
    }

    .trimestre-blocks .item.la-gamme-block .bx-pager {
        width: 80%;
    }
    .trimestre-blocks .item.la-gamme-block .bx-controls {
        margin: 8px 0;
    }
    .mustela-moi-content .purple-button.mail {
        background-position: 93px center;
        display: block;
        margin: 15px auto 0;
        padding-left: 10px;
        padding-right: 25px;
        position: relative;
        right: 0;
        top: 0;
        width: 85px;
    }
    .mustela-moi-content .article-page,
    .mustela-moi-content .trimestre-blocks,
    .mustela-moi-content .landing-page {
        width: 95%;
        margin: 20px auto 0;
    }

    .mustela-moi-content {
        font-size: 7px;
    }
    .mustela-moi-header .logo {
        width: 37%;
    }
    .mustela-moi-header .slogan {
        float: none;
        width: 90%;
        font-size: 5px;
        margin-top: 0;
    }
    .mustela-moi-header .slogan h2 {
        margin: 12px 0;
        width: 110%;
    }
    .mustela-moi-header .slogan h3 {
        font-size: 9px;
        text-align: center;
        width: 110%;
    }
    .mustela-moi-content .block-content .width1 {
        width: 49%;
    }
    .mustela-moi-content .block-content .width2 {
        width: 99%;
    }
    .mustela-moi-content .block-content .width3 {
        width: 73%;
    }
    .mustela-moi-content .block-content .width4 {
        width: 100%;
    }
    .mustela-moi-content .block-content .height1 {
        height: 150px;
    }
    .mustela-moi-content .block-content .height2 {
        height: 280px;
    }
    .mustela-moi-header {
        overflow: visible;
    }
    .mustela-moi-header .main-navigation .dropdown,
    .mustela-moi-header .sub-navigation .dropdown{
        display: none;
        position: absolute;
        top: 28px;
        left: 0;
        width: 100%;
        font-size: 9px;
    }
    .mustela-moi-header .main-navigation .dropdown:before,
    .mustela-moi-header .sub-navigation .dropdown:before{
        content:"";
        background: url(../images/m9/mobile-dropdown-shadow.png);
        width: 100%;
        position: absolute;
        bottom: -25px;
        left: 0;
        height: 25px;
    }
    .mustela-moi-header .main-navigation {
        border-width: 4px;
        margin-bottom: 10px;
        position: relative;
        z-index: 5;
    }
    .mustela-moi-header .main-navigation:before,
    .mustela-moi-header .sub-navigation:before {
        border-color: #ed1556 transparent transparent;
        border-style: solid;
        border-width: 7px 5px 0;
        content: "";
        height: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 0;
        z-index: 9999;
    }
    .mustela-moi-header .main-navigation a {
        border-left: none;
        box-sizing: border-box;
        color: #ed1555;
        display: block;
        float: none;
        width: 100%;
        background: #ffffff;
        border-top: 1px solid #dbdbd9;
    }

    .mustela-moi-header .main-navigation a:hover:before{
        display: none;
    }
    .mustela-moi-header .main-navigation a .number {
        font-size: 1.7em;
        line-height: 0.4em;
    }
    .mustela-moi-header .main-navigation a sup {
        font-size: 0.6em;
        top: -5px;
        position: relative;
    }
    .mustela-moi-header .main-navigation a .description {
        display: none;
    }
    .mustela-moi-header .sub-navigation {
        float: left;
        width: 100%;
        height: auto;
        background: none;
        border-bottom: 4px solid #ed1555;
        border-top: 4px solid #ed1555;
        position: relative;
        z-index: 4;
    }
    .mustela-moi-header .sub-navigation .dropdown {
        background: #ed1555;/
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkMTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODEwNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ed1555 0%, #c81046 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1555), color-stop(100%,#c81046));
        background: -webkit-linear-gradient(top,  #ed1555 0%,#c81046 100%);
        background: -o-linear-gradient(top,  #ed1555 0%,#c81046 100%);
        background: -ms-linear-gradient(top,  #ed1555 0%,#c81046 100%);
        background: linear-gradient(to bottom,  #ed1555 0%,#c81046 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1555', endColorstr='#c81046',GradientType=0 );

    }
    .mustela-moi-header .sub-navigation .dropdown a{
        color: #ffffff;
    }
    .mustela-moi-header .sub-navigation .dropdown a:hover {
        color: #58585a;
    }
    .mustela-moi-header .sub-navigation a{
        color: #ed1555;
        float: none;
        border-top: 1px solid #db4672;
        font-size: 2em;
        line-height: 25px;
        margin-left: 0;
        padding-left: 3%;
        background: none !important;

    }
    .mustela-moi-header .main-navigation a:first-child,
    .mustela-moi-header .sub-navigation a:first-child {
        border: none;
    }
    .landing-page {
        position: relative;
        z-index: 3;
    }
    .landing-page .header-blocks-spacer{
        margin-bottom: 0;
        margin-left: 1%;
    }
    .landing-page .header-blocks-spacer:before {
        display: none;
    }
    .landing-page .header-blocks-spacer .item {
        margin-bottom: 1%;
        margin-left: 0;
    }
    .landing-page .header-blocks-spacer .width3,
    .landing-page .header-blocks-spacer .width1{
        width: 100%;
    }
    .landing-page .intro-block.height2 {
        height: 212px;
    }
    .landing-page .app-block.height2 {
        height: 133px;
    }
    .landing-page .intro-block {
        background-image: url("../images/m9/blocks/intro_block_bg_mobile.jpg");
        background-size: auto auto;
        border-bottom: 8px solid #ed1555;
    }
    .landing-page .intro-block.big-image {
        background-size: 130% 100%;
    }
    .landing-page .intro-block .pages-list,
    .landing-page .intro-block h3,
    .landing-page .intro-block .intro-block-navigation {
        display: none;
    }
    .landing-page .intro-block .content h2 span {
        display: inline;
    }
    .landing-page .intro-block .content {
        font-size: 6px;
        margin: 20px 20px 0 0;
        width: 55%;
    }
    .landing-page .item.intro-block .content h2 .first-line {
        font-size: 1em;
    }
    .landing-page .item.app-block {
        border: none;
        font-size: 9px;
        background: #efefef;
    }
    .landing-page .app-block h2{
        display: none;
    }
    .landing-page .app-block img {
        width: 20%;
        float: left;
    }
    .landing-page .item.news-block .content {
        width: 60%;
        margin-left: 11%;
    }
    .landing-page .item.news-block .content h2 {
        margin-bottom: 10px;
    }

    .landing-page .item.diagnostic-block .content {
        padding-top: 54%;
    }

    .landing-page .item.diagnostic-block .content h2 {
        font-size: 13px;
        margin-bottom: 35px;
        margin-top: 25px;
    }

    .landing-page .item.diagnostic-block .content .purple-button {
      width: 60%;
      position: absolute;
      bottom: 20px;
      left: 50%;
      margin-left: -36%;
    }
    .trimestre-blocks .item.application-block h2 {
      float: left;
      line-height: 1.5em;
      margin-left: 0%;
      margin-top: 3%;
      text-transform: none;
      font-size: 1.5em !important;
    }

    .landing-page .item.product-block .content h2 {
        margin: 30px 0 10px;
    }
    .landing-page .item.product-block .content .product-image {
        margin-bottom: 25px;
    }
    .landing-page .concours-block {
        background-image: url("../images/m9/blocks/concours-bg-mobile.jpg") !important;
    }
    .landing-page .concours-block.height1 {
        height: 298px;
    }
    .landing-page .diagnostic-block {
        background-image: url(../images/m9/blocks/diagnostic-bg-mobile.jpg);

    }
    .trimestre-blocks .white-button {
        bottom: 10px;
        right: 10px;
    }
    .trimestre-blocks .trimestre-header .video-holder {
        display: block;
        padding-top: 56.25%;
        width: 100%;
    }
    .trimestre-blocks .trimestre-header .content {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .trimestre-blocks .item.dermatologie-block {
        background-image: url("../images/m9/blocks/dermatologie_block_bg_mobile.jpg");
    }
    .trimestre-blocks .item.dermatologie-block .white-button{
        bottom: auto;
        position: relative;
        right: auto;
    }
    .trimestre-blocks .item.trimestre-block {
        background-image: url("../images/m9/blocks/trimestre_block_bg_mobile.jpg");
    }
    .trimestre-blocks .item.sage-famme-block {
        background-image: url("../images/m9/blocks/sage_famme_block_bg_mobile.jpg");

    }
    .trimestre-blocks .item.stylesme-block {
        background-image: url("../images/m9/blocks/styleme_block_bg_mobile.jpg");

    }
    .trimestre-blocks .item.kine-sport-block {
        background-image: url("../images/m9/blocks/kine_sport_block_bg_mobile.jpg");
    }
    .landing-page .item.product-block {
        background: #e5e1d7; /* Old browsers */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #e5e1d7 0%, #f2f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e1d7), color-stop(100%,#f2f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e5e1d7 0%,#f2f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e5e1d7 0%,#f2f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e5e1d7 0%,#f2f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e5e1d7 0%,#f2f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1d7', endColorstr='#f2f1f1',GradientType=0 ); /* IE6-8 */

    }
    /*
     * ARTICLE PAGE MOBILE
     */
    .main-info-banner {
        font-size: 5px;
    }
    .main-info-banner h4 {
        font-size: 9em;
        top: 12px;
        left: 15px;
    }
    .main-info-banner span {
        bottom: 8px;
        right: 80px;
    }
    .main-info-articles {
        margin: 15px 0;
        padding: 0;
    }
    .main-info-articles:first-child {
        margin-top: 5px;
    }
    .main-info-banner {
        width: 100%;
        float: none;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .info-article-masthead {
        float: none;
        width: 100%;
    }
    .main-site-nav {
        float: none;
        width: 100%;
        height: 55px;
        padding: 0;
        border: none;
        position: static;
     }
    .main-info-wrapper {
        width: 100%;
     }
    .products-bar {
        padding-top: 15px;
        border-top: 2px solid #ed1555;
        margin-top: 30px;
    }
    .products-bar .article-text-sub-title,
    .product-desc-bar .article-text-sub-title {
        margin-top: 15px;
    }
    .products-bar-item {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .products-bar-item.last .products-img img {
        border: none;
    }
    .product-desc-item {
        margin-bottom: 10px;
    }
    .product-desc-item-img {
        width: 100%;
        float: none;
    }
    .product-desc-item-text {
        width: 100%;
        float: none;
    }
    .main-info-articles.left-img .main-info-article-img {
        margin-right: 2%;
    }
    .main-info-articles.right-img .main-info-article-img {
        margin-left: 2%;
    }
    .main-info-articles.left-img .main-info-article-text {
        float: none;
        width: auto;
    }
    .main-info-articles.right-img .main-info-article-text {
        float: none;
        width: auto;
    }
    .other-page-items-wrapper li {
        width: 49%;
        margin: 0 0 2% 0;
        float: left;
    }
    .other-page-items-wrapper li.odd-items {
        margin-left: 2%;
    }
    .other-page-items-wrapper li a h5 {
        top: 69px;
    }
    .products-bar-items-wrap {
        margin-top: 0;
    }
    .article-text-sub-title {
        font-size: 2.2em;
    }
    .social-bar {
        float: left;
    }
    .bigger-size {
        margin-bottom: 15px;
    }
    .subcategory-view-items {
        width: 100%;
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .subcategory-view-items li {
        width: 49%;
        float: left;
        margin: 0;
    }
    .subcategory-view-items li.odd-items {
        margin-left: 2%;
    }
    .subcategory-view-items li:first-child {
        margin-left: 0;
        width: 49%;
    }
    .subcategory-view-items li a {
        position: relative;
    }
    .subcategory-view-items-text {
        width: 100%;
        position: absolute;
        bottom: 6px;
    }
    .subcategory-view-items li p {
        display: none;
    }
    .subcategory-view-items li h4 {
        margin-top: 30px;
        text-align: center;
    }
    .other-page-items-wrapper {
        margin: 20px 0;
        padding-top: 10px;
        border-top: 2px solid #ed1555;
    }
    .subcategory-view-wrapper {
        padding-top: 10px;
    }
    .main-site-nav-item:first-child .sub-site-nav {
        display: none;
    }
    .sub-site-nav {
        display: none;
    }
    .main-site-nav-item {
        height: 100%;
        padding: 0;
        float: left;
        width: 33%;
        border-left: 1px solid #e5e5e6;
        border-bottom: 4px solid #777779;
        position: relative;
    }
    .main-site-nav-item a {
        width: 100%;
        height: 82%;
        padding: 10% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        font-size: 2.2em;
        overflow: hidden;
    }
    .main-site-nav-item a:after {
        content: '';
    }
    .main-active-tab {
        font-size: 2.2em !important;
        background-color: #e8e8e6;
        border-bottom: 4px solid #ed1555;
    }
    .landing-page .item.concours-block .content {
        width: 78%;
        margin: 0 auto;
        position: relative;
    }
    .concours-block .content h2 {
        width: 100%;
        margin: 20px auto 0 auto;
    }
    .concours-block .content h2 span {
        font-size: 1.2em;
    }
    .concours-block .content p {
        width: 100%;
        margin: 7px auto;
        font-size: 1.7em;
    }
    .concours-block .purple-button {
        display: inline-block;
        margin-top: 90px;
        float: left;
    }
    .trimestre-blocks .item.application-block .image{
        background-position: 90% center;
        background-size: 20%;
    }
    .application-block .content .apps-list {
        left: 0;
        right: auto;
        top: 80px;
        width: 170px;
    }
    .application-block .content .purple-button {
        top: 30px;
    }
    .application-block .content .apps-list .store-image {
        width: 47%;
        margin-bottom: 5px;
    }
    .application-block .content .purple-button {
        top: 82px;
        right: 138px;
    }
    .mobile-view {
        display: block;

    }
    .desktop-view {
        display: none;
    }
    .first-line span {
        font-size: 0.7em;
    }
    /*
     * VIDEO PAGE
     */
     .subcategory-view-items.stand-alone {
        padding-top: 10px;
        margin-top: 0;
     }
     .video-article .text {
         float: none;
         width: 100%;
     }
     .video-article .thumbnail {
         width: 47%;
     }
     .video-article h4 {
         margin: 0 0 10px;
     }
}