/**
 * @file
 * Custom layout styles.
 */

.product-sub-head .field--name-field-product-subseg {
    color: #bfbfbf;
}

.icon-cultes {
    width: 50px;
    height: 50px;
    background-position: -224px -84px;
}

.icon-new {
    width: 50px;
    height: 50px;
    background-position: -160px -119px;
}

.product-image .lbl-product .icon {
    margin-top: 10px;
}

.fiche-product-img {
    bottom: auto;
    top: 0;
}

li div.form-type-bef-link {
  display: inline;
}

.views-exposed-form-products-products-list .views-exposed-form .views-exposed-widget,
.views-exposed-form-products-products-list-mobile .views-exposed-form .views-exposed-widget,
.views-exposed-form-rituals-rituals-list .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
}
.views-submit-button {
  /*display: none;*/
}

div.icon-close-filter {
  cursor: pointer;
}

.bef-select-as-links ul.no-mark li:first-child {
  display: none;
}

.product-detail {
  display: block;
  margin-bottom: 25px;
}

.toggle-filter .icon-clear {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 15px;
}

.toggle-filter.current {
  background-color:#dbdbdb;
}
.toggle-filter.selected {
  background-color:#fff;
  border-color:#8fc941;
  color:#8fc941;
}

#FORFAITS {
    display: none;
}

.block-differens-body p {
  padding-top: 25px;
  margin-top:0px;
}

ul.plan-site-list > li > span {
  text-transform:uppercase;
  font-weight:700;
  color:#000;
}
ul.plan-site-list > li > ul > li > span {
  color:#004824;
  font-weight:300;
}

#map-wrapper{
  min-height: 600px;
}
input::-webkit-input-placeholder{
  color:#b0b0b0;
}

.form-item, .form-actions {
    margin-bottom: 0;
}

.form-item-sex {
    display: inline;
}

.form-item label, .form-actions label {
    display: inline;
    font-weight: bold;
}

.form-item-date-day label, .form-item-date-month label, .form-item-date-year label {
    display: none;
}

html {
  background:none;
}

#pf-common-footer-email-form .ajax-progress {
  display: none;
}

.page-offices .def-text a {
  text-transform: capitalize;
}

.karite-icon-wrapper {
  position: relative;
  display: inline-block;
  width: 60px;
}

.karite-icon-label {
  position: absolute;
  text-align: center;
  font-size: 9px;
  line-height: 10px;
  top: 40px;
  left: 0;
  color: #949494;
}

.product-detail-preview-img img {
  max-height: 100%;
  height: auto;
}

@media screen and (max-width: 730px) {
  .product-detail-preview-img img {
    max-height: 100%;
  }
}
@media screen and (min-width: 731px) and (max-width: 768px) {
  .product-detail-preview-img img {
    max-height: 360px;
    height: auto;
  }
}

.page-store-locator {
  background: #f3f3f3;
}

.show-in-mobile {
  display: none;
}

.date-fields .form-item input{
  float: right;
}

.date-fields span.float-left {
  float: right;
}

/*.icon-nature {*/
  /*background-position: -390px -112px;*/
  /*width: 32px;*/
  /*height: 31px;*/
/*}*/

/*.icon-waterproof {*/
  /*background-position: -421px -112px;*/
  /*width: 32px;*/
  /*height: 31px;*/
/*}*/

/*.icon-days {*/
  /*background-position: -374px -174px;*/
  /*width: 35px;*/
  /*height: 32px;*/
/*}*/

/*.icon-present {*/
  /*background-position: -359px -143px;*/
  /*width: 32px;*/
  /*height: 31px;*/
/*}*/

.pager-next div.ajax-progress {
  display: none;
}

.node-preview.node--active-ingredient {
  float: none;
}

.node-preview.node--verbatim .actualize-item {
  float: none;
  height: 100%;
}

.view-display-id-homepage .icon-plus:hover,
.view-display-id-homepage a.active-slide .icon-plus {
  transform: none;
  -ms-transform: none;
  -webkit-transform: none;
}

.page-actualites a .icon-plus:hover {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.page-actualites  a.active-slide .icon-plus {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.page-actualites  a.active-slide .icon-plus:hover {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.over-actualize > * {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.centered-title p.small-text {
  font-size: 0.84em !important;
}

#sublist-31:after, #sublist-32:after {
  /*margin-left: 0px !important;*/
}

.questions-count-2.question-index-0:after {
  left: 39%;
}
.questions-count-2.question-index-1:after {
  left: 61%;
}
.questions-count-3.question-index-0:after {
  left: 20%;
}
.questions-count-3.question-index-1:after {
  left: 49%;
}
.questions-count-3.question-index-2:after {
  left: 78%;
}
.questions-count-4:after {
  left: 50%;
}

.page-institut .page-text-left {
  width: 30%;
  left: 10%;
}

.slider-text p {
  font-size: 22px;
}

#INSTITUT .txt-column2 {
  -webkit-column-gap: 150px;
  -moz-column-gap: 150px;
  column-gap: 150px;
}

.contact-block-with-map {
font-size: 20px;
}

.page-institut .text_title span:before, .page-institut .text_title span:after {
  background: #ffffff;
}

.page-store-locator-inner .page-offices a{
  color:#7c7c7c;
}

.page-store-locator-inner .office-items-list .section-bg-title h3 {
  padding-bottom: 43px;
}

.products-page-container .product-detail-timeblock-more .icon-close-filter {
  right: 0;
}

.subscribe-form form {
  max-width: 1350px;
}

.subscribe-form .custom-select {
  padding: 0 5px;

  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.step-title {
  min-height: 165px;
}

.over-green {
  font-size: 29px;
}

.product-detail-item-num-text {
  padding-right: 7px;
}

.product-detail-preview-text {
  width: 50%;
}

.product-image .lbl-product {
  position: absolute;
  bottom: 35px;
}

.form-email-body input[type=text] {
  line-height: 17px;
}

.form-email-body .date-fields input[type=text] {
  line-height: 20px;
}

.products-page-item p.products-page-note {
  padding: 0 0 2px;
}

.views-exposed-widgets {
  margin: 0;
}

.centered-title h1,
.centered-title h2,
.centered-title .text_title {
  font-size: 22px;
}

.centered-title p,
.centered-title .text_subtitle,
.centered-title .citation {
  padding: 12px 5px 5px;
}

#Fioravanti .centered-title p {
  color: #9c9c9c;
}

/*.product-image .lbl-product {
  margin-right: -237px;
}*/

.page-fiche .filter-block {
  margin-top: 0px;
}

#Ritual2 {
  margin-top: 45px;
}

.products-page-list {
  margin-bottom: 48px;
}

.page-institut .bg-green .page-item-bg,
.page-institut .bg-green .page-item-bg img {
  height: 100%;
}

#CONSEIL .advice-block .advice-item {
  overflow: hidden;
  font-size: 18px;
}

#CONSEIL .def-text p {
    line-height: normal;
}

span.numeric-icon {
  margin-right: 6px;
}

span.numeric-icon-ritual {
  margin-right: 8px;
}

.ajax-progress {
  display: none;
}
.pf-diagnostic-personalized-ritual-form span.form-required {
  color: #3b3b3b;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
}
.pf-diagnostic-personalized-ritual-form .error span.form-required {
  color: #ea4625;
}

.pf-diagnostic-personalized-ritual-form label sup {
  font-size: 14px;
  vertical-align: top;
}

.news-content-seo {
  display: none;
}

.services-page-block .link-bg-salad {
  font-size: 18px;
}

.product-detail-item-cat {
  font-size: 17px;
}

.rituel-personalize .product-detail-slider {
  white-space: normal !important;
}

.node--article.node-preview .slide-prev,
.node--article.node-preview .slide-next {
  top: 35% !important;
}

.node--article.node-preview .icon-next {
  width: 32px;
  height: 63px;
  background-position: -214px -149px;
}

.node--article.node-preview .icon-prev {
  width: 32px;
  height: 63px;
  background-position: -183px -149px;
}

.two-column  p {
  float: right;
}

.two-column > p {
  float: left;
}

.product-round-img {
  padding-top: 55px;
}

.filter-block .text_subtitle {
  max-width: 76% !important;
}

.index-page #ACTUALITES .link-border-salad {
  width: auto !important;
}

.product-detail-timeblock .link-border-salad {
  width: auto !important;
}

.few-other-products .product-item .link-border-salad {
  width: auto !important;
}

.page-personalize .product-detail-item a.link-border-salad {
  width: auto !important;
}

.large-text-center a.link-border-salad {
  width: auto !important;
}

.time-space * {
  margin-bottom: 0.5em !important;
}

.diagnostics-step.active .step-title {
  margin: auto;
}

.sub-step ul li li label {
  padding-bottom: 2px;
}

.sub-step.active {
  max-height: 852px;
}

.map-popup{
  background: #014f27;
  margin-top: 16px;
  padding: 15px 20px;
  color: #fff;
  font-family: 'LegacySansITCPro-Book';
}
.map-popup h3{
  margin-bottom: 14px;
}
#header .cookie-wrapper{
  background-color: #002e17;
}

#header .cookie{
  color: #fff;
  padding: 10px;
  display: table;
  margin: 0 auto;
}

#header .cookie p {
  margin: 0;
  text-align: justify;
}

#header .cookie a,
#header .cookie [data-popin="cookies"],
#header .cookie .accept {
  color: #fff;
}

#header .cookie [data-popin="cookies"],
#header .cookie .accept {
  text-decoration: underline;
}

#header .cookie a.fermer {
  float: right;
  cursor: pointer;
  font-weight: bold;
}

@media (max-width: 960px) {
  #header .cookie [data-popin="cookies"],
  #header .cookie .accept {
    text-align: center;
    margin: auto;
    display: block;
    font-size: 8px;
  }
}

#content.eu_cookie {
  border-top-width: 176px;
}

.scrolled #content.eu_cookie {
  border-top-width: 141px;
}

@media (min-width: 1651px) {
  #content.eu_cookie {
    border-top-width: 219px;
  }
}

.node-type-custom.admin-menu #content {
  border-top-width: 147px;
}

#ACTUALITES ul.pager-load-more{
  background-color: #f9f7f7;
  margin: 0;
}
  #ACTUALITES ul.pager-load-more li {
    margin: 0;
      line-height: 0;
  }

.page-diagnostic .pre-footer {
  display: none;
}

.inner-page-rituel .product-item-image,
.inner-page-rituel .product-item-image img {
  height: auto;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
}

.inner-page-rituel .product-item-image {
  margin-bottom: 15px;
}


/*@media (max-width: 731px) {*/
  /*#PHILOSOPHIE .phi-item-img img {*/
    /*height: 86.56em;*/
  /*}*/
/*}*/

/* User page */

body.page-user {
  background: white;
}

body.page-user #header .pane-social-buttons {
  display: none;
}

body.page-user #header .pane-rf-header {
  display: none;
}

body.page-user #header .header-menu {
  display: none;
}

body.page-user #content h2.pane-title {
  display: none;
}

body.page-user #content #user-login {
  text-align: center;
  width: 400px;
  margin: 30px auto;
}

body.page-user #content #user-login .form-item,
body.page-user #content #user-login .form-actions {
  margin-bottom: 20px;
}

body.page-user #content #user-login input {
  width: 90%;
  height: 20px;
}

body.page-user #content #user-login input[type=submit] {
  width: auto;
}

body.page-user #footer {
  display: none;
}

.product-detail-item.width-100 {
  width: 100%;
}

.product-detail-item.width-50 {
  width: 50%;
}

body.cke_editable blockquote {
    font-style: italic;
}

body.cke_editable blockquote p:before {
    content: '«';
}
body.cke_editable blockquote p:after {
    content: '»';
}

blockquote p, blockquote div {
    quotes: '«' '»';
    font-style: italic;
}

blockquote p:before, blockquote div:before {
    content: open-quote;
}
blockquote p:after, blockquote div:after {
    content: close-quote;
}

@media only screen and (min-width:900px){
  .fiche-product-menu.fixed{position:fixed;left:0; top:119px;width:100%;margin:0;z-index:21;}
  .fixed-product-menu{border-top:transparent 80px solid;}
}
@media only screen and (max-width:640px) {
    /*
  .actualize-items-over-type2 .row-verbatim {position:absolute; bottom:0; left:0; width:100%; height:160px !important; display:none;}
  */
  .actualize-items-over-type2 .row-verbatim:after{display:none;}

  .actualize-items-over-type2 .row-verbatim .actualize-item.ai-text {
    bottom: auto !important;
  }
  .actualize-items-over-type2 .actualize-items {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width:480px) {
  .fiche-product-text img {
    width: 25px;
    height: 25px;
  }
  .karite-icon-wrapper {
    width: 30px;
  }
  .karite-icon-wrapper img {
    width: 29px;
  }
  .karite-icon-label {
    font-size: 6px;
    line-height: 7px;
    top: 20px;
  }

  .f-field-lang .select2-container {
    float: right;
  }
  .f-field-lang .select2-choice {
    font-size: 16px !important;
    height: 24px !important;
    line-height: 24px !important;
    color: #051601 !important;
  }

  .f-field-lang .select2-container .select2-choice > .select2-chosen {
    margin-right: 30px;
    font-weight: bold;
    color: #313131;
  }
}
@media only screen and (min-width:731px) {
  .footer-bottom .f-field-email #edit-submit-button {
    width: 23px;
    margin: 0;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    color: transparent;
    background-color: transparent;
  }

  .f-field-email {
    float: right;
  }
}

@media (max-width: 730px) {
  .sub-step:after {
    left: 50% !important;
  }

  #RITUELS .page-item-bg {
    left: -200% !important;
    width: 500% !important;
    position: absolute;
    bottom: 0;
  }

  /*#RITUELS.services-page-block {
    height: auto !important;
  }*/

  #EFFICACITE .innovation-page-text {
    position: relative;
    top: 0;
    left: 0 !important;
  }

  #EFFICACITE .centered-title {
    position: relative;
  }

  #RitualPage {
    height: 41em;
  }

  #RitualPage .centered-title {
    padding-top: 1.6em;
  }
  #RitualPage .page-item-bg {
    bottom: 0;
    position: absolute;
    left: -200%;
    width: 500%;
  }
  #RitualPage .page-item-bg img{
    height: 47.5em;
  }

  .page-offices {
    margin-bottom: 40px;
  }

  ul.plan-site-list > li > ul > li {
    width: 100% !important;
  }

  .product-image .lbl-product {
    bottom: 2.5em !important;
  }
  .products-page-item p.products-page-note {
    padding-bottom: 2px;
  }

  #MANIERE .block-cooments-text {
    font-size: 0.9em;
  }
  span.numeric-icon{
    margin-right: 6px;
  }
  a.link-border-salad, a.link-bg-salad {
    min-width: 9.05em !important;
  }
  .page-institut .bg-green .page-item-bg {
    height: inherit !important;
  }
  .product-round-img {
    padding-top: 2em !important;
  }
  #ACTIFS .products .slide-next,
  #ACTIFS .products .slide-prev {
    margin-bottom: -9.6em !important;
  }
}

@media (min-width: 1401px) and (max-width: 1740px){
  ul.innovation-page-list {
    margin-left: 95px !important;
  }
  .innovation-note {
    left: 39% !important;
    width: 43% !important;
  }
}

@media (max-width: 1480px) {
  .products-page-list {
    margin-bottom: 48px;
  }
}

@media (min-width: 731px) {
  .slider-item.active .slider-text p, .img-text .slider-text p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .phi-item-head h3 {
    margin-bottom: 2px;
  }

  #DECOUVREZ .centered-title .text_title span {
    max-width: 100%;
  }
  .hor-slider-over.less-than-three .slide-prev,
  .hor-slider-over.less-than-three .slide-next {
    display: none;
  }
  .aussi-three-products {
    width: 33% !important;
  }
}

@media (max-width: 480px) {
/*  .product-item .link-border-salad {
    margin-left: -80px !important;
  }*/

  #lang_dropdown_form_language>div .select2-container,
  .select-lang .select2-container {
    width: 100%;
  }


  #lang_dropdown_form_language>div .select2-container .select2-choice,
  .select-lang .select2-container .select2-choice {
    height: 41px;
    text-align: center;
    padding: 0 0 0 8px !important;
  }

  #lang_dropdown_form_language>div .select2-container .select2-choice > .select2-chosen,
  .select-lang .select2-container .select2-choice > .select2-chosen {
    line-height: 41px;
    font-weight: normal;
    font-size: 20px;
    margin-right: 10px;
  }
}

@media (min-width: 481px) and (max-width: 730px) {
  .footer-bottom .f-field-email #edit-submit-button {
    top: auto;
    bottom: 0;
  }
  .form-email-body input[type=text] {
    line-height: 20px !important;
  }
  .form-email-body .date-fields input[type=text] {
    line-height: 25px !important;
  }

  .f-field-lang .select2-container {
    float: right;
  }
  .f-field-lang .select2-choice {
    font-size: 32px !important;
    height: 48px !important;
    line-height: 48px !important;
    color: #051601 !important;
  }

  .f-field-lang .select2-container .select2-choice {
    padding-left: 27px;
  }
  .f-field-lang .select2-container .select2-choice > .select2-chosen {
    font-size: 34px !important;
    margin-right: 44px;
    font-weight: bold;
    color: #313131;
  }
  .f-field-lang .select2-results .select2-result-label {
    font-size: 31px !important;
    line-height: 25px !important;
  }

  #lang_dropdown_form_language>div .select2-container,
  .select-lang .select2-container {
    width: 100%;
  }

/**/
  #lang_dropdown_form_language>div .select2-container .select2-choice,
  .select-lang .select2-container .select2-choice {
    height: 91px;
    padding: 0 0 0 6px;
  }

  #lang_dropdown_form_language>div .select2-container .select2-choice > .select2-chosen,
  .select-lang .select2-container .select2-choice > .select2-chosen {
    line-height: 91px;
    font-weight: normal;
    font-size: 40px;
  }

/*  .product-item .link-border-salad {
    margin-left: -161px !important;
  }
*/
  .diagnostics-step a.icon-open-step, .diagnostics-step a.icon-open-step:hover {
    background-position: -136px -456px !important;
  }

  .footer-bottom-right{
     width: 100% !important;
  }

  .footer-bottom-right .f-field-lang{
    max-width: 565px !important;
    width: 100% !important;
    margin: auto;
  }

  #CAPILLISCOPE .page-item-bg img {
    height: 27.7em !important;
  }

  #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 !important;
    line-height: 1.3em !important;
  }
  #MANIERE .block-cooments .hover-block p {
    font-size: 21px !important;
    line-height: 32px !important;
  }

  #MANIERE .block-cooments .hover-block .link-border-salad {
    font-size: 1.5em !important;
  }
}

@media (min-width: 1181px) and (max-width: 1650px) {
/*  .product-image .lbl-product {
    bottom: 27px !important;
    margin-right: -194px !important;
  }*/
  .page-fiche .filter-block {
    margin-top: 0px !important;
  }
  .page-fiche.filter-block.active .filter-block-list.current {
    margin-bottom: 0px !important;
  }
  .filter-block.products-page-type3 {
    /*margin-top: 0px !important;*/
  }
  .product-detail-timeblock-more .icon-close-filter {
    margin-right: 0 !important;
  }
  .products-page-container .product-detail-timeblock-more .icon-close-filter {
    right: 30px;
  }
  .form-email-body input[type=text] {
    line-height: 13px !important;
  }
  .form-email-body .date-fields input[type=text] {
    line-height: 15px !important;
  }

  .left-help-menu ul li {
    font-size: 11px !important;
  }

  .centered-title p,
  .centered-title .text_subtitle,
  .centered-title .citation {
    font-size: 18px !important;
  }

  #Fioravanti .centered-title p {
    font-size: 16px !important;
    color: #9c9c9c;
    padding-top: 0 !important;
  }

  .product-head h3 {
    margin-bottom: 3px;
  }
  .product-head h4, .product-head .h4 {
    margin-bottom: 8px;
  }
  .centered-title p.small-text {
    font-size: 16px !important;
  }

  .product-detail-slider .icon-next {
    background-image: url(../../../images/tpl/icons.png) !important;
  }

  .product-detail-slider .icon-prev {
    background-image: url(../../../images/tpl/icons.png) !important;
  }

  #RITUELS {
    height: 635px;
  }

  #RITUELS .page-item-bg {
    width: 500%;
    left: -200%;
  }

  #RITUELS .page-item-bg img {
    height: 635px;
  }

  #ProductContent .product-detail-item { /* rituels 1181 - 1650*/
    height: 735px;
  }

  #RITUAL_AUSSI .border-bg-line {
    margin-top: 20px;
  }

  #RitualPage, #RitualPage .page-item-bg img {
    height: 578px;
  }
  #RitualPage .page-item-bg {
    bottom: 0;
    left: -200%;
    width: 500%;
    position: absolute;
  }

  #RitualPage .centered-title {
    padding-top: 62px;
  }

  .header-top #lang_dropdown_form_language>div,
  .header-lang .select-lang {
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #lang_dropdown_form_language>div .select2-container .select2-choice > .select2-chosen,
  .select-lang .select2-container .select2-choice > .select2-chosen {
    margin-right: 28px;
  }

  .f-field-lang .select2-choice {
    height: 21px !important;
    line-height: 21px !important;
  }
  .f-field-lang .select2-container .select2-choice > .select2-chosen {
    font-size: 13px;
    color: #313131;
    margin-right: 20px;
    font-weight: bold;
  }
  .f-field-lang .select2-container, .select2-search, .select2-search input {
    vertical-align: top;
    margin: 3px 0 0 10px;
  }

  #CONSEIL .advice-block .advice-item {
    font-size: 15px !important;
  }
  span.numeric-icon{
    margin-right: 5px !important;
  }
  #ACTUALITES .link-border-grey {
    width: 264px;
  }
  .product-item .link-border-salad {
    width: auto !important;
  }
  .product-sub-head h5, .product-sub-head p {
    line-height: 1.5em !important;
  }
  .services-page-block .link-bg-salad {
    font-size: 16px !important;
    width: auto !important;
    padding: 0 31px;
  }
  .toggle-filter {
    width: 260px !important;
    margin-bottom: 40px !important;
  }
  .product-detail-item a.link-border-salad {

  }
  #ACTIFS .centered-title .text_subtitle {
    margin-bottom: 40px !important;
  }
  #ACTIFS .centered-title .text_title {
    margin-bottom: 0px !important;
  }
  .product-round-img {
    padding-top: 50px !important;
  }
  #AUSSI a.link-border-salad {
    margin-left: -115px;
  }
  .fiche-product-menu.fixed {
    top: 87px;
  }
  .filter-block .text_subtitle {
    max-width: 61% !important;
  }
  #Promo .slider-text p {
    font-size: 21px !important;
    width: 76% !important;
  }
  .toggle-filter .icon-clear {
    background-position: -261px -249px;
    width: 21px;
    height: 21px;
    margin-top: -12px;
  }
}

@media (min-width: 731px) and (max-width: 1180px) {
  .fiche-product-menu.fixed {
    top: 71px;
  }
  .product-image .lbl-product {
    bottom: 22px !important;
  }
  .page-fiche .filter-block {
    margin-top: 0px !important;
  }
  .products-page-item p.products-page-note {

  }
  #personalized-expess-solution-show {
    width: 160px;
  }
  .personalize-actions.large-text-center a.link-border-salad {
    width: 200px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .form-email-body input[type=text] {
    line-height: 12px !important;
  }
  .form-email-body .date-fields input[type=text] {
    line-height: 13px !important;
  }
  .toggle-filter {
    width: 168px !important;
  }
/*  .product-image .lbl-product {
    margin-right: -155px !important;
  }*/

  #CAPILLISCOPE .page-text-left {
    width: 30% !important;
    font-size: 14px;
    top: 205px !important;
  }

  #LETAGE .page-block-text{
    font-size: 14px;
    line-height: 17px;
    margin: 0 68px;
  }
  #LETAGE .centered-title .text_title{
    font-size: 24px;
  }

  #CONTACT {
    font-size: 14px;
  }
  #CONTACT .centered-title h3 {
    font-size: 24px;
  }
  #CONTACT .centered-title {
    padding-top: 35px;
  }

  #RitualPage, #RitualPage .page-item-bg img {
    height: 463px;
  }
  #RitualPage .page-item-bg {
    bottom: 0;
    left: -200%;
    width: 500%;
    position: absolute;
  }

  #RitualPage .centered-title {
    padding-top: 55px;
  }

  .footer-middle .centered-title h2 span:after,
  .footer-middle .centered-title h2 span:before,
  .footer-middle .centered-title .text_title span:after,
  .footer-middle .centered-title .text_title span:before {
    margin-top: 14px;
  }

  #ProductContent .product-detail-preview-text {
    width: 45%;
  }

  .light-bg-title:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
  }
  .light-bg-title:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #cacaca;
  }
  .header-lang .select-lang,
  .header-top #lang_dropdown_form_language>div{
    left: 0;
  }
  #lang_dropdown_form_language>div .custom-select,
  .select-lang .custom-select {
    height: auto;
    line-height: normal;
  }
  #lang_dropdown_form_language>div .select2-container .select2-choice > .select2-chosen,
  .select-lang .select2-container .select2-choice > .select2-chosen {
    margin-right: 20px;
    font-size: 11px;
  }

  .f-field-lang .select2-container, .select2-search, .select2-search input {
    vertical-align: top;
    margin-left: 8px;
  }
  .f-field-lang .select2-choice {
    height: 16px !important;
    line-height: 16px !important;
  }
  .f-field-lang .select2-container .select2-choice > .select2-chosen {
    margin-right: 18px;
    font-size: 10px;
    color: #313131;
  }

  .f-field-lang .select2-container .select2-choice {
    padding-left: 5px;
  }

  #CONSEIL .advice-block .advice-item {
    font-size: 14px !important;
  }
  .icon-quote-open {
    background-position: -95px -103px !important;
  }
  .icon-quote-close {
    background-position: -107px -103px !important;
  }
  span.numeric-icon{
    margin-right: 5px !important;
  }
  .subscribe-form form {
    padding-bottom: 21px !important;
  }
  .page-store-locator .subscribe-form form {
    padding-bottom: 0 !important;
  }
  .office-items-list {
    width: 100% !important;
  }
  .centered-title p.small-text {
    line-height: 23px !important;
  }
  .diagnostics-validation input[type=submit] {
    min-width: 210px !important;
  }
  .services-page-block .link-bg-salad {
    font-size: 13px !important;
    min-width: 130px !important;
  }
  .product-round-img {
    padding-top: 35px !important;
  }
  .filter-block .text_subtitle {
    max-width: 57% !important;
  }
  #DECOUVREZ .centered-title,
  #DECOUVREZ .centered-title .text_title {
    max-width: 763px !important;
  }
  #Promo .slider-text p {
    font-size: 16px !important;
    width: 76% !important;
  }
  .toggle-filter .icon-clear {
    margin-top: -9px;
  }
  #LETAGE .page-block-img .icon-prev {
    width: 20px;
    height: 48px;
    background-position: -223px -122px;
  }
  #LETAGE .page-block-img .icon-next {
    width: 20px;
    height: 48px;
    background-position: -243px -122px;
  }

  #LETAGE .link-border-salad {
    margin-top: 12px !important;
  }

  #RITUELS {
    height: 510px;
  }

  #RITUELS .page-item-bg {
    width: 500%;
    left: -200%;
  }

  #RITUELS .page-item-bg img {
    height: 510px;
  }

/*  #INSTITUT .centered-title h1, #INSTITUT .centered-title h2, #INSTITUT .centered-title .text_title {
    font-size: 24px;
  }*/

  #INSTITUT .page-block-text {
    margin: 0 68px;
    font-size: 13px;
  }

  #ProductContent .product-detail-item { /* rituels 731-1180 */
    height: 594px;
  }

  #CAPILLISCOPE .text_title, #CAPILLISCOPE h1, #CAPILLISCOPE h2 {
    font-size: 24px;
  }
}

@media (min-width: 731px) and (max-width: 1650px) {
 .index-page .slider .slider-item .slider-text p {
   line-height: 1.1 !important;
 }
}
@media (min-width: 731px) and (max-width: 1024px) {
  .ai-cite-text {
    font-size: 13px;
    line-height: 17px;
    margin-top: 4px;
  }

  .ai-thumb {
    width: 47px !important;
    height: 47px !important;
    margin-top: 20px;
  }

  .ai-text-inner .icon {
    margin: 15px auto !important;
  }
}
@media (min-width: 1025px) and (max-width: 1180px) {
  .news-slider-img {
    width: 100% !important;
  }
  .news-slider-img img {
    height: auto !important;
  }
}

@media (min-width: 731px) and (max-width: 980px) {
/*  #PRODUITS .product-image .lbl-product {
    margin-right: -122px !important;
  }*/

  .product-detail-preview-img.img-right {
    margin: 0 -9% 0 0;
  }

    #RITUAL_AUSSI .products .product-item:nth-child(3) .product-image .lbl-product {
     margin-right: -127px !important;
  }

  .product-detail-preview-text .product-detail-preview-text-inner {
    padding-right: 50px;
  }


}

@media (min-width: 902px) {
  .diagnostics-step.active .step-title {
    width: 57%;
  }
}

@media screen and (max-width: 1024px){
  .infoBox{
    width : 256px !important;
    padding-left: 32px !important;
  }
  .map-popup{
    margin-top: 12.8px;
    padding: 12px 16px;
  }
  .map-popup h3{
    font-size: 13.5px;
  }
  .map-popup p{
    font-size: 11px;
  }
}

@media (min-width: 1381px) and (max-width:1650px) {
  .inner-page-rituel .product-item-image img {
    height: auto;
  }
}

@media (min-width:1651px) {
  .slide-prev {
    left: 60px;
  }
  .slide-next {
    right: 60px;
  }

  .show-only-prev-next .slide-prev,
  .show-only-prev-next .slide-next {
    margin: 0;
  }

  #RITUELS {
    height: 843px;
  }

  #RITUELS .page-item-bg {
    width: 500%;
    left: -200%;
  }

  #RITUELS .page-item-bg img {
    height: 843px;
  }

  #ProductContent .product-detail-item { /* RITUELS 1651 */
    height: 895px;
  }

  #RitualPage, #RitualPage .page-item-bg img {
    height: 843px;
  }
  #RitualPage .page-item-bg {
    bottom: 0;
    left: -200%;
    width: 500%;
    position: absolute;
  }

  #RitualPage .centered-title {
    padding-top: 85px;
    font-size: 28px;
    max-width: 1227px;
    margin: 0 auto;
    line-height: 1.2em;
    position: relative;
  }

  #RitualPage .centered-title .text_title {
    font-size: 47px;
  }

  .page-institut .def-text {
    font-size: 21px;
  }

  #ProductContent .product-detail-preview-text {
    width: 40%;
  }

  #lang_dropdown_form_language>div,
  .select-lang {
    margin-top: -20px;
  }
  #lang_dropdown_form_language>div .select2-container .select2-choice > .select2-chosen,
  .select-lang .select2-container .select2-choice > .select2-chosen {
    margin-right: 23px;
    font-size: 17px;
  }

  .f-field-lang .select2-choice {
    height: 29px !important;
    line-height: 29px !important;
  }
  .f-field-lang .select2-container .select2-choice > .select2-chosen {
    font-size: 13px;
    color: #313131;
    margin-right: 26px;
    font-weight: bold;
  }
  .f-field-lang .select2-container, .select2-search, .select2-search input {
    vertical-align: top;
    margin-left: 10px;
  }

  #CONSEIL .icon-prev{
    background-position: -160px -198px;
  }
  #CONSEIL .icon-next{
    background-position: -202px -198px;
  }
}

@media (min-width:731px) and (max-width: 920px){
/*  .product-image .lbl-product {
    margin-right: -135px !important;
  }*/

  #EFFICACITE {
    height: auto;
  }

  #EFFICACITE .page-item-bg img {
    max-width: 100% !important;
    height: auto !important;
  }

  #CAPILLISCOPE .page-text-left {
    width: 40% !important;
    font-size: 14px;
    top: 135px !important;
  }
}

@media (min-width:731px) and (max-width: 820px){
  #EFFICACITE .innovation-page-text {
    top: 40px !important;
  }
  #EFFICACITE .innovation-page-text li {
    margin: 1.3em 0 !important;
    width: 49% !important;
  }
  .innovation-count-1 .innovation-name {
    font-size: 1.4em;
  }
  .innovation-count-1 .innovation-category {
    font-size: 1.1em;
  }
  .innovation-count-1 .innovation-result {
    font-size: 5em;
  }
}

@media (min-width: 731px) and (max-width: 830px) {
  .footer-bottom-left {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  .footer-bottom-right {
    float: none;
    margin: 0 auto;
    width: 535px !important;
    padding-top: 7px;
  }

  #pf-common-footer-email-form input#edit-email,
  #pf-common-footer-email-form input#edit-email--2 {
    /*width: 60%;*/
    right: 0;
  }

  #locatorForm {
    text-align: center;
  }

  #locatorForm .subscribe-field {
    float: none;
    margin-bottom: 10px;
  }

  #locatorForm .field-adresse {
    margin-right: 10px;
    width: 410px;
  }

  #locatorForm .field-adresse h2, #locatorForm .field-adresse label {
    margin-left: 0;
  }

 #locatorForm .field-adresse input {
    width: 82%;
 }
}

@media (min-width: 731px) and (max-width: 999px) {
  #locatorForm .field-pays .custom-select {
    width: 120px;
  }
  #locatorForm .field-types .custom-select {
    width: 130px;
  }
}
@media (min-width: 731px) and (max-width: 1024px) {
  .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;
  }
}
@media (min-width: 1000px) and (max-width: 1180px) {
  #locatorForm .field-pays .custom-select {
    width: 140px;
  }
  #locatorForm .field-types .custom-select {
    width: 150px;
  }
}
@media (min-width: 1651px){
  #ACTUALITES ul.pager-load-more {
    padding-bottom: 0;
  }

  #EFFICACITE .innovation-page-text {
    top: 31%;
  }

  #locatorForm .field-pays .custom-select {
    width: 200px;
  }
  #locatorForm .field-types .custom-select {
    width: 280px;
  }
}

@media (min-width: 1278px){
  .news-slider-img {
    width: 100% !important;
  }
  .news-slider-img img {
    height: auto !important;
    width: 100% !important;
  }
}

.really-fixed {
  position: absolute !important;
}


.ritual-filter .filter-block-list .form-select {
    visibility: hidden;
}

#ACTUALITES .news-sliders-place-alternative {
    display: none;
}

.mobile_only_view {
    display: none;
}

ul.main-menu li {
  font-size: 15px;
}
/* MEGA MENU */
ul.main-menu .close-menu {
  display: none;
}
html:not(.touch-device) ul.main-menu > li:hover > a {
  color: #fcdd41;
}
ul.main-menu > li > div {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background-color: transparent;
  font-family: 'LegacySansITCPro-Book';
  color: #fff;
  padding: 20px 0;
	display: none;
}
ul.main-menu > li > div:before {
  background-color: #001106;
  content: "";
  display: block;
  height: 100%;
  opacity: .922;
  position: absolute;
  top: 0;
  width: 100%;
}
ul.main-menu > li > div > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  position: relative;
  padding-bottom: 25px;
  margin: 0 auto;
}

ul.main-menu > li > div > div > .megamenu-general-link {
  position: absolute;
  bottom: 0;
  z-index: 10;
  padding: 0 0 0 3%;
  color: #fcdd41;
  left: 0;
  text-align: left;
  width: 100%;
}

.ie13 ul.main-menu > li > div > div > .megamenu-general-link {
  left: 0.5%;
}
/*ul.main-menu > li.generic_push > div > div > .megamenu-general-link {
  padding: 0 36px;
}*/

ul.main-menu > li > div > div > .megamenu-general-link:before {
  content: '> '
}

ul.main-menu li:hover > div {
  display: block;
}

ul.main-menu li.open > div {
  display: block !important;
}

ul.main-menu > li > div h4 {
  color: #fcdd41;
  font-size: 17px;
  line-height: 41.67px;
  letter-spacing: 0;
  max-width: 230px;
  margin: 0 auto;
  text-align: left;
}
ul.main-menu > li > div li {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  display: block;
  min-height: initial;
  min-height: auto;
  max-width: 230px;
  margin: 0 auto;
  text-align: left;
  padding: 0;
  text-transform: none;
}
ul.main-menu > li > div li a {
  font-weight: normal;
  line-height: 14px;
  padding: 0;
  text-transform: none;
}
ul.main-menu > li > div .views-row a {
  font-weight: normal;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 2.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column:not(:first-child) {
  text-align: left;
  padding: 0 0 0 36px;
}
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 {
  margin: 0;
  text-align: left;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column:not(:first-child) li {
    margin: 0;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-column:after {
  content: "";
  display: block;
  width: 1px;
  background-color: #fcdd41;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  opacity: 0.502;
}
ul.main-menu li.product_push  > div .field-collection-item-field-megamenu-column:after {
  top: -26px;
  max-height: 87%;
}
ul.main-menu li.generic_push > div .field-collection-item-field-megamenu-column:after {
  top: 10px;
  max-height: 95%;
}
/*ul.main-menu li.generic_push > div .field-collection-item-field-megamenu-column:after {
  top: 9px;
  max-height: 96%;
}
ul.main-menu li:nth-child(7) > div .field-collection-item-field-megamenu-column:after {
  top: 10px;
  max-height: 93%;
}*/
ul.main-menu > li > div .field-collection-item-field-megamenu-column:last-child:after {
  display: none;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks > div > h2,
ul.main-menu > li > div .field-collection-item-field-megamenu-blocks > div > h2 > a {
  font-size: 17px;
  color: #fcdd41;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 41.67px;
}

ul.main-menu > li > div .field-collection-item-field-megamenu-pp h2 {
  color: #fcdd41;
  font-size: 17px;
  font-weight: normal;
  padding: 23px 0 0;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-pp .content h2 {
  margin: 10px 0;
  padding-left: 139px;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-pp h3 {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  padding-left: 139px;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-pp a {
  /*background-image: url(../../../images/tpl/menu-product-img-back.png);*/
  background-image: none;
  background-position: center;
  background-size: cover;
  display: block;
  min-height: 150px;
  margin: 0 0 0 0;
  display: inline-block;
  width: 100%;
}
ul.main-menu > li > div .field-collection-item-field-megamenu-pp img {
  width: auto;
  max-height: 130px;
  /*padding-right: 3%;*/
  display: block;
  float: left;
}
ul.main-menu li .view-display-id-ritual_menu_links > .view-content {
  text-align: left;
  margin: 0 auto;
}

ul.main-menu li .view-display-id-ritual_menu_links .views-row {
  display: inline-block;
  float: left;
  clear: both;
  line-height: 14px;
}

ul.main-menu li .view-display-id-ritual_menu_links a {
  font-size: 14px;
  line-height: 14px;
  text-transform: none;
  /*max-width: 230px;*/
  text-align: left;
  display: inline-block;
  margin: 0 0 6px 0;
}
ul.main-menu li .view-display-id-ritual_menu_links a > div {
  display: inline-block;
}
ul.main-menu li.product_push h2,
ul.main-menu li.generic_push h2,
ul.main-menu li.generic_push > div .field-collection-item-field-megamenu-column:first-child .view-rituals,
ul.main-menu li.brand_push h2,
ul.main-menu li.brand_push > div .field-collection-item-field-megamenu-column:first-child .view-rituals{
  /*max-width: 230px;*/
  margin: 0;
  text-align: left;
}

ul.main-menu li.generic_push > div .field-collection-item-field-megamenu-column:first-child .footer-menu li{
  margin: 0;
}

ul.main-menu > li > div .field-collection-item-field-megamenu-column:last-child h2 {
  max-width: 100%;
  word-break: normal;
}
ul.main-menu li.page-products h2 {
  margin: 0 auto;
}
ul.main-menu li .entity.brand_push h2 a {
  color: #fcdd41;
}
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 {
  padding: 0 0 20px;
  max-width: 80%;
}
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column:last-child img ,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column:last-child img,
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column:last-child .megamenu-image-wrapper,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column:last-child .megamenu-image-wrapper
{
  max-height: 150px;
}
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column:last-child .gp-text ,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column:last-child .gp-text {
  font-size: 14px;
  line-height: 20px;
  /*padding-right: 20%;*/
  text-transform: none;
}
/*ul.main-menu li.generic_push .field-collection-item-field-megamenu-column:not(:first-of-type) .view-display-id-ritual_menu_links a ,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column:not(:first-of-type) .view-display-id-ritual_menu_links a {
  margin: 0;
}*/
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column .generic_push img,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column .brand_push img,
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column .generic_push .megamenu-image-wrapper,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column .brand_push .megamenu-image-wrapper {
  /*max-width: 80%;*/
  width: 100%;
  image-rendering: pixelated;
}
ul.main-menu > li.generic_push > div > div,
ul.main-menu > li.brand_push > div > div {
  margin: 0 auto;
  text-align: center;
}
ul.main-menu > li.generic_push > div .field-collection-item-field-megamenu-column,
ul.main-menu > li.brand_push > div .field-collection-item-field-megamenu-column {
  text-align: left;
  padding: 0 36px;
  max-width: 360px;
}
/*ul.main-menu > li.generic_push > div .field-collection-item-field-megamenu-column:not(:first-of-type),
ul.main-menu > li.brand_push > div .field-collection-item-field-megamenu-column:not(:first-of-type){
  padding: 0 36px;
}*/
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column img,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column img,
ul.main-menu li.generic_push .field-collection-item-field-megamenu-column .megamenu-image-wrapper,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column .megamenu-image-wrapper{
  max-height: 150px;
  margin: 10px 0;
}

ul.main-menu li.generic_push .field-collection-item-field-megamenu-column .megamenu-image-wrapper,
ul.main-menu li.brand_push .field-collection-item-field-megamenu-column .megamenu-image-wrapper {
  background-position: center;
  background-size: cover;
  height: 150px;
}

/*ul.main-menu li.generic_push .field-collection-item-field-megamenu-column:last-child img {
  padding: 5px 0 0;
}
ul.main-menu > li:nth-child(5) > div .field-collection-item-field-megamenu-blocks > div > h2,
ul.main-menu > li:nth-child(7) > div .field-collection-item-field-megamenu-blocks > div > h2,
ul.main-menu > li:nth-child(8) > div .field-collection-item-field-megamenu-blocks > div > h2,
ul.main-menu > li:nth-child(9) > div .field-collection-item-field-megamenu-blocks > div > h2 {
  height: 32px;
  text-align: left;
}*/
ul.main-menu > li.generic_push > div .gp-subtitle,
ul.main-menu > li > div .bp-subtitle {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
}
ul.main-menu > li.generic_push > div .gp-text,
ul.main-menu > li.brand_push > div .gp-text,
ul.main-menu > li.brand_push .bp-text {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
}
/*.entity.generic_push .gp-text {*/
  /*max-width: 80%;*/
/*}*/
ul.main-menu > li.page-rituals .generic_push .entity.field-collection-item-field-megamenu-gp {
  padding: 8px 0 0;
}
ul.main-menu > li .bp-text {
  line-height: 20px;
  /*max-width: 80%;*/
}

@media (min-width: 731px) {

  ul.main-menu > li > div li {
    max-width: none;
  }

  ul.main-menu li .taxonomy-term--main-menu > .content > .entity {
    max-width: none;
    padding: 0 2.5% 0 2.5%;
  }
}

ul.main-menu li .no-subtitle {
  margin-top: 30px;
}


/* MEGA MENU */


/* page-my-furterer */
body.page-my-furterer #header .pane-social-buttons {
  display: block;
}

body.page-my-furterer #header .pane-rf-header {
  display: block;
}

#header .pane-rf-header .header-my-furterer {
  position: absolute;
  right: 210px;
  top: 29px;
  height: 22px;
  width: 118px;
  background-image: url('../../../images/content/my-furterer/myfurterer-logo.png');
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

body.page-my-furterer #header .header-menu {
  display: block;
}

body.page-my-furterer #footer {
  display: block;
}

body.page-my-furterer #content #user-login {
  width: auto;
  margin-top: 50px;
  position: relative;
}

body.page-my-furterer #content #user-login > div > label.error {
  color: #ff0000;
}
body.page-my-furterer #content #user-login > div > label.error + .form-item input,
body.page-my-furterer #content #user-login > div > label.error + .form-item + .form-item input {
  border-color: #ff0000;
}

body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .form-submit,
body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit,
body.page-my-furterer .register-news-part  .pf-common-footer-email-form .form-submit {
  background: #fff;
  color: #88714c;
  border: 1px solid #88714c;
  font-size: 21px;
  text-transform: uppercase;
  padding: 5px 10px;
  margin-top: 50px;
  margin-bottom: 10px;
  height: auto !important;
  text-align: center;
  min-width: 297px;
}
body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input,
body.page-my-furterer .register-news-part .user-info-from-cookie input,
body.page-my-furterer .register-news-part  .pf-common-footer-email-form input {
  width: 275px !important;
  border: 1px solid #d6d6d6;
  margin-bottom: 10px;
  padding: 0 10px;
}
body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input,
body.page-my-furterer .register-news-part .user-info-from-cookie input {
  height: 26px !important;
  color: #000000;
}
body.page-my-furterer .register-news-part  .pf-common-footer-email-form input {
  height: 30px !important;
  text-align: center;
  color: #b0b0b0;
  margin: 20px 0 0;
}

body.page-my-furterer #content #user-login .form-item,
body.page-my-furterer #content #user-login .form-actions {
  margin-bottom: 0;
}

body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input.error,
body.page-my-furterer .register-news-part .user-info-from-cookie input.error,
body.page-my-furterer .register-news-part  .pf-common-footer-email-form input.error {
  border: 1px solid red;
}
body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit {
  margin-bottom: 70px;
}
body.page-my-furterer .register-news-part .user-register-news-form form .field-name-field-user-mail-optin label {
  line-height: 28px;
}
@media screen and (max-width: 1180px) and (min-width: 731px) {
  body.page-my-furterer .register-news-part .user-register-news-form form .field-name-field-user-mail-optin label {
    line-height: 1;
  }
}

#modalContent {
  /*width: 100%;*/
  max-width: 95%;
}

#modalContent.modal-loading {
  display: none !important;
}

#modalContent .ctools-modal-content {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 0 !important;
}
#modal-content {
  max-width: 100%;
}
.user-detele-popup > div:first-child h2 {
  font-size: 40px;
  position: relative;
  display: inline-block;
}
.user-detele-popup > div:first-child h2:before,
.user-detele-popup > div:first-child h2:after {
  content: "";
  position: absolute;
  width: 1200px;
  height: 1px;
  top: 50%;
  margin-top: -4px;
  border-top: 1px solid #313131;
}
.user-detele-popup > div:first-child h2:after {
  left: 100%;
  margin-left: 40px;
}
.user-detele-popup > div:first-child h2:before {
  right: 100%;
  margin-right: 40px;
}
.user-detele-popup {
  text-align: center;
  overflow: hidden;
  margin-top: 40px;
}
.user-detele-popup label,
.user-detele-popup #form-ajax-user-delete {
  width: auto !important;
  float: none !important;
  font-weight: 300;
  font-size: 21px;
}
.user-detele-popup .form-radios .form-type-radio {
  display: inline-block;
  vertical-align: middle;
  margin: 11px 0 5px
}
.user-detele-popup .form-radios .form-type-radio:nth-last-child(n+2) {
  margin-right: 15px;
}
.user-detele-popup .form-radios .form-type-radio input {
  display: none;
}
.user-detele-popup .form-radios .form-type-radio label {
  padding-left: 29px;
  position: relative;
  cursor: pointer;
}
.user-detele-popup .form-radios .form-type-radio label:before {
  left: 0;
  top: -1px;
  width: 17px;
  height: 17px;
  border: 1px solid #3b3b3b;
}
.user-detele-popup .form-radios .form-type-radio label:after {
  left: 4px;
  top: 3px;
  width: 11px;
  height: 11px;
  background-color: #9c9b9a;
  opacity: 0;
}
.user-detele-popup .form-radios .form-type-radio input:checked + label:after {
  opacity: 1;
}
.user-detele-popup .form-radios .form-type-radio label:before,
.user-detele-popup .form-radios .form-type-radio label:after {
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
}
.user-detele-popup input[type=submit] {
  background: #fff;
  color: #88714c;
  border: 1px solid #88714c;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
  padding: 15px 30px 9px;
  min-width: 275px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  font-family: 'LegacySansITCPro-Book', 'sans-serif';
}
.user-detele-popup .form-type-radios > label,
.user-detele-popup #form-ajax-user-delete {
  margin: 15px 0px;
  display: block;
}
.user-detele-popup #form-ajax-user-delete {
  line-height: 1.1;
}
.user-detele-popup #form-ajax-user-delete a {
  display: block;
  margin-top: 100px;
}
.user-detele-popup .form-type-radios .form-radios {
  margin: 15px 0 20px;
}
@media screen and (max-width: 1650px) and (min-width: 1181px) {
  #header .pane-rf-header .header-my-furterer {
    right: 150px;
    top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .user-detele-popup #form-ajax-user-delete a {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1180px) and (min-width: 731px) {
  ul.main-menu > li > div .field-collection-item-field-megamenu-pp .content h2 {
    padding-left: 71px;
  }
  ul.main-menu > li > div .field-collection-item-field-megamenu-pp h3 {
    padding-left: 71px;
  }
  #header .pane-rf-header .header-my-furterer {
    right: 140px;
    top: 39px;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input,
  body.page-my-furterer .register-news-part .user-info-from-cookie input, body.page-my-furterer .register-news-part  .pf-common-footer-email-form input {
    width: 204px !important;
    margin-bottom: 8px;
    height: 22px !important;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .form-submit,
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit,
  body.page-my-furterer .register-news-part  .pf-common-footer-email-form .form-submit {
    font-size: 14px;
    min-width: 224px;
    margin-top: 40px;
    margin-bottom: 5px;
  }
  .user-detele-popup > div:first-child h2 {
    font-size: 30px;
  }
  .user-detele-popup > div:first-child h2:before {
    margin-right: 20px;
  }
  .user-detele-popup > div:first-child h2:after {
    margin-left: 20px;
  }
  .user-detele-popup label {
    font-size: 18px;
  }
  .user-detele-popup input[type=submit] {
    font-size: 20px;
    padding: 11px 25px 6px;
    min-width: 220px;
  }
}
/*@media screen and (max-width: 1366px) and (min-width: 731px) {*/
  /*.page-my-furterer-user-edit #modalContent {*/
    /*max-width: 85%;*/
    /*margin: 0 auto;*/
    /*right: 0;*/
    /*left: 0 !important;*/
  /*}*/
  /*.page-my-furterer-user-edit #modalContent .ctools-modal-content {*/
    /*min-width: 100%;*/
  /*}*/
/*}*/
@media screen and (max-width: 730px) {
  #header .pane-rf-header .header-my-furterer {
    height: 30px;
    width: 168px;
    right: 148px;
    top: 38px;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input,
  body.page-my-furterer .register-news-part .user-info-from-cookie input, body.page-my-furterer .register-news-part  .pf-common-footer-email-form input {
    width: 100% !important;
    margin-bottom: 0;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input, body.page-my-furterer .register-news-part .user-info-from-cookie input {
    height: 37px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item label,
  body.page-my-furterer .register-news-part .user-info-from-cookie label {
    right: auto;
  }
  body.page-my-furterer #content #user-login .form-item,
  body.page-my-furterer #content #user-login .form-actions {
    margin-bottom: 15px;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item,
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-item {
    width: 100%;
    padding-left: 162px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .form-submit,
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit, body.page-my-furterer .register-news-part  .pf-common-footer-email-form .form-submit {
    font-size: 26px;
    padding: 6px 10px;
    font-weight: bold;
    width: 440px !important;
    max-width: 100%;
    margin-top: 25px;
    margin-bottom: 0;
  }
  body.page-my-furterer .register-news-part  .pf-common-footer-email-form input {
    max-width: 440px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 44px !important;
    color: #9c9b9a;
    border-color: #9c9b9a;
    font-size: 18px;
    font-weight: 700;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie label {
    left: 0;
    font-weight: 300;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-type-password-confirm,
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-type-radio {
    padding-left: 0;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-type-checkbox {
    padding: 0;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit {
    margin-bottom: 70px;
  }
  #modalContent {
    max-width: 100%;
  }
  /*.page-my-furterer-user-edit #modalContent {*/
    /*max-width: 85%;*/
    /*margin: 0 auto;*/
    /*right: 0;*/
    /*left: 0 !important;*/
    /*max-height: 274px;*/
  /*}*/
  /*.page-my-furterer-user-edit #modalContent .ctools-modal-content {*/
    /*min-width: 100%;*/
    /*max-height: 274px;*/
  /*}*/
  #modalContent .ctools-modal-content {
    min-width: 100%;
  }
  #modal-content {
    min-width: 100%;
  }
  .user-detele-popup {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .user-detele-popup .form-type-radios > label, .user-detele-popup #form-ajax-user-delete {
    margin: 5px 0px 0;
  }
  .user-detele-popup .form-type-radios .form-radios {
    margin: 0px 0 5px;
  }
  .user-detele-popup > div:first-child h2 {
    font-size: 24px;
  }
  .user-detele-popup > div:first-child h2:before {
    margin-right: 10px;
  }
  .user-detele-popup > div:first-child h2:after {
    margin-left: 10px;
  }
  .user-detele-popup label,
  .user-detele-popup #form-ajax-user-delete {
    font-size: 18px;
  }
  .user-detele-popup input[type=submit] {
    font-size: 20px;
    padding: 11px 25px 6px;
    min-width: 220px;
  }
}
@media screen and (max-width: 480px) {
  #header .pane-rf-header .header-my-furterer {
    height: 15px;
    width: 83px;
    right: 81px;
    top: 19px;
  }
  body.page-my-furterer #content #user-login {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  body.page-my-furterer #content #user-login .form-item, body.page-my-furterer #content #user-login .form-actions {
    margin-bottom: 7px;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item, body.page-my-furterer .register-news-part .user-info-from-cookie .form-item {
    padding-left: 80px;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .user-login .form-item input, body.page-my-furterer .register-news-part .user-info-from-cookie input {
    height: 19px !important;
    font-size: 9px;
  }
  body.page-my-furterer .pane-page-content .login-part .tiles-form .user-login-form .form-submit, body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit, body.page-my-furterer .register-news-part  .pf-common-footer-email-form .form-submit {
    font-size: 13px;
    padding: 3px 5px;
    width: 220px !important;
    margin-top: 16px;
    min-width: 0;
  }
  body.page-my-furterer .register-news-part  .pf-common-footer-email-form input {
    font-size: 9px;
    height: 22px !important;
    max-width: 220px;
  }
  body.page-my-furterer .register-news-part .user-register-news-form {
    margin-top: 20px;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie label {
    width: 75px;
    font-size: 11px;
    margin-right: 5px;
    line-height: 19px;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-type-password-confirm, body.page-my-furterer .register-news-part .user-info-from-cookie .form-type-radio {
    padding-left: 0;
    margin-bottom: 6px;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-submit {
    margin-bottom: 35px;
  }
  body.page-my-furterer .register-news-part .user-info-from-cookie .form-type-checkbox {
    padding: 0;
  }
  .user-detele-popup {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .user-detele-popup > div:first-child h2 {
    font-size: 14px;
  }
  .user-detele-popup .form-type-radios > label {
    margin: 7px 0px;
  }
  .user-detele-popup .form-type-radios .form-radios {
    margin: 7px 0 10px;
  }
  .user-detele-popup .form-radios .form-type-radio {
    margin: 5px 0 2px;
  }
  .user-detele-popup .form-radios .form-type-radio label {
    padding-left: 14px;
  }
  .user-detele-popup .form-radios .form-type-radio label:before {
    width: 8px;
    height: 8px;
    top: -2px;
  }
  .user-detele-popup .form-radios .form-type-radio label:after {
    left: 3px;
    top: 1px;
    width: 4px;
    height: 4px;
  }
  .user-detele-popup label,
  .user-detele-popup #form-ajax-user-delete{
    font-size: 11px;
  }
  .user-detele-popup .form-radios .form-type-radio:nth-last-child(n+2) {
    margin-right: 8px;
  }
  .user-detele-popup input[type=submit] {
    font-size: 10px;
    padding: 6px 13px 3px;
    min-width: 110px;
  }
  .user-detele-popup #form-ajax-user-delete a {
    margin-top: 30px;
  }
}

.page-myfurterer .user-edit-header > h2,
.page-myfurterer .user-edit-header > h2 .title-pre,
.page-myfurterer .user-edit-header > h2 .title {
  font-size: 45px;
  line-height: 1;
}
