/**
 * @file
 * Default mobile devices styles.
 */

/* ---------------------------------------------------------------------- HEADER */

.left-help-menu {
    display: none;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~ Header top */
.header-top {
    -webkit-box-shadow: 0 0 0 1px #e5e1e1 inset;
    -moz-box-shadow: 0 0 0 1px #e5e1e1 inset;
    -ms-box-shadow: 0 0 0 1px #e5e1e1 inset;
    -o-box-shadow: 0 0 0 1px #e5e1e1 inset;
    box-shadow: 0 0 0 1px #e5e1e1 inset;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ logo */
.header-logo {
    left: 3.1%;
    top: 50%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~/logo */

/* ~~~~~~~~~~~~~~~~~~~~~~~ socials +lang  */
.header-socials,
.header-lang,
.header-top #lang_dropdown_form_language {
    display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~/socials+lang  */

/* ~~~~~~~~~~~~~~~~~~~~~~~ search */
.header-search form {
    position: relative;
    text-align: left;
    margin: 0;
}

.header-search form input[type=submit] {
    right: 0px;
    z-index: 30;
    border-width: 10px;
}

.header-search form input[type=text] {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0px;
    opacity: 0;
    width: 100%;
}

.header-search-focus .header-search {
    width: 100%;
    right: 0;
}

.header-search-focus .header-search form {
    margin: 0px 10px;
}

.header-search-focus .header-search form input[type=text] {
    opacity: 1;
    background: #f9f7f7;
    padding: 0 5%;
    width: 90%;
    margin: 0;
    line-height: 100%;
}

ul.ui-autocomplete {
    width: 100% !important;
    border: none !important;
    left: 0 !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ menu */
.icon-toggle-menu {
    position: absolute;
    display: block;
    right: 1px;
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
    border: #fff 18px solid;
}

.header-menu {
    position: absolute;
    height: auto;
    width: 100%;
}

.header-menu ul {
    overflow: hidden;
    position: relative;
    padding: 0;
    max-height: 0;
    background: #051601;
}

.header-menu.open-menu ul {
    max-height: 900px;
    padding-top: 25px;
}

.header-menu ul:after {
    display: none;
}

.header-menu ul li {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: 700;
}

.header-menu ul li a {
    display: block;
    padding: 5px;
    background-image: none;
}

.header-menu ul li a:hover,
.header-menu ul li a.active {
    color: #fcdd41;
}

.header-search-focus .header-menu {
    display: none;
}

/* ----------------------------------------------------------------------/HEADER */

/* ---------------------------------------------------------------------- FOOTER */

/* ~~~~~~~~~~~~~~~~~~~~~~~ top menu */
.footer-top {
    display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ middle menu */
.footer-middle {
    margin: 0 3%;
}

.footer-middle .centered-title {
    padding: 0;
}

.footer-middle .centered-title h2 {
    margin: 0;
}

.footer-middle-left,
.footer-middle-center,
.footer-middle-right {
    float: none;
    width: auto;
    margin: 0;
}

.footer-middle ul.footer-menu,
.txt-column2,
.txt-column3,
.filter-block-list ul.txt-column2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.footer-middle ul.footer-menu {
    margin-bottom: 20px;
}

.footer-middle h4,
.footer-middle ul.footer-menu li {
    text-align: center;
}

.footer-middle h4 {
    position: relative;
    padding: 0 12%;
    cursor: pointer;
    font-weight: 700;
}

.footer-middle h4:after {
    content: "";
    position: absolute;
    right: 12%;
    top: 50%;
    background-repeat: no-repeat;
}

.footer-middle ul {
    display: none;
}

.footer-middle .active ul {
    display: block;
}

.footer-middle .centered-title h1 span,
.footer-middle .centered-title h2 span,
.footer-middle .section-bg-title h3 span {
    display: inline-block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~ bottom footer */
.footer-bottom-right {
    float: none;
    width: 290px;
    margin: 0 auto;
    text-align: center;
}

.footer-bottom-right .f-field-email {
    z-index: 99;
}

.footer-bottom-right .f-field.f-field-email label {
    display: block;
    white-space: normal;
}

.footer-bottom-right .f-field input[type=text] {
    width: 95%;
    margin: 0;
    padding: 0 0 0 5%;
    background-image: none;
    color: #797979;
    /*text-indent: 5%;*/
    box-sizing: border-box;
}

.footer-bottom-right input[type=submit] {
    display: block;
    position: absolute;
    right: 0;
    width: 15%;
    padding: 0;
    text-align: center;
    border: #8fc941 1px solid;
    background: #fff;
    font-weight: 700;
    color: #8fc941;
}

.footer-bottom-right .f-field.f-field-lang {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.footer-bottom-right .f-field.f-field-lang label {
    float: left;
}

.footer-bottom-right .f-field.f-field-lang .custom-select-over {
    float: right;
    width: 25%;
    border: none;
}

.footer-bottom-right .show-in-mobile {
    clear: both;
}

.show-in-mobile {
    display: block;
}

/* ----------------------------------------------------------------------/FOOTER */

/* ---------------------------------------------------------------------- pre FOOTER:subscribe */
.subscribe-form {
    border-bottom: none !important;
}

.subscribe-form .centered-title h2 {
    margin: 0 3%;
}

.subscribe-form .light-bg-title:after {
    display: none;
}

.subscribe-form {
    padding-bottom: 0px;
}

.subscribe-form .link-border-salad {
    display: inline-block;
}

.subscribe-form form {
    max-height: 0;
    overflow: hidden;
    position: relative;
}

.subscribe-form.open form {
    max-height: none;
    overflow: visible;
}

.subscribe-field {
    display: block;
    width: auto;
    text-align: left;
    margin-right: 35px;
}

.subscribe-field label, .subscribe-field h2 {
    display: block;
    margin: 0 0 5px 0;
}

.subscribe-field .custom-select-over {
    width: auto !important;
    display: block;
    margin-right: -2px;
}

.field-adresse input[type=text] {
    width: 100%;
    padding: 10px 0;
    text-indent: 10px;
}

.subscribe-field input[type=submit] {
    width: 30%;
    margin: 0;
}

/* ---------------------------------------------------------------------- pre FOOTER:crumbs */
.show-in-mobile {
    display: block;
}

.pre-footer {
    padding-left: 3%;
    padding-right: 3%;
}

.pre-footer > .dec-link,
.links-left,
.crumbs-link {
    margin-top: 56px;
}

.icon-back {
    width: 50px;
    height: 50px;
    background-position: -274px -85px;
}

/* ----------------------------------------------------------------------/pre FOOTER */
.home-page-navi {
    display: none;
}

/*.node-type-product .home-page-navi,*/
/*.page-institut .home-page-navi,*/
/*.page-rituels .home-page-navi,*/
/*.page-front .home-page-navi {*/
/*display: block;*/
/*top: 48%;*/
/*}*/

.centered-title {
    font-size: 1em;
}

/* ---------------------------------------------------------------------- Slider */
.slider-text h3 {
    font-size: 2em;
}

.slider-text h4 {
    font-size: 1.45em;
}

.slider-text p {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0.96em;
}

a.link-border-salad,
a.link-bg-salad {
    font-size: 1.22em;
    line-height: 1em;
    padding: 0.38em 0.7em;
    margin-top: 0;
}

#GENERIC a.link-border-salad {
    padding: 0.58em 0.7em 0.38em ;
}

#timeblockMore a.link-border-salad,
#timeblockMore a.link-bg-salad {
    line-height: normal;
    padding: 5px 0.7em 4px;
}

.products-block .centered-title a.link-border-salad {
    font-size: 1.52em;
    padding: 0.76em 1em 0.6em;
    margin: 0.85em 0 0 0;
    margin-left: 7px;
    margin-top: 19px;
}

.slider a.link-border-salad {
    font-size: 1.22em;
    line-height: 1em;
    padding: 0.5em 0.7em 0.38em;
    margin-top: 1.3em;
}

.slider ul li.slider-item {
    background: #000 !important;
}

.slider .slider-text {
    position: relative;
    overflow: hidden;
    width: 80%;
    top: 0 !important;
    margin: 0 !important;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    padding: 15px 10%;
    min-height: 200px;
    background: url(../../../images/tpl/over-img-640.png) repeat-x left bottom;
    text-shadow: none;
}

.slider-text h3, .slider-text h4, .slider-text p {
    color: #fff;
}

.slider-text .icon-video {
    margin-top: 70px !important;
}

.slider-img-right, .slider-img-left {
    left: -50%;
    right: -50%;
}

.slider-img-center img, .slider-img-right img, .slider-img-left img {
    float: none;
    margin: 0 auto;
    min-height: 0;
    min-width: 0;
}

.slider-navi-thumbs {
    height: auto;
}

#Promo .slider-text {
    padding-top: 3.7em;
    /*height: 11.6em; */
}

#Promo a.link-border-salad {
    /*padding: 0.7em 0.7em 0.4em 0.7em;         */
}

#PRODUITS .product-image-bg {
    height: 15.35em;
}

#PRODUITS .product-image-bg {
    background-size: cover;
}

/* ----------------------------------------------------------------------/Slider */

/* ---------------------------------------------------------------------- TITLES */
.centered-title {
    line-height: 1.23em;
    padding: 31px 0 27px 0;
}

.centered-title p {
    padding: 0 3%;
    max-width: none;
}

.products-block .centered-title p {
    font-size: 1.3em !important;
    padding-top: 3px;
    line-height: 1.5em;
}

.services-page-block .centered-title p {
    font-size: 23px;
}

.centered-title h1,
.centered-title h2 {
    margin: 0 3% 0.38em 3%;
    font-size: 2.05em;
    line-height: 1em;
}

.centered-title h1 span:before, .centered-title h2 span:before, .section-bg-title h3 span:before,
.centered-title h1 span:after, .centered-title h2 span:after, .section-bg-title h3 span:after {
    margin: 0 0.45em;
}

.centered-title a.link-border-salad,
.centered-title a.link-bg-salad {
    padding: 0.41em 0.7em;
    margin: 0.85em 0 0 0;
    margin-left: 7px;
    margin-top: 30px;
}

.centered-title p.small-text, .small-text {
    font-size: 1em;
    line-height: 1.25em;
}

.centered-title h1 span, .centered-title h2 span, .section-bg-title h3 span {
    display: inline;
}

/* ----------------------------------------------------------------------/TITLES */

/* ----------------------------------------------------------------------PRODUCT */
.products {
    margin: 0;
    padding-bottom: 0;
}

#main .apply-slider .product-item {
    margin-right: -100%;
    opacity: 0 !important;
    padding: 2.3em 0 0 0;
    height: 36.25em;
    border: none;
}

#RITUAL_AUSSI .apply-slider .product-item {
    height: 35.25em;
}

#RITUAL_AUSSI  .apply-slider .product-item .product-image {
    bottom: 7.3em;
}

#RITUAL_AUSSI .products .slider-navi-thumbs {
    bottom: 0.6em;
}

#main .product-item {
    width: 100.2%;
    padding-top: 30px;
    height: 485px;
    z-index: 10 !important;
}

.slider-item {
    -moz-transition: opacity 1s 0s ease;
    -o-transition: opacity 1s 0s ease;
    -webkit-transition: opacity 1s 0s ease;
    -ms-transition: opacity 1s 0s ease;
    transition: opacity 1s 0s ease;
}

#main .apply-slider .product-item.active {
    opacity: 1 !important;
    z-index: 16 !important;
}

.products-actifits:after, .products-actifits:before {
    display: none;
}

/* image */
.product-image-bg {
    height: 13.35em;
}

.product-image {
    bottom: 0;
}

/*.products-block .product-image {
    bottom: 8.5em;
}*/

.product-image img {
    max-height: 18.3em;
}

.product-image .lbl-product {
    right: 32%;
    margin: 0;
    font-size: 8px;
    bottom: 3.75em;
    min-width: 0;
    max-width: 90px;
}

/*.product-item .link-border-salad {
    bottom: 2.79em;
    padding-left: 0;
    padding-right: 0;
}*/

/*.products-block .product-item .link-border-salad {
    bottom: 3.37em;
    margin-left: -132px !important;
}*/

/* head text */
.product-head, .product-sub-head {
    min-height: 3.7em;
    margin: 0 3%;
}

.products-block .product-sub-head {
    margin-top: 11px;
}

.product-sub-head * {
    font-size: 1em;
    line-height: 1.174em;
}

.product-head h3 {
    font-size: 1.96em;
    line-height: normal;
    margin-bottom: 15px;
}

.product-head h4 {
    font-size: 0.98em;
}

/* navi */
.products .slider-navi-thumbs,
.products .slide-prev,
.products .slide-next {
    display: block;
}

.products .slider-navi-thumbs {
    bottom: 2em;
    height: auto;
    line-height: 0;
    z-index: 19;
}

.products .slider-navi-thumbs a {
    border: none;
    line-height: 0;
}

.product-gamma-additional {
    margin-top: -1.2em;
}

/* ----------------------------------------------------------------------/PRODUCT */

/* ---------------------------------------------------------------------- HOME: rituel  */
.index-page .services-page-block .dark-bg-title {
    border-top: 0.23em #000000 solid;
}

.services-page-block .centered-title {
    padding-top: 5px;
}

.services-page-block .centered-title h2 {
    margin-bottom: 0.37em;
}

.services-page-block .centered-title a.link-border-salad,
.services-page-block .centered-title a.link-bg-salad {
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0.4em;
    padding-right: 0.4em;
    min-width: 10.05em;
    margin-bottom: 0.46em;
}

.services-page-block, .page-item-bg img {
    height: 54.5em;
}

/* ----------------------------------------------------------------------/HOME: rituel  */

/* ---------------------------------------------------------------------- HOME: philosophie  */
.phi-block .centered-title {
    padding-top: 2.27em;
    padding-bottom: 4.48em;
}

.products-phi {
    height: 59.8em;
    margin: 0;
}

.phi-item {
    width: 100%;
    margin-right: -100%;
    border: none;
    opacity: 0;
    z-index: 5;
}

.phi-item.active {
    opacity: 1;
    z-index: 6;
}

.phi-item .icon-num-bg {
    margin: 4em auto 1.7em auto;
}

.products-phi .slider-navi-thumbs,
.products-phi .slide-prev,
.products-phi .slide-next {
    display: block;
}

.products-phi .slider-navi-thumbs {
    bottom: 2.36em;
    height: auto;
    line-height: 0;
}

.products-phi .slider-navi-thumbs a {
    border: none;
    line-height: 0;
    margin: 0 0.25em;
}

.phi-item-img {
    background-size: cover;
    background-position: center bottom;
}

.phi-item-img img {
    margin: 0 -50%;
}

.icon-num-bg {
    margin: 3.4em auto 1.20em auto;
    font-size: 1.39em;
}

.phi-item-head {
    font-size: 1em;
}

.phi-item-head h3 {
    font-size: 1.963em;
    margin-bottom: 0.62em;
}

/* ----------------------------------------------------------------------/HOME: philosophie  */

/* ---------------------------------------------------------------------- HOME: actualize  */
#main.index-page .news-sliders-place {
    display: none !important;
}

#main.index-page .over-light {
    opacity: 0;
    display: none;
}

#main.index-page .over-dark .icon-plus {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

#main.index-page .over-dark {
    opacity: 1;
}

#main.index-page .over-actualize.over-dark > * {
    margin: 0;
    opacity: 1;
}

.actualize-items {
    margin: 0;
    position: relative;
}

.actualize-items-over-type1 .actualize-item {
    float: none;
    width: 100%;
    display: block;
}

.actualize-items-over-type1 .actualize-items .ai-img {
    position: absolute;
    left: 0;
    top: 0;
}

.actualize-items-over-type1 .actualize-items .ai-img:first-child {
    position: relative;
}

.actualize-items-over-type1 .actualize-items .actualize-item.ai-img {
    z-index: 5;
    opacity: 0;
    -moz-transition: opacity 1s 0s linear;
    -o-transition: opacity 1s 0s linear;
    -webkit-transition: opacity 1s 0s linear;
    -ms-transition: opacity 1s 0s linear;
    transition: opacity 1s 0s linear;
}

.actualize-items-over-type1 .actualize-items .actualize-item.ai-img.active {
    z-index: 10;
    opacity: 1;
}

.actualize-items-over-type1 .actualize-items .slider-navi-thumbs {
    bottom: auto !important;
    top: 0;
    display: block !important;
}

.actualize-items-over-type1 .actualize-items .slide-prev,
.actualize-items-over-type1 .actualize-items .slide-next {
    display: block !important;
}

.actualize-items .over-actualize-title {
    font-size: 1.56em;
    line-height: 1.8em;
    font-weight: 700;
    margin-bottom: 0.55em !important;
}

.actualize-items .over-actualize-more {
    margin-top: 0 !important;
    font-size: 1em;
    line-height: 1.2em;
}

.actualize-items-over-type1 .ai-text-inner {
    font-size: 1em;
    line-height: 1em;
}

.ai-text {
    border-bottom: #fff 1px solid;
}

.ai-thumb {
    width: 6.87em;
    height: 6.87em;
    border-width: 0.26em;
    margin-bottom: 0;
    display: inline-block;
    overflow: hidden;
}

.ai-cite-head {
    line-height: 1.2em;
}

.ai-cite-text {
    font-size: 1em;
    line-height: 1.7em;
    margin-top: 1.62em;
    margin-bottom: 0;
}
.ai-cite-text p{
    margin-bottom: 0;
}

.actualize-items .ai-text-inner .icon-quote-open {
    margin-top: 2.2em;
    margin-bottom: 3.05em;
}

.actualize-items .ai-text-inner .icon-quote-close {
    margin-top: 1.35em;
}

#ACTUALITES .slider-mobile-only {
    height: auto;
}

/* ---------------------------------------------------------------------- HOME:/actualize  */

/* ---------------------------------------------------------------------- page DIAGNOSTIC */
.diagnostics-step.active, .diagnostics-step.unactive {
    padding: 2.93em 4.35em 0 4.35em;
}

.step-title {
    font-size: 1.374em;
    line-height: 1.385em;
    min-height: 0;
    margin-bottom: 1.4em;
}

.diagnostics-step-number {
    left: 1.2em;
}

.diagnostics-step#step1.active .diagnostics-step-number {
    top:0em;
}

.diagnostics-step.active .diagnostics-step-number:after, .diagnostics-step.unactive .diagnostics-step-number:after {
    top: -2.174em !important;
}

.diagnostics-step-number span {
    margin-left: 0;
    left: -1px;
    font-size: 1.52em;
    letter-spacing: 0;
}

.diagnostics-step.active .diagnostics-step-number span, .diagnostics-step.unactive .diagnostics-step-number span {
    margin-top: -2.6em;
}

.diagnostics-step.unactive .diagnostics-step-number {
    top: 0;
}

.diagnostics-step.unactive#step3 .form-block {
    margin-top: 4em;
}

.form-block ul.justify-inner-text {
    margin: 0 auto;
}

.form-block #step1 ul.justify-inner-text {
    max-width: 315px;
}

.form-block ul.justify-inner-text > li {
    display: block;
    margin: 0 auto;
    margin-top: 3em;
    width: 261px;
    padding-left: 59px;
}

.form-block ul.justify-inner-text > li > label {
    text-align: left;
    position: relative;
    font-size: 1.28em;
    line-height: 1.2em;
    padding-left: 2.9em;
    margin-bottom: 2.3em;
}

.form-block ul.justify-inner-text > li > label span.custom-radio {
    position: absolute;
    left: 0;
    top: 50%;
}

.diagnostics-step {
    min-height: 6.43em;
    min-height: 8.9em;
    padding-left: 6.6em;
    padding-right: 6.6em;
    width: 100%;
    box-sizing: border-box;
}

.diagnostics-step a.icon-open-step {
    background-position: -85px -236px;
    right: 3.2em;
}
.diagnostics-step a.icon-open-step:hover{
    background-position: -85px -236px;
    opacity: 0.5;
}

.result-text {
    font-size: 1em;
    line-height: 1em;
    padding-top: 1.3em;
}

.result-text {
    padding-top: 1.3em;
    font-size: 1.1em;
    line-height: 1.9em;
}

.result-text strong {
    font-size: 1.5em;
    margin-top: 0.1em;
}

.result-text strong {
    font-size: 1.39em;
    line-height: 1.6em;
}

.result-text:after {
    height: 6.43em;
}

.form-block ul.justify-inner-text > li > label small {
    font-size: 0.66em;
    line-height: 1.22em;
}

.left-list, .right-list {
    float: none;
    width: auto;
}

.sub-step.active {
    max-height: 1500px;
}

.over-green {
    font-size: 1.374em;
    font-weight: 700;
    line-height: 1.185em;
}

.over-green-text p {
    margin: 0 5em;
}

/* ---------------------------------------------------------------------- page DIAGNOSTIC */

/* ---------------------------------------------------------------------- page Rituels */
.inner-page-rituel .services-page-block .centered-title {
    padding-top: 1.6em;
}

.inner-page-rituel .services-page-block .centered-title h1,
.inner-page-rituel .services-page-block .centered-title h2 {
    margin: 0 auto 0.30em auto;
    max-width: 30em;
    line-height: normal;
}

.inner-page-rituel .services-page-block, .page-item-bg img {
    height: 54.5em;
}

#RITUELS .page-item-bg img {
    height: 52.5em;
}

.inner-page-rituel .views-exposed-form-rituals-rituals-list p {
    line-height: 1.5em;
    max-width: 90%;
    margin: 0 auto;
}


.inner-page-rituel .page-item-bg img {
    height: 47.5em;
}

.inner-page-rituel .services-page-block {
    height: 41em;
}

.filter-block {
    font-size: 1em;
    line-height: 1.174em;
    font-weight: 500;
    margin: 1.59em 0 0 0;
}

.view-display-id-rituals_list .filter-block {
    margin-top: 2.4em;
}

.view-display-id-rituals_list .product-item-image, .view-display-id-rituals_list .product-item-image img {
    height: auto;
}

.view-display-id-rituals_list .products-page-item a.link-border-salad {
    padding: 0.5em 0 0.3em;
    line-height: normal;
}

.view-display-id-rituals_list .products-page-list .products-page-title {
    margin-bottom: 0.7em;
}

.filter-block.active .filter-block-list.current {
    margin: 0;
}

.inner-page-rituel .filter-block {
    font-size: 1.15em;
}

.filter-block > p {
    margin: 0 3% 1.3em 3%;
}

.toggle-filter {
    margin: 0 0 1em 0;
    padding: 0 1.739em;
    line-height: 2.174em;
    min-width: 11.56em;
}

.inner-page-rituel .toggle-filter {
    max-width:  16.7em;
    min-width: 16.7em;
}

.filter-block .icon-close-filter {
    right: 1.717em;
    top: 1.49em;
}

.filter-block-list {
    margin-top: 1.75em;
}

.filter-block-list ul {
    padding: 3.2em 0 2em 0;
}

.filter-block-list ul li {
    padding: 1.1em 0;
    margin: 0;
    line-height: 1em;
}

.filter-block-list ul li a {
    font-size: 1.2em;
    line-height: 1em;
}

.products-page-title {
    font-size: 1em;
}

.products-page-list {
    margin: 0 3%;
}

.products-page-list .products-page-title {
    margin: 0 0 0.95em 0;
}

.products-page-item {
    width: auto;
    margin-bottom: 0.6em;
    display: block;
    text-align: center;
}

.view-display-id-rituals_list .products-page-item {
    margin: 0 3% 2em 3%;
}

.view-display-id-rituals_list .product-item-image {
    margin-bottom: 1.1em;
}

.view-display-id-rituals_list .products-page-item p.products-page-note {
    margin: 1em 0 1.5em 0;
    line-height: 1.6em;
}

.products-page.open .ritual-line.current .products-page-item.current{
    display: block;
}

.products-page.open .ritual-line.current .products-page-item{
    display: none;
}
.product-subcat {
    height: auto;
    margin-bottom: 0.75em;
    text-align: left;
}

.view-display-id-rituals_list .product-subcat {
    margin-top: 1em;
}

.product-subcat span {
    line-height: 2em;
    font-size: 0.78em;
}

.product-item-image {
    margin-bottom: 0.7em;
}

.product-item-image, .product-item-image img {
    height: 19.57em;
}

.products-page-item p, .products-page-item h5, .products-page-item h2 {
    font-size: 1em;
    line-height: normal;
    margin: 0 0 0.2em 0;
    text-align: left;
}

.products-page-item p.products-page-note {
    font-size: 1em;
    line-height: 1.174em;
    height: auto;
    margin: 0.8em 0 1em 0;
}

.products-page-item a.link-border-salad {
    font-size: 1.174em;
    margin: 0 0 1px 0;
}

.products-page .link-grey-bg {
    display: inline-block;
    font-size: 1em;
    line-height: 2.087em;
    padding: 0 0.83em;
    margin-bottom: 2.087em;
}

/* more */

.product-detail-preview-text h3 {
    font-size: 1.174em;
}

.product-detail-preview-img img {
    height: 26em;
}

.product-detail-items {
    margin: 0;
}

.product-detail-item {
    width: 100%;
    height: 860px;
    background: url(../../../images/tpl/rep-product-inner-mobil-640.png) repeat-x 0 bottom #f8f8f8;
    padding-bottom: 10px;
}

.product-detail-item-num {
    font-size: 1.43em;
}

.product-detail-item-num {
    margin: 28px auto 15px auto;
}

.product-detail-item-head {
    padding: 0 0 15px 0;
}

.product-detail-item-name {
    font-size: 2em;
    line-height: 1em;
}

.product-detail-item-tags,
.product-detail-item-cat {
    font-size: 1em;
    line-height: 1.2em;
}

.product-detail-item a.link-border-salad {
    margin-bottom: 5px;
}

.product-detail-item-img {
    height: 20.4em;
}

.product-detail-item-img img {
    max-height: 19.5em;
    margin: 0 auto;
    display: inline-block;
}

.product-detail-timeblock {
    font-size: 1.087em;
    line-height: 1.2em;
}

.product-detail-time-item {
    margin-left: 10em;
}

.product-detail-time-img {
    margin-left: -10em;
    width: 10em;
    padding-top: 1.174em;
}

.rituel-personalize .product-detail-time-img {
    padding-top: 4em;
}

.centered-title.ritual-personalized-header h1 span {
    max-width: 54%;
}

.product-detail-time-text {
    padding: 1.174em 0;
    font-size: 1em;
    line-height: 1.174em;
}

.product-detail-preview-text {
    width: 80%;
}

.product-detail-preview-text .link-border-salad {
    white-space: nowrap;
}

.few-other-products .slide-next {
    right: 10px;
}

.view-display-id-rituals_list .product-detail {
    margin-top: 3.3em;
}

/* ----------------------------------------------------------------------/page Rituels */

/* ---------------------------------------------------------------------- page Rituels personnalisé */
.rituel-personalize .centered-title {
    padding-top: 2.9em;
    padding-bottom: 1.58em;
}

.rituel-personalize .centered-title h1 span {
    font-size: 0.95em;
}

.page-info {
    font-size: 1em;
    line-height: 1.174em;
    padding: 3.8em 0 2.3em 0;
}

.page-info p {
    margin: 0 3% 1.7em 3%;
    font-size: 1.1em;
    line-height: 1.5em;
}

.page-info p.page-info-second {
    max-width: 60%;
    margin: 0 auto;
}

.rituel-personalize .page-info p.page-info-second strong {
    display: block;
}

.rituel-personalize .page-info p.page-info-second {
    max-width: 94%;
}

.rituel-personalize .page-info {
    background-position: center bottom;
    background-image: url(../../../images/tpl/personalize-mobile2.png);
    padding: 4em 0 5.1em;
}

.page-personalize h2 {
    font-size: 2.3em;
    line-height: 1em;
    padding-top: 1.7em;
    padding-bottom: 0;
}

.page-personalize .product-detail-item {
    padding-top: 2.087em;
}

.page-personalize h2 + .product-detail-item {
    padding-top: 2.7em;
}

.page-personalize .product-detail-item-num {
    margin-bottom: 0.94em;
    margin-top: 0;
}

.rituel-personalize .product-detail-item-name {
    font-size: 2.3em;
    line-height: 1em;
    min-height: 1.38em;
    margin-bottom: 0;
}

.rituel-personalize .product-detail-item-cat {
    font-size: 1.1em;
    line-height: 1.3em;
    padding-top: 0em; /* was 1.9em */
}

.rituel-personalize  .product-detail-item-tags {
    font-size: 1.1em;
    line-height: 1.3em;
    text-transform: lowercase;
}

.rituel-personalize #timeblockMore a.link-border-salad, a.link-bg-salad {
    padding: 0.6em 0.4em 0.4em;
    margin-left: 1em;
}

.rituel-personalize .pre-footer {
    padding-top: 7em;
}

.page-personalize .product-detail-item-img {
    height: 30em;
    width: auto !important;
}

@media (min-width: 480px) and (max-width: 768px) {
    .page-personalize .product-detail-item-img {
        height: 25em;
    }
}

.page-personalize .product-detail-item-img img {
    max-height: 30em;
    width: auto !important;
}

.page-personalize .product-detail-item-img:after {
    display: none;
}

.page-personalize span.custom-checkbox {
    background-image: url(../../../images/tpl/icons-1024.png) !important;
    background-size: 300px 307px !important;
    background-position: -10px -149px;
    width: 10px;
    height: 10px;
}

.page-personalize span.custom-checkbox.active {
    background-position: -10px -159px;
}

.page-personalize #errors-container {
    margin-top: 20px;
}

.page-personalize .product-detail-item-num-text {
    padding-right: 7px;
}

.pf-diagnostic-personalized-ritual-form .form-item-sex span.form-required {
    line-height: 0.5em;
}

.product-detail-item a.link-border-salad {
    margin-bottom: 1.8em;
    padding: 0.7em 0.7em 0.5em;
}

.large-text-center {
    font-size: 1em;
    line-height: 1.174em;
}

.time-space {
    padding-top: 2.39em;
    padding-bottom: 2.39em;
    border-color: #fff;
}

.page-personalize .time-space {
    padding-top: 2.6em;
    margin: 0 auto;
    max-width: 80%;
    font-size: 1.2em;
    line-height: 1.4em;
}

.page-personalize .product-detail-item a.link-border-salad {
    margin-bottom: 2.6em;
}

.page-personalize .time-space .icon-watch-small {
    margin-bottom: 1.5em !important;
}

.page-personalize .time-space .link-border-salad {
    max-width: 14.2em;
    font-size: 1.15em;
    padding: 0.8em 0.7em 0.6em;
}

.time-space .icon-watch-small {
    display: block;
    margin: 0 auto 1.21em auto !important;
}

.time-space .link-border-salad {
    display: block;
    margin: 1em auto 0 auto !important;
    max-width: 12.4em;
}

.product-detail-timeblock-more {
    overflow: hidden;
}

.next-step-personalize {
    padding-top: 3.3em;
    padding-bottom: 5.5em;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1em;
    background-color: #f9f9f9;
}

.next-step-personalize .fs1-3,
.next-step-personalize .fs1-7 {
    font-size: 1.565em;
    line-height: 1.194em;
    margin-top: 0;
}

.rituel-personalize .next-step-personalize .product-detail-item-name {
    margin-bottom: 0;
    margin-top: 50px;
}

.rituel-personalize .next-step-personalize .color-green {
    margin-top: 15px
}

.rituel-personalize .next-step-personalize .color-green .fs1-7 {
    margin-top: 10px;
}

.rituel-personalize .next-step-personalize a.link-border-salad {
    padding: 0.8em 0.7em 0.6em;
}

.personalize-actions {
    background: none;
    border-bottom: #fff 1px solid;
    margin-bottom: 4.5em;
}

.block-action {
    width: 100%;
    margin: 0;
    display: block;
    padding: 4.2em 0 1.26em 0;
}

.block-action .icon-update {
    margin-bottom: 2em;
}

.block-action a.link-border-salad {
    font-size: 1.1em;
    padding: 0.8em 0.7em 0.68em;
    margin-top: 1.4em;
}

.rituel-personalize p.normal-center-text {
    font-size: 1.2em;
    line-height: 1.45em;
}

.large-text-center.personalize-actions {
    font-size: 1.1em;
}

.block-action p {
    margin-bottom: 0.3478em;
}

.page-personalize .bottom-crumbs {
    margin-top: 15em;
}

.personalize-actions.large-text-center {
    border-bottom: none;
}

.form-email,
.normal-center-text,
.form-email-body-sex label {
    font-size: 1em;
    line-height: 1.174em;
}

.date-fields input {
    margin: 0 0 10px 0;
}

.form-email h3 {
    font-size: 1.47em;
    line-height: 1.2em;
}

.page-personalize .product-detail-time-img {
    width: auto;
}

.page-personalize .product-detail-time-img img {
    max-width: none;
    max-height: 15em;
}

.product-detail-time-text p.solution-title {
    padding-bottom: 0;
    margin-bottom: 0;
}

.product-detail-time-text p.solution-subtitle {
    padding-bottom: 1em;
    margin-bottom: 0;
}

.rituel-personalize .product-detail-timeblock-more .icon-close-filter {
    top: 2.5em;
}

.page-personalize .product-detail-time-text {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0;
    padding-top: 4.5em;
    padding-bottom: 2px;
    max-width: 90%;
}

.page-personalize .product-detail-timeblock-more {
    border-bottom: none;
}

.page-personalize .product-detail-time-item {
    padding-top: 1em;
}

.page-personalize .product-detail-time-items {
    min-width: 40em;
}

.rituel-personalize #timeblockMore a.link-border-salad {
    margin-left: 0;
}



.text-email {
    padding: 0 6%;
}

.bottom-crumbs {
    font-size: 0.9em;
    margin: 0;
    padding: 0 0 0.65em 3%;
}

.form-email-body-sex {
    margin-bottom: 1em;
}

.form-email-body-left,
.form-email-body-right {
    float: none;
    width: auto;
}

.form-email-body-left input {
    margin: 0;
}

.form-field .float-left {
    line-height: 1.8em;
}

.cp-field label {
    width: 27%;
    float: left;
    margin-right: 4%;
}

/* ----------------------------------------------------------------------/page Rituels personnalisé */

/* ---------------------------------------------------------------------- PRODUITS */
.products-page-type3 .centered-title h1,
.products-page-type3 .centered-title h2 {
    margin-bottom: 0.2em;
}

.products-page-type3 .product-sub-head {
    padding-top: 3px;
}

.products-page-type3 .product-sub-head * {
    line-height: 1.474em;
}

.products-page-type3 .product-sub-head p {
    text-transform: lowercase;
}

.products-page-type3 .product-image {
    bottom: 40px;
}

.products-page-type3 .product-image .lbl-product {
    bottom: 2em !important;
}

.products-page-type3 ul.pager a.link-border-grey {
    margin-top: 2em;
    font-size: 1.2em;
    min-height: 45px;
}

.products-page-type3 .pre-footer {
    padding-top: 18px;
}

.products-page-type3 ul.pager {
    background: #f3f3f3;
    margin-bottom: 0;
}

.products-page-type3 ul.pager > li {
    margin-bottom: 0;
}

.show-own-menu {
    font-size: 1.5em;
    line-height: 1.85em;
    padding: 0;
    width: auto;
    margin: 0 3% 0.75em 3%;
    display: none;
    padding-top: 7px;
}

.show-own-menu.show-in-mobile {
    display: block;
}

.show-own-menu .icon-clear {
    margin-right: 24px;
}

.filter-block-list {
    margin: 0;
}

.filter-block.active .filter-block-list.current {
    margin: 0 -1px 0.83em -1px;
}

.product-hover {
    background: none;
}
.product-hover h3,
.product-hover h6,
.product-hover h4,
.product-hover .h4,
.product-hover h5,
.product-hover .some-info {
    display: none;
}
.product-hover .plus {
    background: none;
}

#main .product-item {
    margin: 0 -1px;
    padding: 1.478em 0 0 0;
    height: auto;
    min-height: 30em;
}

.products-page-type3 .product-head {
    min-height: 3.71em;
}

.products-page-type3 .product-head h3 {
    font-size: 1.956em;
}

.products-page-type3 .product-image {
    height: auto;
}

.products-page-type3 .product-image a img {
    max-height: inherit;
}

.products-page-type3 .product-image .lbl-product img {
    max-height: 5em;
}

.products-page-type3 .product-image-bg {
    height: 9.37em;
    background-size: auto 100%;
}

a.link-border-grey {
    font-size: 1em;
    line-height: 2.04em;
    padding: 0 0.9em
}

.btn-with-arrows {
    max-width: none;
    padding: 0.52em 2.4em;
    font-size: 1.174em;
    line-height: 1.185em;
}

.products-page-type3 .btn-with-arrows {
    padding: 0.65em 2.7em 0.75em;
    font-size: 1.374em;
    line-height: 1.385em;
}

.btn-with-arrows:before {
    left: 32px;
}

.btn-with-arrows:after {
    right: 27px;
}

.block-differens.open .block-differens-body {
    max-height: 1200px;
}

.block-differens-body {
    font-weight: 700;
}

.block-differens-body-inner {
    padding: 2.3em 3% 0.39em 3%;
}

.block-differens-body-inner p {
    margin: 0 auto 1.1em auto;
    padding-top: 1em;
}

.block-differens-body-inner p.en-plus {
    font-size: 1.2em;
}

.block-differens-body-inner .txt-column2 {
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 1.4em;
}

.head-difference {
    font-size: 1.765em;
    line-height: 1.7em;
    margin: 0 0 1.31em 0;
    font-weight: 900;
}

.head-difference.centered-title .text_title span.title-text {
    color: white;
    line-height: 1.6em;
    max-width: 76%;
}

.head-difference.centered-title .text_title span.title-text:after,
.head-difference.centered-title .text_title span.title-text:before {
    background: #fff;
}

.head-difference.centered-title .text_title {
    font-size: 1.5em;
}

.head-difference.centered-title {
    padding: 0;
}

.head-difference span.head-difference-inner {
    color: white !important;
}


.head-difference span.head-difference-inner span {
    position: relative;
}

.head-difference span.head-difference-inner span:before,
.head-difference span.head-difference-inner span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin: 0 16px;
    background: #fff;
}

.head-difference span.head-difference-inner span:before {
    left: 100%;
}

.head-difference span.head-difference-inner span:after {
    right: 100%;
}

.head-difference strong:after,
.head-difference strong:before {
    display: none;
}

/* ----------------------------------------------------------------------/PRODUITS */

/* ---------------------------------------------------------------------- fiche PRODUITS */
.centered-title h4 {
    font-size: 1em;
    line-height: 1.174em;
}

.centered-title h1, .centered-title h2 {
    margin-bottom: 0;
}

.fiche-product {
    padding: 0;
/*    z-index: 18;*/
    margin-top: 168px;
}

.page-fiche .karite-bg {
    bottom: 234%;
}

.fiche-product-text-over {
    padding: 0 3%;
}


.fiche-product-img {
    position: relative;
    bottom: 0;
    text-align: center;
    width: auto;
    height: 13.6em;
    margin: 0 -5%;
    margin-top: 159px;
    padding: 0 5%;
    background: url(../../../images/tpl/bg-image-fiche.png) repeat-x 0 bottom;
    white-space: nowrap;
}

.fiche-product-img img {
    max-height: 25em;
    vertical-align: bottom;
    display: inline-block;
}

.fiche-product-img img {
    margin-top: -216px;
}

.fiche-product-img:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 1px;
    height: 17em;
}

.fiche-product-text {
    width: auto;
    min-height: 0;
    font-size: 1em;
    line-height: 1.39em;
    font-weight: bold;
    margin-top: 57px;
}

.lbl {
    max-width: 2.8em;
    max-height: 2.8em;
}

.fiche-product-params {
    padding: 0 5%;
    background: none;
    border-bottom: #cacaca 1px solid;
    margin: 0 -5%;
    border-left: none;
    border-right: none;
}

.fiche-product-params ul {
    width: auto;
    margin-top: 30px;
    margin-bottom: 62px;
}

.fiche-product-params ul li {
    width: auto;
    display: block;
    font-size: 1em;
    margin-bottom: 1.7em;
}

.fiche-product-share {
    padding: 2.7em 0;
    border-bottom: #cacaca 1px solid;
    margin: 0 -5%;
}

.fiche-product-share .icon {
    margin: 0 0.7em;
}

.fiche-product-menu {
    margin: 0;
    display: none;
}

#Promo .slider-text h3 {
    font-size: 1.65em;
}

/*#Promo .slider-img-left {*/
/*left: -20%;*/
/*right: 0;*/
/*}*/

/*#Promo .slider-img-right {*/
/*left: -100%;*/
/*right: 0;*/
/*}*/

/*#Promo .slider-img-right img{*/
/*left: -245px;*/
/*}*/

#PRODUITS.products-block .light-bg-title {
    background: #ffffff;
}

#main #PRODUITS.products-block .product-item {
    padding-top: 2.9em;
}

/*#PRODUITS .product-image .lbl-product {
    right: 33%;
    bottom: 2em !important;
}*/

#PRODUITS .product-sub-head p {
    text-transform: lowercase;
}

.front .centered-title .text_title span:before {
    margin-right: 0.5em;
}

.front .centered-title .text_title span:after {
    margin-left: 0.5em;
}

#RITUELS .centered-title .text_title {
    font-size: 1.9em;
    margin-bottom: 0.35em;
}

#RITUELS.services-page-block .centered-title a.link-bg-salad {
    padding: 0.58em 0.8em 0.3em;
    margin-bottom: 0.75em;
    min-width: 9.8em !important;
}

#RITUELS.services-page-block .centered-title p {
    margin-bottom: 0.5em !important;
    font-size: 13px;
}

#PHILOSOPHIE .phi-item-head p {
    max-width: 80%;
    margin: 0 auto;
    line-height: normal;
}

#PHILOSOPHIE .centered-title p {
    padding-top: 0.5em;
}

#ACTUALITES .centered-title p {
    padding-top: 0.3em;
}

.products-block .centered-title {
    font-size: 0.9em;
    padding-top: 4em;
    padding-bottom: 3.6em;
}

.products-block .centered-title h2 {
    /*font-size: 1.9em;*/
}

.product-round-img {
    padding: 0 0 1.3em 0;
}

.product-round-img, .product-round-img img {
    width: 11.75em;
    height: 11.75em;
}

#main .products-block .product-item {
    padding-top: 3.5em;
}

.products-block .product-text {
    font-size: 1em;
    line-height: normal;
    padding: 0 0 5em 0;
}

.products-block .product-text p{
    line-height: 28px;
}

.products-block .product-text h3 {
    font-size: 1.4em;
    line-height: 1.125em;
    margin-bottom: 0.55em;
}

#main .products .slide-next,
#main .products .slide-prev {
    bottom: 100%;
    margin-bottom: -23em;
}

#RITUAL_AUSSI .products .slide-next,
#RITUAL_AUSSI .products .slide-prev {
    margin-bottom: -20em;
}

.innovation-page-block {
    background: #003200;
    height: auto;
    padding-bottom: 0.8em;
}

.innovation-page-block .page-item-bg {
    display: none;
}

.services-page-block.innovation-page-block .centered-title {
    padding-top: 2.87em;
    padding-bottom: 0;
}

.services-page-block.innovation-page-block .centered-title h2 {
    margin-bottom: 0.09em;
}

.innovation-page-text {
    height: auto;
    margin: 0;
    padding: 0 3%;
    font-size: 1em;
}

ul.innovation-page-list li,
ul.innovation-page-list li.innovation-page-li-wide {
    display: block;
    position: relative;
    width: auto;
    margin: 4.25em 0 0 1em;
    font-size: 1.174em;
    line-height: 1.26em;
    padding: 0.148em 0 0 10.5em;
    min-height: 2.7em;
}

ul.innovation-page-list li:first-child {
    margin-top: 2.5em;
}

.innovation-result {
    position: absolute;
    left: 0;
    top: 0;
}

.innovation-note {
    position: relative;
    left: 0;
    width: auto;
    font-size: 0.88em;
    line-height: 1.22em;
    margin: 6.2em 3% 0 3%;
}

.advice-block {
    background: none;
    border-bottom: #cdcdcd 1px solid;
}

.advice-block .advice-item {
    font-size: 1em;
    line-height: 1.174em;
    padding: 0;
    width: 100%;
    height: 32.76em;
    white-space: nowrap;
}

.advice-block .advice-item:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    background: red;
    width: 1px;
}

.advice-block .advice-item-inner {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
}

.advice-block .advice-item h3 {
    font-size: 2em;
    margin-bottom: 0.6em;
    width: 121%;
    margin-left: -10%;
}

#CONSEIL .advice-block .advice-item h3 {
    width: 125%;
    margin-left: -12%;
}

.advice-block .slider-navi-thumbs {
    display: block;
    bottom: 0;
    position: relative;
    margin: 2.5em 0;
    line-height: 0;
    height: auto;
}

.advice-block .slider-navi-thumbs a {
    border: none;
    margin: 0 0.1em;
}

.btn-en-savoir {
    position: relative;
    display: block;
    left: 25%;
    bottom: 0;
    width: 50%;
    margin-left: 0;
    border: none;
    font-size: 1.174em;
    line-height: 3.7em;
}

.btn-en-savoir:after {
    left: 4.7%;
}

.btn-en-savoir:before {
    right: 4.7%;
}

.block-cooments {
    left: 25%;
    width: 50%;
}

.block-cooments-text {
    max-width: none;
    padding: 0 3%;
}

.video-maniere {
    margin: 0 -50%;
    width: auto;
}

.video-maniere img {
    height: 19em;
    max-width: none;
    min-width: 50%;
}

.block-cooments .hover-block {
    position: relative;
}

.def-text {
    font-size: 1em;
    line-height: 1.174em;
}

.def-text h3 {
    font-size: 1.565em;
}

.different-title-mobile {
    border-top: #cacaca 1px solid;
}

.different-title-mobile h1 > span:after,
.different-title-mobile h2 > span:after,
.different-title-mobile h3 > span:after,
.different-title-mobile h1 > span:before,
.different-title-mobile h2 > span:before,
.different-title-mobile h3 > span:before {
    display: none !important;
}

.centered-title-mobile {
    display: block !important;
    max-width: none !important;
}

.centered-title-mobile span {
    position: relative;
    display: inline;
}

.centered-title-mobile span:after,
.centered-title-mobile span:before {
    content: "";
    position: absolute;
    width: 1200px;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    background: #313131;
}

.centered-title-mobile span:after {
    left: 100%;
    margin-left: 0.47em;
}

.centered-title-mobile span:before {
    right: 100%;
    margin-right: 0.47em;
}

#main .light-variant .product-item {
    height: 34em;
}

.light-variant .product-item .product-head {
    padding-top: 0.08em;
    min-height: 3.1em;
}

#main .products.light-variant .slide-next, #main .products.light-variant .slide-prev {
    bottom: 50%;
}

.light-variant.products .product-image img {
    max-height: 17em;
}

.page-fiche .product-detail-preview {
}

.page-fiche .product-detail-preview-img img {
    height: 16.4em;
}

.page-fiche .product-detail-preview-text {
    position: relative;
    background: #072a0f;
    left: 0;
    width: auto;
    height: auto;
    padding: 1em 10% 1.3em 10%;
    white-space: normal;
}

.page-fiche .product-detail-preview-text h3 {
    font-size: 1.565em;
    line-height: 1.22em;
}

.page-fiche .product-detail-preview-text .link-border-salad {
    margin: 0;
}

.page-fiche .product-detail-preview-text p {
    margin-bottom: 1.05em;
}

.light-variant.products {
    text-align: left;
}

.page-fiche .img-text-item,
.page-fiche .img-text-item .slider-img img,
.page-fiche .img-text-item .slider-img iframe {
    height: 20em;
    overflow: hidden;
}

.page-fiche .img-text-item .slider-text-center {
    left: 5%;
    width: 90%;
}

.page-fiche #ACTIFS .centered-title {
    padding-top: 3.99em;
    padding-bottom: 0.88em;
}

.page-fiche #ACTIFS .centered-title .text_title {
    margin-bottom: 0;
}

.page-fiche #ACTIFS .centered-title h2 {
    font-size: 22px !important;
}

.page-fiche #ACTIFS {
    background: #f3f3f3;
}

#AUSSI .centered-title {
    padding-top: 2.2em;
    padding-bottom: 0.8em;
}

.page-fiche #ACTIFS .products-actifits div.product-item {
    display: none;
    padding-top: 0;
}

.page-fiche #ACTIFS .light-bg-title:after {
    display: none;
}

.page-fiche #ACTIFS.products-block .product-text {
    margin-top: 9px;
    padding-bottom: 3.55em;
}


/* ----------------------------------------------------------------------/fiche PRODUITS */

/* ---------------------------------------------------------------------- Mobile */
.main-mobile {
    font-size: 20px;
}

.main-mobile .icon-plus {
    margin-top: -2em;
    position: absolute;
    top: 50%;
    right: 1em;
    width: 4em;
    height: 4em;
}

.main-mobile .icon-plus:hover {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.main-mobile .active-slide .icon-plus, .main-mobile .active-slide .icon-plus:hover {
    transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}

.main-mobile .icon-plus:before, .main-mobile .icon-plus:after  {
    background-color: #3b3b3b;
}

.main-mobile .mobi_slide_title {
    padding: 3em 7em 3em 1em !important;
    color: #71c09a;
    cursor: pointer;
    position: relative;
}

.main-mobile .mobi_slide_cont {
    padding: 1em !important;
}

.main-mobile .mobi_slide_title h2 {
    font-size: 1.3em;
    line-height: 1.5em;
    text-align: left;
}

.main-mobile .mobi_slide_title, .main-mobile .mobi_slide_cont, .main-mobile .dark-bg-title {
    background-color: #f3f3f3;
    border-bottom: 1px solid #cfcfcf;
}

.main-mobile .mobi_slide_cont, .main-mobile .mobi_slide_title.active-slide {
    background-color: #ffffff;
}

.main-mobile .mobi_slide_title.active-slide {
    border-bottom: 0;
}

.main-mobile h1 {
    color: #fff;
}

.main-mobile .dark-bg-title {
    background: url(../../../images/philosophie/tpl/phi_logo_mobile.png) no-repeat center bottom #f3f3f3;
    /*height: 133px; */
    position: relative;
    background-size: cover;
}

.main-mobile .centered-title h1 > span:before, .main-mobile .centered-title h1 > span:after {
    content: "";
    position: absolute;
    width: 1200px;
    height: 2px;
    margin: 0 0.45em;
    top: 0.67em;
    right: 100%;
    background: #fff;
}

.arrow_down {
    width: 42px;
    height: 24px;
    margin-left: -23px;
    position: absolute;
    left: 50%;
    bottom: -24px;
    background: url(../../../images/philosophie/tpl/phi_logo_mobile_arrow.png) no-repeat center bottom transparent;
}

/* ---------------------------------------------------------------------- Phi */
.page-philosophie {
    overflow-y: visible !important;
}

.pane-philosophy .main-mobile .lead-text, .pane-philosophy .main-mobile .data-text {
    width: 70%;
    padding: 0 15%;
}

.pane-philosophy .main-mobile .mobi_slide_title h2 br,
.pane-philosophy .main-mobile .mobi_slide_cont br,
.pane-philosophy .main-mobile .dark-bg-title br {
    display : none;
}

.pane-philosophy .main-mobile .data-text {
    font-size: .9em !important;
    font-style: italic;
}

.pane-philosophy .main-mobile .mobi_slide_cont h3 {
    color: #71c09a;
    line-height: 1.4em;
    margin-bottom: 1em;
}

.pane-philosophy .main-mobile .centered-title {
   border: 0;
   background-color: transparent;
}

#LeCulte_mobi_title {
    margin-top: -2em;
    padding-top: 5em !important;
}

/* ---------------------------------------------------------------------- 07-ACTUALITES */
.page-actualites {
    background: #f3f3f3;
    padding-bottom: 1px;
}

.main-mobile .centered-title {
    padding-bottom: 3.66em ;
}

.page-actualites .centered-title h1, .main-mobile .centered-title h1 {
    margin-bottom: 0.28em;
}

.page-actualites #ACTUALITES h2 {
  line-height: 0.7em;
  margin: 0.3em auto;
}

.page-actualites .light-bg-title {
    border-bottom: #cacaca 1px solid;
    background: #fff;
}

.page-actualites a.link-border-grey {
    font-size: 1.174em;
    line-height: 1.77em;
}

.page-actualites .ai-text {
    display: none;
}

.page-actualites-more,
.page-actualites .page-actualites-more .ai-text {
    display: block;
}

.page-actualites-more .ai-text {
    float: none;
    position: relative;
    overflow: visible;
    margin: 0 0 3.17em 6.6em;
    padding: 0;
    width: auto;
    height: auto !important;
    background: none;
    border: none;
    text-align: left;
}

.page-actualites-more .ai-thumb {
    display: inline-block;
    vertical-align: middle;
    left: 0;
    top: 0;
    width: 7em;
    height: 7em;
    margin: 0 2.23em 0 -6.6em;
    border: none;
}

.page-actualites-more .ai-text-inner {
    text-align: left;
    white-space: nowrap;
}

.page-actualites-more .ai-text-inner .ai-cite-head,
.page-actualites-more .ai-text-inner .icon {
    display: none;
}

.page-actualites-more .ai-text-inner .ai-cite-text {
    display: inline-block;
    vertical-align: middle;
    color: #313131;
    margin: 0;
    max-width: 99%;
    white-space: normal;
    font-size: 1.1em;
    line-height: 1.7em;
}

.page-actualites .ai-img {
    display: block;
    width: auto;
    float: none;
    height: auto !important;
    background: #f3f3f3;
    border-bottom: #cacaca 1px solid;
    padding: 2.35em 0 !important;
    text-decoration: none;
}

.page-actualites .ai-img.active-slide {
    padding: 4.32em 0 3em !important;
}

.page-actualites .ai-img .zoomed-img,
.page-actualites .ai-img .over-actualize.over-dark {
    display: none;
}

.page-actualites .ai-img .over-actualize.over-light {
    opacity: 1;
    background: none;
    height: auto;
    position: relative;
}

.page-actualites .ai-img .over-actualize.over-light .over-actualize-title {
    margin: 0 !important;
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    width: auto;
    opacity: 1;
    text-align: left;
}

.page-actualites .ai-img .over-actualize.over-light .over-actualize-more {
    position: static;
    width: auto;
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    text-align: left;
    font-size: 1.3em;
    padding-top: 13px;
}

.page-actualites .ai-img .over-actualize.over-light .over-actualize-more .icon-plus {
    position: absolute;
    right:3%;
    top: 50%;
}

.page-actualites .img-place {
    text-align: left;
    margin: 0 !important;
}

.page-actualites .large-text-center {
    text-align: left;
    font-size: 1.35em;
    line-height: 1em;
    margin: 0;
    padding: 1.14em 0 0.62em 0;
}

.page-actualites .normal-center-text {
    text-align: left;
    padding: 0 3%;
    padding-bottom: 3%;
    font-size: 1.2em;
}

.page-actualites .ai-text-inner {
    font-size: 1em;
}

.page-actualites .page-actualites-more {
    margin: 0 3%;
}

/* ----------------------------------------------------------------------/07-ACTUALITES */
/* ----------------------------------------------------------------------08-INSTITUT */

/*.page-institut .centered-title h1 {
    font-size: 1.956em;
    line-height: 1em;
    margin: 0 3% 0.35em 3%;
}*/

.page-institut .def-text {
    font-size: 1em;
}

#INSTITUT .page-institut .page-block-text h3 {
    line-height: 1.4em;
}

.page-institut .centered-title .text_subtitle {
    line-height: 1.4em;
}

.page-institut #INSTITUT .page-block-img img {
    max-width: 114%;
    margin-left: -7%;
}

.page-institut #LETAGE .light-bg-title,
.page-institut #INSTITUT .light-bg-title {
    border-bottom: #cacaca 1px solid;
}

#CONTACT.contact-block-with-map img {
    width: 218% !important;
    max-width: 218%;
    margin-left: -54%;
}

.page-institut #LETAGE a.link-border-salad {
    margin-top: 1.6em;
    padding: 0.8em 0.7em 0.58em;
}

.page-institut #LETAGE .img-place .add-slider img,
.page-institut #LETAGE .page-block-img .apply-slider img {
    width: 113%;
    max-width: 113%;
    margin-left: -75px;
}

.img-place .add-slider .slide-prev,
.img-place .add-slider .slide-next {
    width: 20px;
    height: 39px;
    margin-bottom: -17px;
    top: auto !important;
}

.img-place .add-slider .icon-prev {
    width: 20px;
    height: 39px;
    background: url("../../../images/tpl/icons-1024.png") no-repeat !important;
    background-position: -143px -122px !important;
    background-size: auto !important;
}
.img-place .add-slider .icon-next {
    width: 20px;
    height: 39px;
    background: url("../../../images/tpl/icons-1024.png") no-repeat !important;
    background-position: -173px -122px !important;
    background-size: auto !important;
}


.page-institut #LETAGE .centered-title {
    padding-top: 1.5em;
}

.page-institut .page-block-text {
    padding: 0.52em 3%;
    color: #3b3b3b;
}

.page-institut .page-block-text h3 {
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 0.58em;
}

.page-institut .page-block-text p {
    margin-bottom: 1.174em;
}

.page-institut .bg-green {
    background: #00341a;
    height: auto;
    padding-bottom: 22em;
}

.page-institut .bg-green .page-item-bg img {
    height: 34em;
}

.page-institut .bg-green .centered-title {
    padding-top: 1.91em;
    padding-bottom: 1.52em;
}

.page-institut .bg-green .centered-title h2 {
    font-size: 1.96em;
    line-height: 1em;
    margin: 0;
}

.page-institut .bg-green .page-text-left {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    padding: 0 3%;
    background: url(../../../images/tpl/img-mobile.png) repeat-x 0 bottom;
}

.page-institut #LETAGE .page-block-img {
    padding-bottom: 0;
}

.page-institut #LETAGE ul > li {
    padding-left: 0;
    text-indent: 0.86em;
}

.page-institut #LETAGE .page-block-img .apply-slider {
    margin-bottom: 0;
}

.page-institut #LETAGE .page-block-text {
    background: #f3f3f3;
    padding: 1.71em 3%;
}

.prices-block {
    background: #ffffff;
    padding: 1.7em 3% 0.18em 3%;
    text-align: left;
}

.prices-block-item {
    width: 100%;
}

.prices-block-item p {
    color: #3b3b3b
}

.prices-block-item h3 {
    font-size: 1.39em;
    margin: 0 0 0.625em 0;
    line-height: 1em;
}

.map-box {
    height: 22.8em;
    margin-top: 1.43em;
}

.contact-block-with-map {
    border-top: none;
}

.contact-block-with-map .centered-title {
    padding-top: 1.5em;
    padding-bottom: 0.69em;
}

.contact-block-with-map .centered-title h2 {
    font-size: 1.96em;
}

.contact-block-with-map h4 {
    margin-bottom: 1.14em;
    font-size: 1em;
}

.contact-block-with-map .def-text p {
    margin-bottom: 1.22em;
}

/* ----------------------------------------------------------------------/08-INSTITUT */

/* ----------------------------------------------------------------------09-STORE-LOCATOR*/
.hide-in-mobile {
    display: none;
}

.toggle-links {
    margin: 0;
    text-align: center;
}

.toggle-links a {
    display: inline-block;
    vertical-align: top;
    border: #cfcfcf 1px solid;
    width: 45%;
    font-weight: 700;
    line-height: 2.17em;
    text-decoration: none;
    text-transform: uppercase;
    margin: 1.64em 1px 0.77em 1px;
}

.toggle-links a.active {
    color: #fff;
    background: #97bf0d;
}

.page-offices .map-over, .page-offices .map-box {
    width: 102%;
    height: 39em !important;
    position: relative;
    left: -1%;
}

.page-offices {
    padding: 0;
}

#locatorForm {
    display: none;
    max-height: none;
    padding: 0.15em 1px;
}

.subscribe-form form#locatorForm {
    margin: 0 3%;
    text-align: center;
}

#locatorForm .subscribe-field {
    text-align: center;
    margin: 15px 1px 0 0;
}

#locatorForm .subscribe-field label, #locatorForm .subscribe-field h2 {
    font-weight: 700;
    font-size: 1.56em;
    margin: 1em 0 0.35em 0;
}

#content.page-store-locator {
    background: #f3f3f3;
}

#locatorForm .subscribe-field .custom-select-over {
    height: auto;
}

#locatorForm .subscribe-field input[type=text],
#locatorForm .subscribe-field .custom-select-over .custom-select-value {
    padding: 0;
    height: 3.08em;
    text-align: center;
    font-size: 1em;
    line-height: 3.08em;
    padding-top: 0.5em;
    padding-top: 0.5em;
}

#locatorForm .subscribe-field input[type=submit] {
    font-size: 1em;
    line-height: 1.58em;
    height: 2.08em;
    width: auto;
    padding: 0 1em;
}

.office-items-list-over {
    float: none;
    width: auto;
}

.section-bg-title {
    padding: 1.521em 0 0 0;
}

.section-bg-title h3 {
    font-size: 1.565em;
    line-height: 1em;
    margin: 0 0 0.31em 0;
}

.address-text {
    padding: 0.3em 0 0 6.5em;
    font-size: 1.2em;
    min-height: 119px;
}

.office-one-address {
    display: block;
    width: auto;
    padding-bottom: 10px;
}

.address-text h4 {
    font-weight: 700;
    font-size: 1em;
}

.addr-line {
    font-size: 0.78em;
    line-height: 2.1em;
    font-weight: 700;
}

.address-text .icon-tm-white, .address-text .icon-tm-border-white {
    left: 0.9em;
    top: -0.3em;
}

.office-item {
    float: none;
    width: auto;
    font-size: 1em;
    text-align: center;
}

.office-item h3,
.office-item h4,
.office-item h5,
.office-item p {
    text-align: left;
}

/* ---------------------------------------------------------------------/09-STORE-LOCATOR*/

/* --------------------------------------------------------------------- page 404 */
.inner-page-404 #Page404.services-page-block {
    height: 52.6em;
    padding-top: 1em;
}

#Page404.services-page-block .centered-title {
    padding-top: 2.78em;
}

#Page404.services-page-block .centered-title h1 {
    margin-bottom: 8.8em;
    font-size: 1.956em;
}

#Page404.services-page-block .centered-title p {
    line-height: 1.4em;
    padding: 0;
}

#Page404.services-page-block .link-border-salad2 {
    background: #fff;
    border-color: #8fc941;
    color: #8fc941;
    font-size: 1.174em;
    line-height: 1.77em;
    padding: 0.3em 0.8em;
    margin-top: 2.2em;
}

.inner-page-404 {
    height: 44em;
}

ul.plan-site-list > li {
    font-size: 1.174em;
    padding: 0.6em 2.17em;
    line-height: 1.07em;
    margin-bottom: 1.07em;
}
ul.plan-site-list > li h2 {
    font-size: 1.174em;
}
ul.plan-site-list > li > ul {
    margin: 0.15em 0;
}

ul.plan-site-list > li > ul > li > ul {
    margin: 0 0 1.56em 0;
}

ul.plan-site-list > li > ul > li {
    display: block;
    padding: 0;
}

ul.plan-site-list > li > ul:before,
ul.plan-site-list > li > ul > li:after {
    display: none;
}

ul.plan-site-list > li > ul > li > ul > li {
    font-size: 1em;
    line-height: 0.9em;
    padding: 0.12em 0;
}

ul.plan-site-list > li > ul > li > ul > li a {
    font-size: 0.78em;
    line-height: 1em;
}
ul.plan-site-list > li > ul > li > ul > li h3 {
    font-size: 1em;
}
/* ---------------------------------------------------------------------/page 404 */

.services-page-block .centered-title a.link-bg-salad {
    margin-top: 14px;
    margin-bottom: 1.26em;
}

.phi-block .centered-title a.link-border-salad {
    margin-top: 1.3em;
}

.actualize-items-over .slider-navi-thumbs {
    margin-top: -56px;
}

.footer-bottom {
    padding: 28px 0 5px 0;
}

.section-diagnostic-cheveux-rene-furterer .centered-title p.small-text {
    margin-top: 16px;
}

.section-diagnostic-cheveux-rene-furterer .rituel-personalize .centered-title {
    padding: 3.3em 0 1.8em 0;
}

.rituel-personalize .centered-title .text_subtitle{
    padding-top: 1em;
    max-width: 90%;
}



.form-block ul.justify-inner-text {
    padding-bottom: 5.1em;
}

.diagnostics-step.unactive .form-block ul.justify-inner-text > li {
    padding-left: 0;
    width: 353px !important;
    margin-top: 3.87em;
}

.diagnostics-step.unactive.form-block ul.justify-inner-text > li > label {
    padding-left: 2.58em
}

.diagnostics-step.unactive .form-block ul.justify-inner-text {
    padding-bottom: 6.3em;
}

.diagnostics-step.active .diagnostics-step-number span, .diagnostics-step.unactive .diagnostics-step-number span {
    margin-top: -3.3em;
}

.diagnostics-step.active .diagnostics-step-number span {
    margin-top: -2.6em;
}

.diagnostics-step.unactive {
    min-height: 35.5em !important;
    height: 35.5em;
}

.diagnostics-step#step2 .form-block ul.justify-inner-text > li,
.diagnostics-step#step3 .form-block ul.justify-inner-text > li {
    padding-left: 0;
    width: 353px !important;
    margin-top: 3.87em;
}

.diagnostics-step#step2.form-block ul.justify-inner-text > li > label,
.diagnostics-step#step3.form-block ul.justify-inner-text > li > label {
    padding-left: 2.58em
}

.diagnostics-step#step2 .form-block ul.justify-inner-text,
.diagnostics-step#step3 .form-block ul.justify-inner-text {
    padding-bottom: 6.3em;
}

.diagnostics-step.unactive#step3 .form-block ul.justify-inner-text > li {
    padding-left: 46px;
}

.diagnostics-step#step2 {
    min-height: 568px;
}

#step2.diagnostics-step.active .diagnostics-step-number span {
    margin-top: -7px;
}

.diagnostics-step#step2.has-result {
    min-height: 9.3em;
}

.diagnostics-step.active#step3 {
    padding: 1.93em 4.35em 0 4.35em;
}

.diagnostics-step.active#step3 .step-title {
    max-width: 428px;
}

.diagnostics-step.active#step3 .diagnostics-step-number span {
    margin-top: -0.6em;
}

.diagnostics-step.active.parent-active#step3 .form-block ul.justify-inner-text {
    padding-bottom: 0;
}

.diagnostics-step.active.parent-active#step3 .form-block ul.justify-inner-text > li > label {
    margin-bottom: 0;
}

.diagnostics-step.active.parent-active#step3 .diagnostics-step-number span {
    margin-top: 0px;
    top: 79%;
}

.sub-step-wrapper {
    padding: 19px 140px 19px 0;
}

.sub-step ul li {
    margin-bottom: 41px;
    padding-left: 0;
}

.sub-step ul li li {
    margin: 8px 0 0 0;
    padding-left: 4px;
}
.sub-step1 ul {
    margin-left: 108px;
}

.sub-step1 .sub-step-wrapper {
    padding: 34px 140px;
}

.diagnostics-validation {
    padding-top: 46px;
}

.page-diagnostic .bottom-crumbs {
    display: none;
}

.page-diagnostic .pre-footer {
    display: block;
}

.toggle-filter .icon-toggle {
    top: 54%;
    right: 39px;
}

.inner-page-rituel .toggle-filter .icon-toggle {
    top: 51%;
    right: 1em;
}

.inner-page-rituel .toggle-filter {
    padding: 3px 1em;
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.inner-page-rituel .filter-block-list ul {
    padding-top: 2.3em;
    padding-bottom: 1.3em;
}

.inner-page-rituel .filter-block-list ul li a {
    font-size: 0.95em;
}

.inner-page-rituel .filter-block-list ul li {
    padding: 1em 0;
}

.inner-page-rituel .filter-block .icon-close-filter {
    top: 1em;
}

.inner-page-rituel .product-subcat span {
    height: 2em;
    margin-bottom: 0.7em;
}

.inner-page-rituel .products-page-item p.main-product-name {
    margin-bottom: 0.4em;
    font-weight: 900;
}

.inner-page-rituel .product-detail-preview-text {
    position: static;
    width: 90%;
}

.inner-page-rituel .product-detail-item-name {
    line-height: 1.6em;
    min-height: 1.5em;
}

.inner-page-rituel .product-detail-preview-text h3, .inner-page-rituel .product-detail-preview-text.ritual h1 {
    font-size: 1.1em;
    margin-bottom: 1em;
}

.inner-page-rituel .product-detail-preview-text {
    padding-top: 2.5em;
    padding-bottom: 1em;
    margin: 0 3%;
}

.inner-page-rituel .product-detail-item-additional-name {
    margin-top: -20px;
    font-size: 0.85em;
}

.inner-page-rituel .replaced-text {
    margin: 0 30px 0 10px;
}

.inner-page-rituel .product-detail-time-items {
    background-color: #F3F3F3;
    padding: 3em 0;
}

.inner-page-rituel .product-detail-time-text {
    padding: 3em 0;
}

.inner-page-rituel .border-bg-line {
    margin-top: 2em;
    margin-bottom: 1.5em;
}

.node--ritual--teaser h2 {
    font-weight: 900;
}

#DOSSIER_RITUAL .centered-title {
    padding-bottom: 2.1em;
}

#DOSSIER_RITUAL .product-detail-preview-text {
    padding-left: 4em;
    margin-left: 0;
    background-color: #032A0F;
    padding-top: 1.2em;
    padding-bottom: 2.1em;
    height: 87px;
}

@media (max-width: 480px) {
  #DOSSIER .product-detail-preview-text,
  #DOSSIER_RITUAL .product-detail-preview-text {
    height: 118px;
  }
}
@media (max-width: 391px) {
  #DOSSIER .product-detail-preview-text,
  #DOSSIER_RITUAL .product-detail-preview-text {
    height: 137px;
  }
}

#DOSSIER_RITUAL .product-detail-preview-text h3 {
    font-size: 15.5px;
    line-height: 19px;
    margin-bottom: 0.2em;
}

#DOSSIER_RITUAL .product-detail-preview-text p {
    font-size: 10px;
    max-width: 90%;
    margin: 0 auto 10px;
}
#DOSSIER_RITUAL .product-detail-preview-text .link-border-salad {
    font-size: 12px;
}

#RITUAL_AUSSI .product-item{
    min-height: 30em;
}

#RITUAL_AUSSI .product-image img {
    max-height: 18em;
}

#RITUAL_AUSSI .product-image .link-border-salad {
    bottom: 58px;
}

#RITUAL_AUSSI .product-image-bg {
    height: 14.35em;
}

#RITUAL_AUSSI .product-head h4 {
    margin-top: -5px;
    font-size: 0.8em;
}

#RITUAL_AUSSI .product-sub-head p {
    text-transform: lowercase;
}

#main #RITUAL_AUSSI .apply-slider .product-item {
    padding-top: 0.8em;
}

#RITUAL_AUSSI .product-item .link-border-salad {
    margin-left: -135px !important;
}

.inner-page-rituel #Ritual2 {
    margin-top: 0;
}

.inner-page-rituel .filter-block .icon-close-filter {
    right: 1em;
}

.inner-page-rituel .product-detail-preview-img img {
    height: auto;
    max-width: 200%;
    position: relative;
    left: -100%;
}

.inner-page-rituel .product-detail-item-head {
    padding: 0 0 1em 0;
}

.inner-page-rituel .product-detail-slider .slide-prev, .inner-page-rituel .product-detail-slider .slide-next {
    margin-bottom: 0;
}

.inner-page-rituel .product-detail-item-num {
    margin-top: 1.2em;
}

.inner-page-rituel .product-detail-item a.link-border-salad {
    margin-bottom: 2.9em;
}

.inner-page-rituel .product-detail-timeblock {
    background-color: #F3F3F3;
    border-top: 2px solid white;
    padding-top: 2.9em;
    padding-bottom: 3em;
}

.inner-page-rituel .products-page-list {
    margin-left: 0;
    margin-right: 0;
}

.inner-page-rituel .product-detail-timeblock p {
    margin: 0 auto;
    max-width: 80%;
    padding-top: 1.4em;
}

.inner-page-rituel .products-page-title {
    margin-left: 3%;
    margin-right: 3%;
}

.inner-page-rituel .product-detail-timeblock .link-border-salad {
    padding: 0.68em 0.7em 0.5em;
    margin-top: 1.2em;
}

.inner-page-rituel .view-display-id-rituals_list .product-subcat {
    margin-top: 0;
}


#main .products-page-type3 .product-item {
    height: 23.77em;
    padding-top: 1.85em;
}

.page-fiche .centered-title h1 {
    line-height: 1.5em;
    margin-bottom: 0.2em;
}

.section-triphasic #MANIERE .block-cooments-text {
    height: 100%;
    padding-top: 70px;
}

.page-fiche .centered-title .h4 {
    margin-top: 3.2em;
    margin-bottom: 0.2em;
    font-size: 21px;
    line-height: 1.7em;
}

.page-fiche .fiche-product-text p {
    margin-bottom: 5.1em;
    font-weight: normal;
}

.page-fiche  .fiche-product-params ul li .icon {
    top: -5px;
}

#EFFICACITE .centered-title .text_title {
    line-height: 1.5em;
    margin-bottom: 0;
}

#EFFICACITE.services-page-block.innovation-page-block .centered-title {
    padding-top: 2.55em;
    padding-bottom: 0;
}

#EFFICACITE .services-page-block.innovation-page-block .centered-title h2 {
    padding-top: 0;
}

#EFFICACITE .innovation-result {
    font-size: 3.72em;
}

#EFFICACITE .innovation-result sup {
    font-size: 0.5em;
    margin-left: 0.2em;
}

.advice-block .advice-item p {
    line-height: 1.6em;
    font-size: 22px;
}

.advice-block .slide-next,
.advice-block .slide-prev {
    bottom: 56%;
}

.fiche-product .centered-title {
    padding: 1.85em 0 2.45em 0;
}

#MANIERE .centered-title {
    padding: 2.45em 0 2.45em 0;
}

#MANIERE .def-text h3 {
    font-size: 2.1em;
}

#MANIERE .video-maniere img {
    height: 35.5em;
}

#MANIERE .def-text p {
    font-size: 21px;
}

.inner-page-rituel #content.eu_cookie {
    border-top-width: 171px;
}

.mobile-hide {
    display: none;
}

#CAPILLISCOPE, #CAPILLISCOPE .page-item-bg img{
    height: 56.5em;
    padding-bottom: 0 !important;
}

#CAPILLISCOPE.services-page-block .centered-title p, #CAPILLISCOPE.services-page-block .centered-title h4 {
    font-size: 1.3em !important;
    line-height: 1.5em;
    font-weight: bold !important;
    text-align: left;
    max-width: none;
    padding: 0 3%;
}

#CAPILLISCOPE .page-text-left {
    background: url(../../../images/tpl/img-mobile.png) left bottom repeat-x;
    box-sizing: border-box;
    left: auto;
    top: 30%;
    width: 100%;
    padding: 0 3%;
}

#CAPILLISCOPE .page-item-bg {
    left: auto;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 500%;
    text-align: right;
    height: auto !important;
}
#CAPILLISCOPE .page-item-bg img {
    display: inline-block;
    height: 36.5em;
}


#ACTUALITES ul.pager-load-more {
    background-color: #f3f3f3;
}

.office-item h5 {
    margin-bottom: 1.1em;
}

.page-locator .toggle-links {
    font-size: 1.2em;
}

.page-locator .toggle-links a {
    margin: 2em 1px 0.77em 1px;
    padding: 0.2em 0;
}

.page-locator .section-bg-title h3 {
    font-size: 1.95em;
    line-height: 1.5em;
}

.page-locator .section-bg-title {
    padding: 3em 0 0 0;
}

.page-locator .office-items-list .section-bg-title {
    padding: 0 0 0 0;
}

.page-locator .office-items-list .section-bg-title#SPAS-ET-INSTITUTS {
    padding: 1.4em 0 0 0;
}

.page-store-locator-inner .office-items-list .section-bg-title h3 {
    padding-bottom: 11px;
}

.page-store-locator-inner {
    padding-left: 3%;
    padding-right: 3%;
}

.page-locator .address-text .icon-tm-white, .page-locator .address-text .icon-tm-border-white {
    left: 1.78em;
}

.page-locator .office-items-list {
    padding-bottom: 0px;
}

.page-locator #spa-zone {
    padding-top: 65px;
}

.page-locator #spa-zone .office-item h5 {
    margin-bottom: 1.2em;
    font-weight: normal;
}

.page-locator #spa-zone .office-item {
    font-size: 1.1em;
}

.page-locator #spa-zone .office-item p {
    font-size: 0.88em;
}

.page-locator .bottom-crumbs {
    display: none;
}

.page-locator #spa-zone .office-item img {
    width: 100%;
}

.page-locator #spa-zone  a.link-border-salad {
    font-size: 1.1em;
    padding: 0.78em 0em;
    margin-top: 0.5em;
}

.page-locator .pre-footer {
    display: block;
}

.centered-title h1 > span:after, .centered-title h1 > span:before, .centered-title h2 > span:after, .centered-title h2 > span:before, .centered-title .text_title > span:after, .centered-title .text_title > span:before, .section-bg-title h3 > span:after, .section-bg-title h3 > span:before {
    margin: 0 0.45em;
    top: 1.80rem;
    background: #fff;
}

.centered-title h1 span, .centered-title h2 span, .section-bg-title h3 span, .centered-title .text_title span {
    display: inline-block;
    max-width: 84%;
    line-height: 1.5em;
}

.page-institut .centered-title h1 span,
.page-institut .centered-title h2 span,
.page-institut .section-bg-title h3 span,
.page-institut .centered-title .text_title span {
    line-height: 1.5em;
    display: inline-block;
    max-width: 84%;
}

.page-institut .page-block-text,
.page-institut .page-block-img{
    background-color: #F3F3F3;
}

.page-institut .text_title span:before, .page-institut .text_title span:after {
    background: #000;
}

.block-differens-body .icon-close-filter{
    display: none;
}

.page-produits a.show-own-menu.selected {
    font-size: 1.45em;
}

.page-produits a.show-own-menu {
    padding-left: 0.7em;
}

.page-produits .filter-block {
    margin-top: 3.1em;
}
.page-produits #List.filter-block,
.page-produits #List.filter-block .text_title {
  margin-top: 0;
}

.page-fiche .centered-title {
    padding: 3.15em 0 2.45em 0;
}

.innovation-count-1 .innovation-result {
    margin-top: 0;
}

.innovation-count-1 .innovation-name {
    font-size: 1.08em;
}

#CONSEIL .advice-block .advice-item-inner {
    padding: 3em 75px;
    max-width: 80%;
}

#CONSEIL .advice-block .advice-item {
    min-height: 100%;
    height: 38.6em;
}

ul.innovation-page-list li .innovation-name {
    padding-left: 1em;
    display: block;
}

#CONSEIL div.advice-item.slider-item.active:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0%;
    background-repeat: no-repeat;
    background-image: url(../../../images/tpl/icons-640.png) !important;
    background-size: 360px 640px !important;
    width: 44px;
    height: 24px;
    margin-left: -22px;
    z-index: 1;
    background-position: -75px -101px;
}

#CONSEIL .light-bg-title:after {
    display: none;
}

#MANIERE .video-maniere {
    height: 34em;
    z-index: 0;
}

#MANIERE .video-maniere .block-cooments-bg img {
    height: 46.5em;
}

.page-locator .different-title-mobile h1 > span:after,
.page-locator .different-title-mobile h1 > span:before {
    display: block !important;
    margin: 0 -0.1em;
    top: 0.57em;
}

.page-diagnostic .diagnostics-step-number b.b-number {
    font-weight: normal;
    margin-right: 0.1em;
}

.diagnostics-step .step-title {
    width: 90%;
}

.diagnostics-validation {
    background: #F3F3F3;
}

.diagnostics-step-number:after {
    height: 200%;
}

.page-fiche #ACTIFS .products-actifits div.product-item {
    display: block;
}

.page-fiche #ACTIFS .products-actifits div.product-item.active {
    position: static;
    visibility: visible;
    display: block;
    z-index: 19 !important;
}

/* New mobile header search */
.header-search-focus .header-search {
    top: 77%;
}

.header-search-focus .header-top {
    height: 10.7em;
}

.header-search-focus .header-logo {
    top: 29%;
}

.header-search-focus .header-menu {
    display: block;
}

.header-search-focus .header-search form input[type=submit] {
    top: -5.75em;
    right: 5.75em;
}

.header-search-focus .header-menu .icon-toggle-menu {
    border-bottom-width: 1.9em;
    margin-bottom: 4.4em;
}

.header-search-focus-content#content.eu_cookie {
    border-top-width: 16.8em;
}

.header-search input[type=submit]:hover {
    background-position: -125px -65px;
}

.header-search form input[type=text] {
    cursor: pointer;
}

.header-search-focus .header-search form input[type=text] {
    cursor: auto;
}
/* End New mobile header search */


/* Mobile language selection */
.mobile-select-lang select {
    background: #fff;
    color: #000;
    font-size: 40px;
    height: 100%;
    text-transform: uppercase;
}
.mobile-select-lang #lang_dropdown_form_language>div,
.mobile-select-lang #lang_dropdown_form_language>div #s2id_lang-dropdown-select-language {
    width: 100%!important;
}

.mobile-select-lang .custom-select-value {
    width: 100%;
    text-align: center;
    height: 56%;
    font-size: 40px;
    margin-left: 0;
    padding: 1em 0;
    background-position-x: 17.2em;
}

.mobile-select-lang .custom-select-over {
    width: 100%;
    height: auto;
}

.mobile-select-lang .select-lang {
    position: static;
    margin-top: 0;
}
.mobile-select-lang.header-lang {
    position: static;
    width: 100%;
    background: #fff;
    margin-top: 0.8em;
}
/* End Mobile language selection */

.lnk-logo .icon.icon-small-logo {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
}

.lnk-logo .icon.icon-logo {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}

/*.diagnostics-step#step3.unactive {*/
/*min-height: 0;*/
/*}*/

.plan-site-page .centered-title {
    padding: 3.4em 0 1.9em 0;
}

ul.plan-site-list > li {
    font-size: 1.374em;
    padding: 0.9em 2.17em 0.6em;
    margin-bottom: 1.37em;
}

ul.plan-site-list > li > ul {
    margin: 1em 0;
}

ul.plan-site-list > li > ul > li > ul {
    margin: 1em 0 1.26em 0;
}

ul.plan-site-list > li > ul > li > ul > li {
    font-size: 1em;
    padding-bottom: 0.6em;
}

ul.plan-site-list {
    margin-bottom: -53px;
}

.plan-site-page .pane-pf-locator-locator {
    background: #fff;
}

.pane-pf-locator-locator .different-title-mobile h1 > span:after,
.pane-pf-locator-locator .different-title-mobile h1 > span:before {
    display: block !important;
}

.plan-site-page .pane-pf-locator-locator .centered-title {
    background: #fff;
}

.plan-site-page .pane-pf-locator-locator .link-border-salad {
    margin-top: 10px;
    margin-bottom: 57px;
}

.page-not-found .pane-pf-locator-locator,
.page-not-found .pane-pf-locator-locator .centered-title {
    background: #fff;
}

.pane-pf-locator-locator .link-border-salad {
    margin-top: 0.3em;
    margin-bottom: 2.5em;
}

.mention-page .phi-block .centered-title {
    padding-top: 3.4em;
    padding-bottom: 3.48em;
}

.mention-page .phi-block .centered-title .text_subtitle {
    padding-top: 0.6em;
    line-height: 1.4em;
}

.mention-page .privacy-policy-page h5 {
    font-size: 1.2em;
    margin-bottom: 0em;
}

.mention-page .privacy-policy-page p {
    font-size: 0.8em;
    margin-bottom: 2em;
}

.mention-page .privacy-policy-page ol {
    font-size: 0.8em;
}

.mention-page .privacy-policy-page ol {
    font-size: 0.85em;
}

.privacy-policy-page .light-bg-title:after {
    display: none;
}

.mention-page .pane-pf-locator-locator .centered-title {
    padding-top: 3.1em;
}

.block-differens-body-inner .centered-title .text_title span:before,
.block-differens-body-inner .centered-title .text_title span:after {
    top: 0.57em;
}

#AUSSI .product-head h3 {
    font-size: 1.9em;
    margin-bottom: 0.6em;
    line-height: 1.4em;
}

#AUSSI .teaser-has-add-gamma .product-head h3 {
    margin-bottom: 0;
}

#AUSSI .product-sub-head h5 {
    margin-bottom: 0.3em;
    line-height: normal;
}

#AUSSI .product-sub-head p {
    font-size: 0.9em;
    line-height: normal;
}

#AUSSI .product-item .link-border-salad {
    bottom: 1.5em;
    padding: 0.6em 0 0.5em;
}

#AUSSI .light-variant .product-item {
    height: 31.5em;
}

#AUSSI .product-image {
    bottom: 7.22em;
}

#AUSSI .light-variant.products {
    margin-bottom: -0.7em;
}

#AUSSI .product-item .link-border-salad {
    bottom: 3.4em;
}

#AUSSI .products .slider-navi-thumbs {
    bottom: 1.6em;
}

#AUSSI .product-image {
    left: -51%;
}

#AUSSI .product-item .link-border-salad {
    left: 54%;
}

.page-actualites .has-no-pager .page-actualites-more {
    margin-top: 9.3em;
}

.page-actualites #article-full {
    border-bottom: 1px solid #cacaca;
}

.has-add-gamma-name .product-gamma-additional {
    margin-top: -0.2em;
}

.page-fiche .centered-title.has-add-gamma-name .h4 {
    margin-top: 0.8em;
}

.teaser-has-add-gamma .product-head h3 {
    margin-bottom: 0.2em;
}

.teaser-has-add-gamma .product-head h4 {
    margin-bottom: 11px;
    margin-top: -11px;
}

#DECOUVREZ .teaser-has-add-gamma .product-head h4 {
    margin-top: -21px;
}

.products-block .teaser-has-add-gamma .product-sub-head {
    margin-top: 0.2em;
}

#main #DECOUVREZ.products-block .product-item {
    padding: 1.478em 0 0 0;
}

#DECOUVREZ.products-block .product-image {
    bottom: 5.5em;
}

#DECOUVREZ.products-block .product-item .link-border-salad {
    bottom: 0.47em;
    padding: 0.48em 0;
}

.inner-page-rituel h2.small-text{
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 90%;
}

.inner-page-rituel .centered-title .text_title span:before, .inner-page-rituel .centered-title .text_title span:after {
    width: 4em;
}

.slider-img-right, .slider-img-right img, .slider-img-left, .slider-img-left img {
    left: auto;
    right: auto;
}

.slider-img img, .slider-img iframe {
    height: auto;
}

.slider-img.img-mobile-crop.slider-img-left img {
    margin-left: 0;
    margin-right: 0;
    left: -48px;
}

.slider-img.img-mobile-crop.slider-img-right img {
    margin-right: 0;
    margin-left: 0;
}

.block-differens-body .block-differens-body-inner p span{
    display: inline;
}

#step3.diagnostics-step.diagnostics-step.active .diagnostics-step-number.num-quest-index-1 span {
    top: 81%;
    background-color: rgba(228, 228, 228, 0);
}

#step3.diagnostics-step.diagnostics-step.active .diagnostics-step-number.num-quest-index-0 span {
    top: 76%;
    background-color: rgba(228, 228, 228, 0);
}

#step3.diagnostics-step.diagnostics-step.active .diagnostics-step-number.num-quest-index-1 {
    height: 111%;
}

#step3.diagnostics-step.diagnostics-step.active .diagnostics-step-number.num-quest-index-0 {
    height: 85%;
}

.sub-step3.question-index-0.active {
    margin-top: -5em;
}

.diagnostics-step .result-text {
    cursor: pointer;
    padding-bottom: 0.7em;
}

#RITUELS.services-page-block {
    height: auto;
}

.page-not-found #content.eu_cookie {
    border-top-width: 10.2em;
}

.maintenance-page .inner-page-rituel .services-page-block .centered-title {
    padding-top: 3.2em;
}

.maintenance-page .services-page-block .centered-title p {
    line-height: 1.4em;
    font-size: 13px;
}

.maintenance-page .inner-page-rituel .services-page-block {
    height: 44.9em;
}

.maintenance-page .inner-page-rituel .page-item-bg img {
    height: 44em;
}

.maintenance-page .pane-pf-locator-locator .centered-title .text_title span {
    font-size: 0.9em;
}

.maintenance-page .pane-pf-locator-locator .centered-title  {
    padding: 50px 0 0 0;
}

.maintenance-page .show-in-mobile.pane-pf-locator-locator .link-border-salad {
    margin-top: 0;
}

.over-actualize-title {
    width: 78%;
    left: 11%;
}

.front #PHILOSOPHIE .centered-title .text_title span:before {
    margin-right: 0.4em;
}
.front #PHILOSOPHIE .centered-title .text_title span:after {
    margin-left: 0.4em;
}

#PRODUITS .product-sub-head * {
    line-height: 1.374em;
}

#Promo .slider-img iframe {
    min-height: 536px;
}

#Promo.slider.run-video {
    height: 542px !important;
}

#Promo.run-video .slide-next,
#Promo.run-video .slide-prev {
    margin-bottom: -60px;
}

/*#step3.diagnostics-step .result-text {*/
/*padding-top: 1.6em;*/
/*}*/

/*#step3.diagnostics-step .result-text strong {*/
/*padding-top: 0.6em;*/
/*}*/

.products-block .product-head h3 {
    line-height: 1.4em;
}

.products-block .product-sub-head h5 {
    line-height: 1.4em;
}

#DECOUVREZ .centered-title {
    padding: 3.15em 0 2.25em 0;
}

#DECOUVREZ .product-head h3 {
    margin: 0 0 11px 0;
}

#DECOUVREZ .products {
    padding-bottom: 4.3em;
}

.page-fiche #GENERIC {
    height: 51em;
    background-color: #082A0F;
}

.page-fiche #GENERIC .slider-img {
    height: 100% !important;
    width: 100%;
}

.page-fiche #GENERIC .slider-text-center {
    top: 1.9em;
}

#CONSEIL img.slide-bg {
    width: 266%;
    left: -89%;
    max-width: none;
}

#MANIERE .btn-en-savoir {
    font-size: 1.45em;
    bottom: 5.3em;
    height: 4em;
    padding-top: 0.5em;
}

#MANIERE .video-maniere .icon-close-filter {
    right: 5px;
    top: 18px;
}

#MANIERE.video_open .video-maniere {
    height: 18.8em;
    width: 100%;
    margin: 0;
}

#MANIERE.video_open .light-bg-title:after {
    display: none;
}

.white-text span.icon-close-filter, span.icon-close-filter.white-close {
    background: url(../../../images/tpl/icon-close-mobile-white.png) no-repeat center !important;
    background-size: auto auto !important;
    background-position: center !important;
}

.white-text span.icon-close-filter, span.icon-close-filter.white-close:hover {
    background: url(../../../images/tpl/icon-close-mobile-green.png) no-repeat center !important;
}

/*span.icon-close-filter {
  width: 4em !important;
  height: 4em !important;
}*/

/*iframe {*/
/*-webkit-transform-style: preserve-3d !important;*/
/*transform-style: preserve-3d !important;*/
/*z-index: -2 !important;*/
/*}*/

/*.video-maniere {*/
/*transform-style: flat !important;*/
/*-webkit-transform-style: flat !important;*/
/*}*/

.innovation-count-1 .innovation-category,
.innovation-category {
    font-size: 1.1em;
    padding-top: 0.4em;
    padding-left: 1em;
    display: block;
}

#Promo.slider .slider-text {
    background-position: left 99.8%;
}

.date-fields span.float-left {
    line-height: 2.5em;
}

.date-fields label {
    margin-right: 7%;
}

.product-detail-item:last-child {
    width: 100%;
}

body.node-type-product .karite-bg {
  bottom: 234%;
}

#MANIERE .block-cooments-text {
  padding-top: 25px;
  padding-bottom: 25px;
}

#MANIERE .video-maniere {
  height: auto;
  min-height: 40.5em;
}

#MANIERE .video-maniere > img {
  left: 0;
  position: absolute;
}

#MANIERE .video-maniere .btn-en-savoir {
  position: absolute;
  bottom: 0;
}


#MANIERE .block-cooments .hover-block {
  display: block;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#MANIERE .block-cooments .hover-block > img {
  height: auto;
  bottom: -80px;
  left: 20px;
  max-width: none;
  max-height: 100%;
  min-width: 0;
  width: 80px;
  position: absolute;
}

#MANIERE .block-cooments .hover-block h3 {
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 7px;
}
#MANIERE .block-cooments .hover-block p {
  font-size: 11px;
  line-height: 18px;
}

#MANIERE .block-cooments .hover-block .link-border-salad {
  float: right;
  font-size: 2em;
  margin: 40px 10px;
}


#MANIERE .video-maniere .block-cooments .hover-block {
    display: none;
}


.subscribe-form input[type="submit"], .subscribe-form input[type="button"] {
    border: 1px solid #97c93c;
}

.page-institut #INSTITUT .centered-title h1 span,
.page-institut #CAPILLISCOPE .centered-title .text_title span,
.page-institut #LETAGE .centered-title .text_title span{
    width: 100%;
}
.page-institut #INSTITUT .centered-title h1 > span:before,
.page-institut #INSTITUT .centered-title h1 > span:after,
.page-institut #CAPILLISCOPE .centered-title .text_title > span:before,
.page-institut #CAPILLISCOPE .centered-title .text_title > span:after,
.page-institut #LETAGE .centered-title .text_title > span:before,
.page-institut #LETAGE .centered-title .text_title > span:after {
    margin-left: 0 0.15em;
    margin-right: 0 0.15em;
}

/*SLIDER*/
.slider-mobile-only .slider-item {
    position: absolute !important;
}

.slider-mobile-only .slider-item.active {
    opacity: 1 !important;
    visibility: visible;
}

.page-fiche #ACTIFS .products-actifits div.product-item {
    visibility: hidden;
}

#ACTUALITES .slider-obj .slider-item {
    opacity: 0;
}

#ACTUALITES .slider-obj .slider-item.active {
    opacity: 1;
}

.mobile_only_view {
    display: show;
}

/* MEGA MENU */
#header {
  position: absolute;
}
.header-menu ul {
  overflow: auto;
}
.header-menu.open-menu ul {
  max-height: initial;
}
ul.main-menu > li > div:before {
  background-color: #fff;
}
ul.main-menu > li.product_push > a,
ul.main-menu > li.generic_push > a ,
ul.main-menu > li.brand_push > a {
  position:relative;
}
ul.main-menu > li.product_push > a:after,
ul.main-menu > li.generic_push > a:after ,
ul.main-menu > li.brand_push > a:after {
  content: "";
  display: block;
  position: absolute;
  right: 22px;
  top: 30px;
  z-index: 1000;
  background-repeat: no-repeat;
  background-image: url(../../../images/tpl/icons-640.png);
  background-size: 720px auto;
  background-position: -152px -593px;
  width: 22px;
  height: 22px;
}
ul.main-menu > li.level1-menu-expanded > a:after {
  background-position: -135px -593px;
  width: 16px;
  height: 16px;
  top: 33px;
  right: 25px;
}
ul.main-menu li.page-articles > a:after {
  display: none;
}
ul.main-menu li.product_push h2:after,
ul.main-menu li.generic_push h2:after ,
ul.main-menu li.brand_push h2:after {
  content: "";
  display: block;
  position: absolute;
  right: 24px;
  top: 35px;
  z-index: 1000;
  background-repeat: no-repeat;
  background-image: url(../../../images/tpl/icons-640.png);
  background-size: 720px auto;
  background-position: -175px -593px;
  width: 18px;
  height: 11px;
}
ul.main-menu li.product_push .level2-menu-expanded h2:after,
ul.main-menu li.generic_push .level2-menu-expanded h2:after ,
ul.main-menu li.brand_push .level2-menu-expanded h2:after {
  transform: rotate(180deg);
}
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks > div > h2 {
  color: #000;
  max-width: 100%;
  text-align: center;
  font-size: 34px;
  line-height: 84px;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks .view {
  display: none;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks .level2-menu-expanded .view {
  display: block;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks .view ul {
  background-color: #fff;
  padding: 0;
}
ul.main-menu > li > div {
  position: relative;
  padding: 0;
  opacity: 1;
  background-color: #fff;
}
ul.main-menu li:hover > div {
  display: none;
}
ul.main-menu li.level1-menu-expanded > div {
  display: block;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column {
  width: 100%;
  display: inline;
  min-width: 100%;
  padding: 0 !important;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column:not(:first-child) {
  padding: 0;
  text-align: center;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column:after {
  display: none;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column:not(:first-child) h4,
ul.main-menu > li > div .field-collection-item-field-megamenu-column:not(:first-child) h2 {
  text-align: center;
  position: relative;
}
ul.main-menu > li > div li {
  max-width: 100%;
  text-align: center;
}

ul.main-menu li .view-display-id-ritual_menu_links .views-row {
    float: none;
    margin: 0 auto;
    display: block;
}

ul.main-menu li .view-taxonomy > .view-content > h4:first-child {
    display: none;
}

ul.main-menu > li > div li a {
  color: #000;
  font-size: 32px;
  line-height: 60px;
  font-size: 32px;
  line-height: 60px !important;
}

ul.main-menu li .view-display-id-ritual_menu_links a {
  color: #000;
  display: inherit;
  font-size: 32px;
  line-height: 60px !important;
  padding: 0;
  max-width: 100%;
  text-align: center;
}
.header-menu ul.main-menu li > a {
  padding: 0;
}
.header-menu ul.main-menu > li > a {
  line-height: 83.34px !important;
}
ul.main-menu > li > div > div {
  display: block;
}
ul.main-menu > li.brand_push > div .field-collection-item-field-megamenu-blocks:not('.product_types_list') > div > h2 {
  height: auto;
  text-align: center;
}
ul.main-menu > li.brand_push > div .field-collection-item-field-megamenu-blocks > div > h2:after {
    display: none;
}
ul.main-menu > li.brand_push > div .field-collection-item-field-megamenu-blocks > div > .entity > .content {
  display: none;
}
ul.main-menu > li.brand_push > .taxonomy-term--main-menu > .content {
  padding-bottom: 5px;
  padding-top: 5px;
}
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column:last-child a,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column:last-child a {
  max-width: 100%;
  padding: 0;
}
ul.main-menu li .entity {
  background-color: #fff;
  margin-top: 0;
}
ul.main-menu > li > div > div.content {
 padding-bottom: 0;
}
ul.main-menu li .entity h2 a,
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks > div > h2 > a {
  color: #000;
  font-size: 34px;
  line-height: 84px !important;
  padding: 0;
}
ul.main-menu .entity.product_push,
ul.main-menu .entity.generic_push {
  display: none;
}
ul.main-menu li .entity.brand_push h2 a {
  color: #000;
}
ul.main-menu > li.open > a:after {
    background-position: -135px -593px;
    width: 16px;
    height: 16px;
    right: 25px;
    top: 11px !important;
}
/* MEGA MENU */

/*
 * Newsletter popin: Mobile Styling
 */


.ctools-modal-newsletter-form-content {
    width: 85% !important;
}

.ctools-modal-newsletter-form-content #modal-content {
}

.newsletter-subscribe-popin #edit-title label:before,
.newsletter-subscribe-popin #edit-title label:after {
    display: none;
}

.ctools-modal-newsletter-form-content a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px !important;
    width: 20px  !important;
    margin: 10px !important;
}


.newsletter-subscribe-popin #edit-title {
    font-size: 35px;
    margin-top: 0;
}

.newsletter-subscribe-popin #edit-subtitle {
    font-size: 29px;
    margin: 0 auto;
}

.newsletter-subscribe-popin #edit-email-popin {
    font-size: 12px;
    margin: 15px auto 0;
    padding-bottom: 0;
    padding-top: 2px;
}

.newsletter-subscribe-popin input.form-submit {
    font-size: 15px;
    margin: 20px auto;
}

.rf-scroll-arrow {
    display: none !important;
}

.newsletter-subscribe-popin {
    padding-top: 60px;
    padding-bottom: 15%;
    overflow: initial;
}

.newsletter-subscribe-popin #edit-subtitle {
    width: auto;
    padding: 0 20px;
}
.newsletter-subscribe-popin #edit-title label {
  display: block;
  width: auto;
  padding: 0 20px;
  max-width: none;
}

/*-------- PRODUCT MODAL --------*/

.modal #btn-close-modal {
    padding: 0 1.5rem;
}