.fl-node-afmu46i7pxv2 > .fl-row-content-wrap {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} .fl-node-afmu46i7pxv2 > .fl-row-content-wrap {padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.fl-node-ct8uenjmi7z5 {width: 100%;} .fl-node-ulcy6e71sn3o > .fl-module-content {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.surveyor_book_pro_subtitle{font-family: 'Post_Grotesk_Medium' !important;}.tagNew, #navDesk .newNotification > a:first-child, #ham_nav .newNotification > p:first-child{position: relative;}.tagNew:after {content: "NOUVEAU";background: #000;color: #fff;padding: 0.7em 0.5em 0.4em;font-size: .6em;line-height: .8;font-family: 'Post_Grotesk_Bold';letter-spacing: 0.1em;display: inline-block;transform: translateY(-7px);margin-left: 5px;}#navDesk .newNotification > a:first-child:before, #ham_nav .newNotification > p:first-child:before{content: "";background-color: #dcd7d6;height: 6px;width: 6px;border-radius: 5px;display: block;order: 1;}#navDesk .newNotification > a:first-child{display: flex;align-items: center;}#navDesk .newNotification > a:first-child:before{margin-top: -15px;margin-left: 5px;}#ham_nav .newNotification > p:first-child:before{margin-top: -15px;margin-left: 5px;}#close_promo {position: absolute;right: 5vw;width: 1.8em;cursor: pointer;}#close_promo:hover{opacity: 0.6;}#promoHeadBar{background: #f4f3f2;overflow: hidden;transition: all .25s ease-in-out;position: relative;max-height: 4rem;}#promoHeadBar a{width: 100%;height: 100%;padding: 8px 35px;}#promoHeadBar p{margin-bottom: 0;letter-spacing: 0.08em; font-size: clamp(0.7em, 2vw, 0.85em); font-family: 'Post_Grotesk_Medium';color: #000 !important;text-align: center;}#promoHeadBar.disable{max-height: 0;}#wpadminbar {position: absolute;}a{cursor: pointer; } #hamBox, #currentLocation{ cursor: pointer;}#location_container{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; visibility: hidden; opacity: 0; transition: opacity .3s ease-in-out; z-index: 102; }#location_container.active{ visibility: visible; opacity: 1; }#location_modal{ width: 55%; background-color: #fff; }#module_location_title{ padding: 2rem 0.8rem 1.8rem; border-bottom: 1px solid #e8e8e8; }#location_title { font-size: 1.7rem; letter-spacing: 1.6px !important; margin: 0; padding: 0; }#box_flags{ width: 85%; padding: 1.5em 0em; margin: auto; display: grid; gap: 20px;grid-template-columns: repeat(3, 1fr); }.module_flag { height: clamp(2em, 4.2vw, 5.5em ); border: 1px solid #fff; box-sizing: content-box; border-radius: 2px; }.module_flag p{ font-size: 0.8em; margin-bottom: 0; }.module_flag:hover{ background-color: #FBFBFB; border: 1px solid #f3f3f3; }.module_flag img, #currentLocation{ height: 17px !important; width: 32px !important; margin: 0em 1.5rem; } #overlayH{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(2px); display: block; visibility: hidden; opacity: 0; transition: opacity .3s ease-in-out; z-index: 99; }#overlayH.active{ visibility: visible; opacity: 1; } #headerMonat{top: 0; left: 0; right: 0; width: 100%; z-index: 100; }#whiteHeader > div, #blueHeader > div{ height: 100%; }#headerMonat p, #headerMonat a{ color: #000; }#blueHeader{background-color: #000;height: 30px;position: relative;z-index: 1; }#blueHeader a, #blueHeader p{ margin: 0; font-size: 1.1rem; letter-spacing: 0.12rem; color: #fff; }#blueHeader #gear{ background-color: #413a68; padding: 1rem 2rem 0.8rem; }#whiteHeader{ height: 70px; position: relative; border-bottom: 1px solid #dfdfe1; background-color: #fff; z-index: 1; }#headerMonat .logo_box{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; }#headerMonat #M_logoHeader { width: clamp(11em, 13vw, 16em); }#headerMonat .login_icon{ width: 1.3rem; margin-right: 1.3rem; }.mainNav, #hamBox, #ham_nav{ z-index: 1; } .mainNav, #submenuProducts, .box_option ul{ list-style: none; padding-left: 0; margin-left: 0; margin-bottom: 0; }.mainNav > li{ height: 100%; display: flex; align-items: center; cursor: pointer; margin-top: 1px; }.mainNav li > p, #hamDesk li > p, .mainNav li > a, .extraRow__bottom a{ font-size: 1.3rem; letter-spacing: 0.06em; font-family: 'Post_Grotesk_Medium'; margin: 0; display: inline-block; }.mainNav > li > p, .mainNav > li > a{ padding-right: 2.1rem; } .extraRow__finder > button:after, .mainNav > li > p:after, .extraRow__bottom > a:after, .box_option .txt_underbanner:after{ content: url("https://monatglobal.com/wp-content/uploads/2022/08/dropdown-arrow.svg"); width:0.7rem; float: right; opacity: 0.6; transition: .3s all; transform: rotate(-180deg); margin-top: -2px; margin-left: 5px; }.box_option .txt_underbanner:after{ width:0; }.box_option a.col_40:hover .txt_underbanner:after{ width:0.7rem; }.extraRow__bottom > a:after, .box_option .txt_underbanner:after{ transform: rotate(-90deg); }#navDesk > .mainNav > li:hover > p:after{ transform: rotate(0deg); } #submenuProducts{ background-color: #f9f9fb; top: 0px; right: 0; width: 100%; position: absolute; height: 0; overflow-y: hidden; z-index: -1; }#submenuProducts > li > p, #submenuProducts > li > a{ font-size: 1.3rem; }#submenuProducts > li{ min-width: 13rem; display: flex; justify-content: center; padding: 1.7rem 0 1.2rem; border-bottom: 3px solid transparent; }#navDesk #submenuProducts > li:hover{ border-bottom: 3px solid #000 !important; } .box_option{ background-color: #fff; position: absolute; height: 0; overflow-y: hidden; top: 0; left: 0; width: 100%; z-index: -1; }#navDesk .box_option > div, #hamBox .box_option > div{ opacity: 0; }#navDesk .box_option ul, #hamBox .box_option ul{ margin-right: 5%; width: 45%; } .box_option ul a {font-size: 1.5rem;font-family: 'Post_Grotesk_Book';letter-spacing: 0em;}.box_option ul a.selector{ margin-bottom: 10px; display: inline-block; }.box_option ul a:not(.selector){ padding: 0.4rem 1rem 0.4rem 1rem; transition: background .3s ease-in-out; display: inline-block; border-radius: 3px; }.box_option ul a:not(.selector):hover{ background-color: #F4F4F9; }.box_option .imgCategory{ width: 100%; object-fit: cover; height: min(23vw, 30rem); }.box_option a.col_40 > div{ overflow: hidden; } .box_option a.col_40 > * { pointer-events: none; }.box_img_h{ width: 100%; height: min(23vw, 30rem); }.box_img_h > div:last-child{ overflow: hidden; }.box_img_h *, .imgCategory{ transition: transform .2s ease-in-out; }.box_option a.col_40:hover > .box_img_h div:first-child, .box_option a.col_40:hover img, .box_option a.col_40:hover .imgCategory{ transform: scale(1.01); }.box_img_h > div{ height: 100%; }#hairTab .box_img_h > div:first-child{ background-image: url('https://monatglobal.com/wp-content/uploads/2024/09/Monat-Scalp-comfort-duo-ecomm-min.png'); background-size: 90%; background-color: #F8F8F8 ; }#rewardsTab .box_img_h > div:first-child{ background-image: url('https://monatglobal.com/wp-content/uploads/2022/08/electric-bonus-now-avialable.jpg'); }#skinTab .box_img_h > div:first-child{ background-image: url('https://monatglobal.com/wp-content/uploads/2023/05/hydrate-refresh-ecomm.png'); background-size: 90%; background-color: #F8F8F8 ; }#wellnessTab .box_img_h > div:first-child{ background-image: url('https://monatglobal.com/wp-content/uploads/2020/12/Energy-Ecomm-2.png'); background-size: 90%; background-color: #F8F8F8 ; }#specialtiesTab .box_img_h > div:first-child{ background-image: url('https://monatglobal.com/wp-content/uploads/2021/07/MONAT-JUNIOR-GENTLE-DETANGLER.png'); background-size: 70%; background-color: #F8F8F8; } #hamDesk .box_img_h > div:first-child{ background-image: url('https://monatglobal.com/wp-content/uploads/2022/08/electric-bonus-now-avialable.jpg'); }.navBanner .imgLabel{ display: inline-block; padding: 5px 10px 3px; background-color: #000; font-family: 'Post_Grotesk_Bold'; color: #fff; font-size: 0.9rem; letter-spacing: 2px; margin-top: 7px;margin-left: 7px; z-index: 1; }.box_img_h img{ object-fit: cover; min-height: 100%; min-width: 100%; } #navDesk .box_option > div:first-child, #hamBox .box_option > div:first-child{ padding: 4rem 0 1rem; }.box_option .txt_underbanner { text-align: right; font-size: 1.2rem; letter-spacing: 0.08em; }.hairTab{ top: 49px; } #ham_icon { width: 4em; margin-left: 0.5rem; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }#ham_icon .line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #2e2b4a; stroke-width: 3.5; }#ham_icon .top { transform-origin: 34% 40%; transition: transform 400ms; }#ham_icon .middle { transform-origin: 50%; transition: opacity 400ms; }#ham_icon .bottom { transition: transform 400ms; transform-origin: 29% 58%; }#ham_icon.active .top { transform: translateY(8px); }#ham_icon.active .middle { opacity: 0; }#ham_icon.active .bottom { transform: translateY(-8px); } .extraRow__finder{padding: 20px;background-color: #fbfbfb;border-top: 1px solid #dfdfe1;border-bottom: 1px solid #dfdfe1;}.extraRow__finder > img{width: 10em;margin-right: 30px;}.extraRow__finder > button{background-color: #000;padding: 10px 20px;border-radius: 0px;margin-left: 30px;border: none;pointer-events: none;}.extraRow__finder > button > p{font-size: 1.2rem;letter-spacing: 1px; text-wrap: nowrap;}.extraRow__finder > button:after{ content: url("https://monatglobal.com/wp-content/uploads/2024/04/white-arrow.svg"); transform: rotate(0deg); margin-top: 1px; opacity: 0;}.extraRow__finder:hover button:after{ opacity: 1; }.extraRow__finder > button img{width: 2rem;margin-right: 10px;}.extraRow__finder > button > span {display: block;height: 25px;width: 2px;background: #ffffff;margin: 0 15px;}.extraRow__bottom{ padding: 2rem 0;}.extraRow__bottom .hide_t a{padding: 10px 10px 7px 10px;border-radius: 3px;transition: background .3s ease-in-out;}.extraRow__bottom .hide_t a:hover{ background-color: #F4F4F9; } @media (min-width : 950px) { .hide_d{ display: none !important; }#ham_icon{ pointer-events: none; } }@media (max-width : 950px) {.extraRow__finder{ border-top: none; padding: 30px 20px;flex-wrap: wrap;margin-right: -2rem;margin-left: -2rem;}.extraRow__finder > div{ width: 63%; } .extraRow__finder > img{ width: 35%; margin-left: 2%;margin-right: 0;order: 1;} .extraRow__finder > button{ width: 100%; margin-left: 0;margin-top: 20px;order: 2;justify-content: space-evenly;} .extraRow__finder > button > span{ margin: 0; }.extraRow__finder > button:after{ opacity: 1; }.col_100_t{ width: 100% !important; } .hide_t{ display: none !important; }#blueHeader > div{ justify-content: flex-end; } #ham_icon.active .top { transform: rotate(45deg); } #ham_icon.active .middle { opacity: 0; } #ham_icon.active .bottom { transform: rotate(-45deg); } #ham_nav{ position: absolute; width: 50vw; right: 0; background-color: #fff; max-height: 0; flex-direction: column; justify-content: flex-start !important; overflow-y: auto; transition: all .4s ease-in-out; }#ham_nav > div:last-child{ padding-left: 2rem; padding-right: 2rem; transition: transform .3s ease-in-out; height: 150%; }#ham_nav > div *{ transition: all .3s ease-in-out; } #ham_nav.active{ max-height: 100vh; padding-bottom: 0.5rem; }#ham_nav li > p, #ham_nav li > a{ font-size: 1.4rem; font-family: 'Post_Grotesk_Medium'; padding: 1.9rem 0 !important; display: block; width: 100%; border-bottom: 1px solid #dfdfe1; position: relative; display: flex; align-items: center; }#ham_nav .acordionMob{ height: auto !important; max-height: 0; top: 0 !important; overflow: hidden; position: static !important; transition: max-height .3s ease-in-out; }#ham_nav .acordionMob.active{ max-height: 200rem; overflow-y: auto; }#ham_nav .box_option > div.content{ flex-direction: column-reverse; }#ham_nav .box_option .txt_underbanner{ text-align: right; font-size: 12px; padding: 0; font-family: 'Post_Grotesk_Bold'; }#ham_nav .box_option ul li a:hover { background-color: #fff; }#ham_nav .box_option .margin_top_10{ margin-top: 0 !important; }#submenuProducts > li > p, #submenuProducts > li > a, #ham_nav .box_option ul > li > a{font-family: 'Post_Grotesk_Book'; }#ham_nav .box_option ul, #ham_nav .box_option > div, #ham_nav .box_option .col_60, #ham_nav .box_option .col_40{ width: 100% !important; }.subMenu_head{ position: relative; padding: 1.5rem 0; }.subMenu_head > span{background-color: #f9f9fb;border: 1px solid #d5dae09c;border-radius: 2rem;cursor: pointer;width: 2em;}.subMenu_head > div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }.subMenu_head > div > p{ margin-bottom: 0; font-size: 1.4rem; font-family: 'Post_Grotesk_Medium'; } #submenuProducts{ display: block; background-color: #fff; overflow-x: hidden; }#submenuProducts > li{ display: block; padding: 0; border: none !important; }#submenuProducts .box_option{ position: absolute; padding-left: 2rem; padding-right: 2rem; top: 0px; right: 0; height: 100% !important; width: 100%; z-index: 1; transform: translateX(100%); transition: transform .3s ease-in-out; overflow-y: auto !important; display: none; }#ham_nav > div.activeSub{ transform: translateX(-100%); }.mainNav > div > li > p:after, #submenuProducts > li > p:after{ content: url("https://monatglobal.com/wp-content/uploads/2022/08/dropdown-arrow.svg"); width:0.8em; float: right; opacity: 0.6; transition: .3s all; transform: rotate(0deg);position: absolute; right: 0; }#submenuProducts > li > p:after{ transform: rotate(-90deg); }#ham_nav > div > li > p.open:after{ transform: rotate(-180deg); }.extraRow{ border-top: none; } .extraRow__bottom{ justify-content: flex-end; }.module_flag { padding: 0.5em 0em; }#box_flags{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 700px) { .wpml-ls-legacy-list-horizontal {padding: 7px 0 !important;}.wpml-ls-legacy-list-horizontal a {padding: 5px 0px 6px !important;}#ham_nav{ width: 100%; }.extraRow{ margin-bottom: 3rem; }.box_img_h, .imgCategory{ height: 25vh !important; } .extraRow__finder .surveyor_book_pro_subtitle {font-size: clamp(1.7em, 2.5vw, 2.6em) !important;} #location_modal { width: 80%; background-color: #fff; margin-top: 10vh; }#location_container{ align-items: flex-start; }#box_flags{ grid-template-columns: repeat(1, 1fr); gap: 5px;height: 70vh; overflow: auto; }.module_flag{ padding: 1em 0.5em; }}.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {position: fixed;width: 100%;z-index: 100;}.fl-theme-builder-flyout-menu-push-left .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {left: auto !important;transition: left 0.2s !important;}.fl-theme-builder-flyout-menu-push-right .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {right: auto !important;transition: right 0.2s !important;}.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-menu .fl-menu-mobile-opacity {height: 100vh;width: 100vw;}.fl-builder-content[data-type="header"]:not([data-overlay="1"]).fl-theme-builder-header-sticky .fl-menu-mobile-flyout {top: 0px;}.fl-theme-builder-flyout-menu-active body {margin-left: 0px !important;margin-right: 0px !important;}.fl-theme-builder-has-flyout-menu, .fl-theme-builder-has-flyout-menu body {overflow-x: hidden;}.fl-theme-builder-flyout-menu-push-right {right: 0px;transition: right 0.2s ease-in-out;}.fl-theme-builder-flyout-menu-push-left {left: 0px;transition: left 0.2s ease-in-out;}.fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-right {position: relative;right: 250px;}.fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-left {position: relative;left: 250px;}.fl-theme-builder-flyout-menu-active .fl-builder-content[data-type="header"] .fl-menu-disable-transition {transition: none;}.fl-builder-content[data-shrink="1"] .fl-row-content-wrap,.fl-builder-content[data-shrink="1"] .fl-col-content,.fl-builder-content[data-shrink="1"] .fl-module-content,.fl-builder-content[data-shrink="1"] img {-webkit-transition: all 0.4s ease-in-out, background-position 1ms;-moz-transition: all 0.4s ease-in-out, background-position 1ms;transition: all 0.4s ease-in-out, background-position 1ms;}.fl-builder-content[data-shrink="1"] img {width: auto;}.fl-builder-content[data-shrink="1"] img.fl-photo-img {width: auto;height: auto;}.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap {margin-bottom: 0;margin-top: 0;}.fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap {padding-bottom: 5px;}.fl-theme-builder-header-shrink-row-top.fl-row-content-wrap {padding-top: 5px;}.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-col-content {margin-bottom: 0;margin-top: 0;padding-bottom: 0;padding-top: 0;}.fl-theme-builder-header-shrink-module-bottom.fl-module-content {margin-bottom: 5px;}.fl-theme-builder-header-shrink-module-top.fl-module-content {margin-top: 5px;}.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img {-webkit-transition: all 0.4s ease-in-out, background-position 1ms;-moz-transition: all 0.4s ease-in-out, background-position 1ms;transition: all 0.4s ease-in-out, background-position 1ms;}.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {position: absolute;width: 100%;z-index: 100;}.fl-builder-edit body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"] {display: none;}body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap,body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content {background: transparent;}