/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 30px; position:relative; }
.field label { display: inline-block; margin:0; }

[data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
[data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
.field.checkbox label,
.field.radio label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; cursor: pointer; }

.field.checkbox input,
.field.radio input,
.field.checkbox span:before,
.field.radio span:before { width:20px; height:20px; margin-right:10px; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:50%; transform:translateY(-50%); width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

.field.radio.inline,
.field.checkbox.inline { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.field.radio.inline label,
.field.checkbox.inline label { margin-right:15px; margin-bottom:0; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Legal
 **/
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }
/**
 * General Elements
 **/

html { font-size:10px; } 
body { font-size:1.6rem; font-family:'Montserrat', sans-serif; color:#404040; font-weight:300; } 
body:before { content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index: 20; pointer-events:none; opacity:0; transition:all 0.5s ease 0s; z-index:9;} 
body:after { content:''; position:fixed; left:50%; top:50%; width:150px; height:150px; background:url(../themes/evasionbeaute/assets/img/loader.svg) no-repeat center center / contain; z-index:21; transform:translate(-50%, -50%); opacity:0; pointer-events:none; transition:all 0.5s ease 0s; } 
body.overlay:before { opacity:1; pointer-events:auto;  }
body.overlay.top:before { z-index:100; }
body.oc-loading:before { opacity:1; pointer-events:auto; } 
body.oc-loading:after { opacity:1; pointer-events:auto; } 
:focus, button:focus { outline:none; } 

/* Images */
img, svg { max-width:100%; height:auto; } 
img[data-sizes] { display:block; width:100%; } 

/* Paragraphs */
p { margin-bottom:1em; line-height:1.8em; letter-spacing:2px; } 
p:last-child { margin-bottom:0; }

b, strong { font-weight:600; }

/* Link */
a: { color:inherit; } 
a:hover { text-decoration:none; } 

/* Lists */
ul, ol { margin-bottom:0; padding:0; list-style:none; } 

/* Titles */
h1 { line-height:1em; font-family:'Inria Serif', serif; font-weight:normal; margin-bottom:1em; font-style:italic; font-size:3rem; } 
h2 { line-height:1em; font-family:'Inria Serif', serif; font-weight:normal; margin-bottom:1em; font-style:italic; font-size:3rem; } 
h2.lax { font-size:30rem; color:rgba(212,212,212,0.65); font-style:italic; position:relative; left:80vw; margin-bottom:0.5em; } 
h3 { font-size:4rem; font-family:'Inria Serif', serif; font-weight:normal; font-style:italic; color:#9F504E; line-height:1.2em; margin-bottom:1em; } 

/* Fields */
[data-validate-for] { right:auto; left:0; font-weight:500; bottom:-1.5em; color:#FD5454;}
.field.error.empty [data-validate-for] {   }
.field.textfield label { position:absolute; left:0; top:50%; transform:translateY(-50%); color:#404040; transition:all 0.3s ease 0s; font-size:1.4rem; } 
.field.textfield input { border:none; padding:20px 0 5px 0; } 
.field.textfield:before,
.field.textfield:after { content:''; position:absolute; left:0; bottom:0; height:1px; } 
.field.textfield:before { background:#D4D4D4; width:100%; z-index:2; } 
.field.textfield:after { background:#404040; width:0; z-index:3; transition:all 0.5s ease 0s; } 
.field.textfield.active label,
.field.textfield.filled label { transform:translateY(0); top:0; font-size:1.2rem; } 
.field.textfield.active:after,
.field.textfield.filled:after { width:100%; } 
.field.textfield.error.empty:before { background:#FD5454; }
.field.textfield.error.empty [data-validate-for] { color:#FD5454; }
.field.select label { transition: all 0.3s ease 0s; font-size: 1.4rem; } 
.field.select select { border:none; padding:10px 0 10px 0; color:#404040; font-size:1.4rem; font-weight:300; }
.field.select:before,
.field.select:after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; } 
.field.select:before { background: #D4D4D4; width: 100%; z-index: 2; } 
.field.select:after { background: #404040; width: 0; z-index: 3; transition: all 0.5s ease 0s; } 
.field.checkbox input { width:0; height:0; margin-right:50px; }
.field.checkbox label { font-size:1.4rem; font-weight:500; }
.field.checkbox span:before { width:20px; height:20px; border-radius:100%; border:1px solid #d4d4d4; }
.field.checkbox span:after { width:20px; height:20px; background:#404040; border-radius:100%; left:0; background:#404040 url(../themes/evasionbeaute/assets/img/tick-w.svg) no-repeat center center / 70%; }
.field.radio span:after { background:#404040; width:10px; height:10px; left:5px; }

/**
 * Components
 **/

/* Alert */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } 
.alert .close { display:none; } 
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } 
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } 
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } 
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } 
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } 
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } 

/* Flash messages */
.flash-message { display:none; position: fixed; top:120px; left:0; width:100%; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; z-index:15; text-align:center; border-radius:0; } 
.flash-message .close { display:none; } 
.flash-message.success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } 

/* Modal */
.mall-modal { opacity:0; pointer-events:none; } 
.mall-modal:before { content:''; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 4; background:rgba(0,0,0,0.5); pointer-events:none; opacity:0; transition:all 0.5s ease 0s; } 
.mall-modal__inner { position:fixed; max-width:80vw; max-height:calc(80vh - 120px); overflow-y:auto; padding:80px; background:#fff; z-index:5; left:50%; top:50%; transform:translate(-50%, -50%); } 

.mall-modal--visible,
.mall-modal--visible:before { opacity:1; pointer-events:auto; }

.mall-modal .field-group { margin:30px 0; border:1px solid #d4d4d4; padding:30px; } 
.mall-modal .field-group .field { margin-bottom:0; } 
.mall-modal .field-group .description { margin-top:30px; } 

.mall-modal .field-group label { margin-bottom:0; } 
.mall-modal .mall-modal__actions { display:flex; flex-direction:row; align-items:center; justify-content:space-between; } 

/* Noui */
.noUi-pips { display:none; }
.noUi-tooltip { background:none; border:none; font-size:1.4rem; color:#404040; bottom:20px !important; }
.noUi-target { background:#D4D4D4; height:1px; border:none; }
.noUi-connects { background:#d4d4d4; }
.noUi-connect { background:#404040; height:3px; }
.noUi-horizontal .noUi-handle { width:17px; height:17px; border-radius:100%; border:2px solid #404040; background:#fff; top:-8px; }
.noUi-handle:after, .noUi-handle:before { content:none; }

/* Hamburger */
.hamburger { padding:0; display:none; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { border-radius:0; width:30px; height:2px; }
.hamburger-inner:before { width:20px; }

.hamburger.is-active .hamburger-inner:before { width:40px; }

/**
 * Layout
 **/

[data-cursor] { cursor:none; }

#cursor { position:absolute; transform:translate(-50%, -50%); pointer-events:none;z-index:3; }
#cursor-slider { width:80px; height:80px; transition:all 0.3s ease 0s; opacity:0; transform:scale(0); }
#cursor.slider #cursor-slider { opacity:1; transform:scale(1); }
#cursor.slider.black #cursor-slider .circle { stroke:#000; }
#cursor.slider.black #cursor-slider .arrow { fill:#000; }

#page { position:relative; width:100%; overflow:hidden; } 
#main { margin-top:120px; } 

#header { position:relative; }
#header:before { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#d4d4d4; transition:all 0.5s ease 0s; }
#header { padding:0 80px; position:fixed; left:0; top:0; width:100%; background:#fff; z-index:10; } 
#header .row { align-items:center; height:120px; transition:all 0.5s ease 0s; } 
#header .navigation { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:static; } 
#header .logo { text-align:center; } 
#header .tools { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; position:static; } 
#header .menu { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } 
#header .item { margin:0 20px; }
#header .item > a:hover, 
#header .item.active > a { color:#404040; }
#header .item.grey .link { color:#9d9d9d; }
#header .link { font-size:1.2rem; text-transform:uppercase; color:#404040; font-weight:500; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } 
#header .link svg { min-width:20px; max-width:20px; margin-right:15px; } 
#header .dropdown { position:absolute; left:0; top:120px; width:100%; padding:100px 0; background:#FCFCFC; transition:top 0.5s ease 0s; overflow:hidden; }
#header .dropdown .primary { position:relative; max-width:30vw; }
#header .dropdown .primary > li { padding-bottom:30px;  }
#header .dropdown .primary > li > a { font-size:1.6rem; color:#404040;  display:inline-block; }
#header .dropdown .primary > li > a > svg { width:12px; margin-left:15px; transition:all 0.5s ease 0s; }
#header .dropdown .primary > li > a.open > svg { transform:rotate(180deg); }
#header .dropdown .submenu { padding:30px 10px 0px 10px; }
#header .dropdown .submenu > li { margin-bottom:15px;    }
#header .dropdown .submenu > li > a { font-size:1.4rem; color:#9d9d9d; }
#header .dropdown .submenu > li > a:hover { color:#404040; }
#header .dropdown li > img { position:absolute; right:-100px; top:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease 0s; padding:50px; max-width:400px; max-height:400px; pointer-events:none; }
#header .dropdown li > a.parent:hover + img,
#header .dropdown li .submenu a:hover + img { opacity:1; }

#header .search .dropdown .title { font-size:2.4rem; margin-bottom:2em; }
#header .search .dropdown .field { display:flex; flex-direction:row; align-items:center; justify-content: flex-start; max-width:50vw; min-width:300px; }
#header .search .dropdown .field svg { position:absolute; left:0; top:50%; transform:translateY(-50%); width:22px;  }
#header .search .dropdown .field:before,
#header .search .dropdown .field:after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#d4d4d4; transition:all 0.5s ease 0s; }
#header .search .dropdown .field:before { width:100%; }
#header .search .dropdown .field:after { background:#404040; }
#header .search .dropdown .field.active:after { width:100%; }
#header .search .dropdown .field input { border:none; background:none; padding:15px 0 15px 50px; }

#header #search-results { max-height:50vh; overflow-y:auto; overflow-x:hidden; max-width:50vw; padding-right:30px; position:relative; }
#header #search-results .inner { position:relative; }
#header #search-results .inner:before { content:''; position:fixed; width:100%; height:100px; background: linear-gradient(180deg, rgba(252,252,252,1) 0%, rgba(252,252,252,0) 100%); z-index:1; pointer-events:none; }
#header #search-results li { margin-bottom:30px; }
#header #search-results .count { margin-bottom:100px; position:relative; z-index:6; }
#header #search-results .record { color:#404040; }
#header #search-results .name { font-size:1.4rem; font-family:'Montserrat'; font-weight:300; color:#404040; }
#header #search-results .price { font-weight:600; }

#header.not-top .row { height:100px; }
#header.not-top .dropdown { top:100px; }
#header .menu .item:first-child { margin-left:0; } 
#header .tools .item:last-child { margin-right:0; } 
#header .steps ul { display:flex; align-items:center; justify-content:center; flex-direction:row; }

#menu-responsive { display:none; flex-direction:column; align-items:stretch; justify-content:space-between; position:fixed; left:0; top:0; width:80vw; height:100vh; max-width:500px; background:#fff; z-index:101; transition:all 0.5s ease 0s; transform:translateX(-100%); }
#menu-responsive .entete { padding:15px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; position:relative; z-index:3; }
#menu-responsive .menu { border-bottom:1px solid #d4d4d4; }
#menu-responsive .menu ul > li > a { padding:10px 20px; color:#404040; font-size:18px; font-weight:300; border-top:1px solid #D4D4D4; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }

#menu-responsive .submenu { display:flex; flex-direction:column; align-items:stretch; justify-content:center; position:fixed; left:0; top:0; width:80vw; height:100vh; max-width:500px; background:#fff; z-index:2; transition:all 0.5s ease 0s; transform:translateX(-100%); padding:80px 0 150px 0; }
#menu-responsive .submenu .submenu-inner { overflow-y: auto; }
#menu-responsive .submenu ul { border-bottom:1px solid #d4d4d4; }
#menu-responsive .submenu .title { font-size:20px; padding:0 15px 15px 15px; font-family:'Inria Serif'; font-style:italic; font-weight:500; }
#menu-responsive .submenu.open { transform:translateX(0); }
#menu-responsive .submenu .back { margin:0 20px; font-size:16px; font-weight:500; color:#404040; margin-bottom:10px; }
#menu-responsive .submenu .back svg { margin-right:15px; }

#menu-responsive .tools {position:relative; z-index:3; }
#menu-responsive .tools ul { padding:15px 15px 15px 15px; }
#menu-responsive .tools ul > li { margin-bottom:10px; }
#menu-responsive .tools ul > li > a { font-size:16px; font-weight:300; color:#404040; }

#menu-responsive .tools .search { padding:15px; background:#F5F5F5; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#menu-responsive .tools .search svg { width:16px; margin-right:15px; }
#menu-responsive .tools .search input { font-size:14px; text-transform:uppercase; border:none; background:none; }
#menu-responsive .tools .search input::placeholder { color:#404040; font-weight:500; transition:all 0.5s ease 0s; }
#menu-responsive .tools .search input:focus::placeholder { color:rgba(64,64,64,0.5);  }

#menu-responsive #submenu-search-wrapper { z-index:5; padding:0; background:#fff; justify-content:flex-start; }
#menu-responsive #submenu-search-wrapper .inner { overflow-y:auto; }
#menu-responsive #submenu-search-wrapper .back { margin-left:0; }
#menu-responsive #submenu-search-wrapper .title-wrapper { padding:0 30px 30px 30px; }
#menu-responsive #submenu-search-wrapper .title-wrapper .title { font-size:24px; font-family:'Inria Serif'; font-style:italic; margin-bottom:10px; padding:0; }
#menu-responsive #submenu-search-wrapper .title-wrapper .count { font-size:14px; font-weight:300; }
#menu-responsive #submenu-search-wrapper .results { background:#FCFCFC; text-align:center; border-top:1px solid #D4D4D4;}
#menu-responsive #submenu-search-wrapper .results img { max-width:130px; }
#menu-responsive #submenu-search-wrapper .results ul > li > a { display:flex; flex-direction:column; align-items:center; justify-content:center; border:none; }
#menu-responsive #submenu-search-wrapper .results h3 { font-family:'Montserrat'; font-size:14px; font-style:normal; font-weight:300; color:#404040; }
#menu-responsive #submenu-search-wrapper .results .price { font-weight:600; }

#stickybon { position:fixed; right:80px; overflow:hidden; bottom:80px; max-width:70px; height:70px; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; padding:24px; background:#864240; z-index:5; white-space:nowrap; color:#fff; font-size:1.2rem; text-transform:uppercase; transition:all 0.5s ease 0s; }
#stickybon svg { min-width:25px; margin-right:30px; }
#stickybon:hover { max-width:200px; }

#footer { background:#9F504E; color:#fff; } 
#footer ul { display:flex; flex-direction:row; align-items:center; justify-content:center; } 
#footer a { color:#fff; } 
#footer .bourgeons { position:absolute; left:0; bottom:-200px; height:calc(80% + 200px); opacity:0.2; transform:scaleX(-1); } 
#footer .logo img { filter:brightness(0) invert(1); } 
#footer .baseline { font-size:4rem; font-family:'Inria Serif'; font-style:italic; margin:1em 0; font-weight:normal; } 
#footer .address { font-size:1.4rem; } 
#footer .phone a { font-size:1.6rem; font-weight:500; } 
#footer .email a { font-size:1.4rem; text-decoration:underline; } 
#footer .btn.trait { color:rgba(255,255,255,0.5); text-transform:none; }
#footer .btn.trait:before { width:30px; background:#fff; }
#footer .btn.trait:hover:before { width:50px; }
#footer .socials li { margin:0 5px; } 
#footer .socials a { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:100%; border:1px solid rgba(255,255,255,0.3); transition:all 0.5s ease 0s; } 
#footer .socials svg { transition:all 0.5s ease 0s; } 
#footer .socials a:hover { background:#fff; } 
#footer .socials a:hover svg { fill:#9F504E; } 
#footer .links li { margin:0 15px; } 
#footer .cards li { margin:0 5px; } 

/**
 * Page specific
 **/

/* Utility */
.container-fluid { padding-left:180px; padding-right:180px; } 

.p100 { padding-top:100px; padding-bottom:100px; } 
.p50 { padding-top:50px; padding-bottom:50px; } 
.pt0 { padding-top:0 !important; } 
.pb0 { padding-bottom:0 !important; } 

.m100 { margin-top:100px; margin-bottom:100px; }
.m50 { margin-top:50px; margin-bottom:50px; }
.mt100 { margin-top:100px; } 
.mt50 { margin-top:50px; } 
.mt30 { margin-top:30px; } 
.mt0 { margin-top:0; } 
.mb100 { margin-bottom:100px; } 
.mb200 { margin-bottom:200px; } 
.mb50 { margin-bottom:50px; } 
.mb30 { margin-bottom:30px; } 
.mb0 { margin-bottom:0; } 

.relative { position:relative; } 

.text-center { text-align:center; } 
.text-left { text-align:left; }
.text-right { text-align:right; }
.align-center { align-items:center; } 
.justify-center { justify-content:center; }


/* Buttons */
.btn { display:inline-flex; text-align:center; justify-content:center; padding:10px 30px; font-size:1.4rem; color:#404040; background:transparent; border:1px solid #d4d4d4; text-align:center; text-transform:uppercase; position:relative; transition:all 0.5s ease 0s; font-weight:500; cursor:pointer; z-index:1; } 
.btn:before { content:''; position:absolute; left:0; top:0; width:0; height:100%; background:#9F504E; z-index: -1; transition:all 0.5s ease 0s; } 
.btn[disabled] { opacity:0.5; }
.btn svg { margin-right:10px; }

.btn.big { padding:15px 100px; }

.btn:hover { color:#fff; border-color:transparent; } 
.btn:hover:before { width:100%; } 

.btn.white { color:#fff; border-color:#fff; } 
.btn.white:before { background:#fff; } 
.btn.white:hover { color:#9F504E; } 

.btn.trait { border:none; padding:0; flex-direction:row; align-items:center; justify-content:flex-start; } 
.btn.trait:before { content:''; width:70px; height:1px; background:#404040; background:#404040; display:block; margin-right:15px; position:static; transition:all 0.5s ease 0s; } 
.btn.trait:hover { color:#9F504E; } 
.btn.trait:hover:before { width:100px; } 

.btn.red { background:#9F504E; color:#fff; border-color:#9F504E; } 
.btn.red:before { background:#7C3B39; } 
.btn.red:hover { color:#fff; } 

.btn.grey { background:#F5F5F5; color:#404040; border:1px solid transparent; }
.btn.grey:before { background:#e5e5e5; }

.more { font-weight:500; color:#404040; padding:5px 0; display:inline-flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.more svg { margin-right:15px; }
.more span { display:inline-block; position:relative; }
.more span:after { content:''; position:absolute; right:0; bottom:0; width:100%; height:1px; background:#404040; transition:all 0.5s ease 0s; }
.more:hover { color:#404040; }
.more:hover span:after { width:0; }

.more.grey { color:#9D9D9D; }
.more.grey svg { fill:#9D9D9D; }
.more.grey span:after { background:#9d9d9d; }

.buttons { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.mall-cart-actions { display:flex; flex-direction:row; align-items:center; justify-content:space-between; } 
.mall-cart-actions .back { border-bottom:1px solid #404040; color:#404040; font-weight:500; } 

/* Slider */
.slider { position:relative; } 
.slider .swiper-wrapper { box-sizing:border-box; } 
.slider .navigation button { cursor:pointer; } 

/* Panels */
.panels { position:relative; display:flex; flex-direction:row; align-items:flex-start; justify-content:center; } 
.panels .panel { padding:100px 60px; } 
.panels .panel h2 { font-size:4rem; } 
.panels .panel.right { margin-top:150px; margin-left:-100px; z-index:1; padding-left:160px; } 
.panels .panel.upper { z-index:2; } 
.panels .panel.lower { z-index:1; } 
.panels .panel.image { padding:0; } 
.panels .panel.grey { background:#F5F5F5; } 
.panels .panel.grey h2 { color:#9F504E; } 
.panels .panel.red { background:#9F504E; color:#fff; } 
.panels .panel.white { background:#fff; border:1px solid #D4D4D4; } 

/* tabs */
.tabs .r-tabs-tab { margin-right:15px; } 
.tabs .r-tabs-anchor { padding:10px; font-size:1.2rem; font-weight:500; color:#A2A2A2; border-bottom:2px solid transparent; text-transform:uppercase; display:block; } 
.tabs .r-tabs-state-active .r-tabs-anchor { border-color:#905854; color:#905854; } 
.tabs .r-tabs-panel { padding:30px; font-size:1.4rem; background:#F5F5F5; } 

/* Assurances */
.assurances .item { display:flex; flex-direction:row; align-items:center; justify-content: flex-start; margin:30px 0; position:relative; } 
.assurances .item .icon { min-width:80px; min-height:80px; padding:15px; display:flex; align-items:center; justify-content: center; margin-right:30px; background:#F5F5F5; border-radius:100%; } 
.assurances .item .text { font-size:1.4rem; text-transform:uppercase; color:#9F504E; font-weight:500; } 
.assurances .item .text a { color:#D6BAB9; font-size:1.2rem; text-transform:none; display:inline-block; margin-top:10px; }
.assurances .item .tooltip { position:absolute; padding:60px 30px; background:#f5f5f5; color:#9F504E; top:130px; z-index:2; left:-100px; max-width:500px; font-weight:500; text-align:center; opacity:0; pointer-events:none; transition:all 0.5s ease 0s; pointer-events:none;}
.assurances .item .tooltip:before { content:''; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #f5f5f5 transparent; position:absolute; left:50%; top:-8px; transform:translateX(-50%); }
.assurances .item .tooltip.show { top:100px; opacity:1; pointer-events: none; }

/* Featured block */
.featured .box { border:6px solid #EDE4E3; padding:60px; position:relative; } 
.featured .box .flower { margin-top:-200px; margin-bottom:50px; } 
.featured .box h3 { margin-bottom:0; font-size:3.5rem; } 
.featured .record { text-align:center; } 
.featured .record .name { color:#404040; font-family:'Montserrat'; font-weight:300; margin-top:30px; } 

/* Breadcrumb */
#breadcrumb { padding-left:100px; padding-right:100px; margin-bottom:50px; }
#breadcrumb ul { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#breadcrumb li { color:#404040; }
#breadcrumb span { margin:0 10px; }
#breadcrumb a { color:#A2A2A2; transition:all 0.5s ease 0s; }
#breadcrumb a:hover { color:#404040; text-decoration:underline; }

/* F
 
/* General */
#bigheading { position:relative; height:calc(100vh - 200px); min-height:700px; max-height:1000px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:80px solid #fff; border-width:0 80px 0 80px; } 
#bigheading .bg { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center center; z-index:-1; pointer-events:none; } 
#bigheading .mask { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center center; z-index:1; pointer-events:none; } 
#bigheading .swiper-container { z-index:0; }
#bigheading .swiper-slide { width:auto; }
#bigheading .title { font-family:'Inria Serif', serif; font-size:30rem; font-style:italic; color:#fff; color:rgba(245,245,245,0.2); white-space:nowrap; margin-top:auto; margin-bottom:0.5em; margin-top:100px; } 
#bigheading .video { position:relative; z-index: 3; text-align:center; margin-bottom:15px; }
#bigheading .video svg { margin-right:15px; transition:all 0.5s ease 0s; }
#bigheading .video a:hover svg { fill:#864240; }

#bigheading .baseline { font-family:'Inria Serif', serif; font-size:3rem; font-style:italic; color:#fff; position:relative; z-index:2; padding:0 30px; text-align:center; letter-spacing:0; } 
#bigheading .scroll { font-size:1.4rem; text-transform:uppercase; color:#fff; margin-top:auto; position:relative; z-index:2; } 
#bigheading .scroll .bar { display:block; width:1px; height:80px; margin:30px auto 0 auto; overflow:hidden; position:relative; } 
#bigheading .scroll .bar:after { content:''; position:absolute; display:block; width:1px; height:160px; background:#fff; transform:translateY(-100%); animation: 3s ease 0s infinite  scrollY; } 
@keyframes scrollY {  
    0% { transform:translateY(-100%); }
  100% { transform:translateY(100%); }
}

/* Accueil */
#accueil #intro .slider { position:relative; text-align:center; min-height:575px; } 
#accueil #intro .slider:before { content:''; position:absolute; left:0; top:50px; width:60%; bottom:50px; background:#9F504E; z-index:-1; } 
#accueil #intro .slider .swiper-wrapper { box-sizing:border-box; } 
#accueil #intro .slider .swiper-slide { width:60%;  } 
#accueil #intro .slider .image { margin:auto; }
#accueil #intro .flower { position:absolute; right:6vw; top:50%; transform:translateY(calc(-50% - 100px)); z-index:-1; height:calc(100% + 300px); }
#accueil #shop .record { padding:80px 40px 40px 40px; border-right:1px solid #D4D4D4; text-align:center; display:block; transition:all 0.5s ease 0s; height:100%; } 
#accueil #shop .record:hover { background:#EFE4E3; }
#accueil #shop .record .name { font-size:1.6rem; color:#404040; margin-top:30px; font-family:'Montserrat'; font-style:normal; text-transform:uppercase; font-weight:500; } 
#accueil #shop .record .image { transform:scale(0.8); transition:all 0.5s ease 0s; transform-origin:bottom center; } 
#accueil #shop .record .image img { mix-blend-mode:multiply; }
#accueil #shop .record:hover .image { transform:scale(1); } 
#accueil #shop .slider { padding-left:140px; } 
#accueil #shop .slider .swiper-container { border:1px solid #d4d4d4; border-right:0; } 
#accueil #shop .slider .swiper-slide { height:auto; }
#accueil #shop .slider .navigation { position:absolute; left:0; bottom:0; display:flex; flex-direction:row; align-items:center; justify-content:center; } 
#accueil #shop .slider .navigation button { width:70px; height:70px; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid #D4D4D4; background:none; position:relative; } 
#accueil #shop .slider .navigation .prev { left:2px; } 
#accueil #shop .slider .navigation .next { left:1px; } 
#accueil #assurances { justify-content: center; } 
#accueil #next .quote { position:relative; } 
#accueil #next .quote svg { position:absolute; left:0; top:-50px; color:#d4d4d4; } 
#accueil #next .quote p { text-align:center; font-size:7rem; font-family:'Inria Serif'; color:#D4D4D4; font-style:italic; line-height:1.4em; font-weight:normal; white-space:nowrap; position:relative; } 
#accueil #next .quote .first { left:80vw; }
#accueil #next .quote .second { right:80vw; }
#accueil #next .quote footer { font-size:1.4rem; font-family:'Montserrat'; color:#9F504E; writing-mode:vertical-lr; transform:rotate(180deg); position:absolute; right:0; bottom:0; } 
#accueil #next .panel { padding-top:100px; padding-bottom:100px; }
#accueil #conseils .panels .panel.right { padding-left:100px; }
#accueil #conseils .uppertitle { font-size:1.4rem; font-weight:500; font-family:'Montserrat'; color:#404040; text-transform:uppercase; } 
#accueil #conseils .title { font-size:2.4rem; } 
#accueil #conseils .date { color:#9F504E; font-size:1.4rem; text-transform:uppercase; font-weight:500; } 
#accueil #conseils .flower { position:absolute; right:0; top:-330px; z-index:2; height:calc(100% + 400px); } 
#accueil #socials .links { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } 
#accueil #socials .links a { margin:0 30px; }

/*/ Page produit */
#produits-detail .flash-message { display:none; } 
#product .top h1 { font-size:4rem; color:#9F504E; font-style:italic; } 
#product .top .mall-product__current-price { font-size:4rem; font-style:italic; color:#9F504E; font-weight:500; font-family:'Inria Serif'; } 
#product .top .field.select label { font-weight:500; }
#product .top .field.select select { border:1px solid #d4d4d4; padding:10px 20px; font-family:'Inria Serif'; font-style:italic; font-size:1.8rem; font-weight:normal; }
#product .top .mall-product__add-to-cart-form { display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; } 
#product .top .field { margin-right:30px; } 
#product .top .field.textfield input { height:100%; width:80px; appearance:none; border:1px solid #d4d4d4; padding:10px 30px 10px 0; text-align:center; appearance:none; } 
#product .top .field.textfield .minus { position:absolute; right:0; bottom:0; width:30px; height:50%; border:1px solid #D4D4D4; border-top:0; display:flex; align-items:center; justify-content:center; background:#fff; z-index:2; } 
#product .top .field.textfield .plus { position:absolute; right:0; top:0; width:30px; height:50%; border:1px solid #D4D4D4; display:flex; align-items:center; justify-content:center; background:#fff; z-index:2; } 
#product .top .field.textfield input::-webkit-outer-spin-button,
#product .top .field.textfield input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#product .top .field.textfield input[type=number] { -moz-appearance: textfield; }
#product .top .mall-product__custom-fields label { text-transform:uppercase; font-weight:500; font-size:1.4rem; } 
#product .top .thumbs.empty { display:none; }
#product .top .thumbs { margin-top:15px; }
#product .top .thumbs .swiper-slide { padding:10px; cursor:pointer; }
#product .top .thumbs .swiper-slide-thumb-active { border:1px solid #d4d4d4; }

#product #conseils .block { background:#F5F5F5; padding:50px; }
#product #conseils .block h3 { font-size:2.4rem; }
#product #conseils .contact { display:flex; flex-direction:row; align-items:center; justify-content: flex-start; margin-top:30px; color:#9A5552; font-weight:500; }
#product #conseils .contact .title { margin-right:15px; }
#product #conseils .contact .phone { font-size:1.6rem; display:flex; flex-direction:row; align-items:center; justify-content: flex-start;}
#product #conseils .contact .phone svg { margin-right:10px; }
#product #conseils .contact .phone a { color:#9A5552; }

#product #product-added { height:100vh; }
#product #product-added-bg { position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:15; opacity:0; transition:all 0.5s ease 0s; pointer-events:none; } 
#product #product-added .close { position:absolute; right:30px; top:30px; } 
#product #product-added .close2 { font-size:1.4rem; font-weight:500; border-bottom:1px solid #404040; color:#404040; padding:5px 0; margin-top:30px; display:inline-block; }
#product #product-added { position:fixed; right:0; top:0; background:#fff; padding:10vh 2vw; width:500px; max-width:80vw; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; z-index:16; transform:translateX(100%); transition:all 0.5s ease 0.2s; } 
#product #product-added .inner { width:100%; text-align:center; position:relative; z-index:16; } 
#product #product-added .image { margin-bottom:15px; }
#product #product-added .title { font-family:'Inria Serif'; font-style:italic; font-size:3rem; margin-bottom:2em; } 
#product #product-added .name { font-size:1.4rem; margin-bottom:15px; } 
#product #product-added .price { font-weight:bold; } 
#product #product-added .subtotal { display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin:100px 0; padding:15px; border:1px solid #d4d4d4; border-width:1px 0; } 
#product #product-added .subtotal .label { font-weight:600; font-size:1.4rem; } 
#product #product-added .subtotal .label span { font-weight:300; } 
#product #product-added .subtotal .value { font-family:'Inria Serif'; font-size:2.4rem; text-transform:italic; } 
#product #product-added .button .btn { width:100%; } 
#product #product-added-wrapper.visible #product-added-bg { opacity:1; } 
#product #product-added-wrapper.visible #product-added { transform:translateX(0); } 

/* Listing des produits */
/*#produits-listing { background:url(../img/orchidee-2.svg) no-repeat right top; }*/
#products .flower { position:absolute; right:0; top:-50px; z-index:2; max-width:100%; }
#products  .header { margin-bottom:100px; }
#products  .header h1 { font-size:6rem; color:#D4D4D4; font-style:italic; margin-bottom:0; }
#products  .header .count { font-size:1.2rem; color:#a2a2a2; margin-left:10px; margin-top:15px; }
#products .row { position:relative; }
#products .filters { position:static !important; }
#products .filters .filter-button { display:none; }
#products .filters h2 { font-size:1.4rem; font-weight:600; font-family:'Montserrat'; font-style:normal; text-transform:uppercase; color:#404040; margin-bottom:50px;}
#products .filters h2 .close { display:none; }
#products .filters h2 svg { margin-right:15px;  }
#products .filters .filter h3 { margin-bottom:0; font-size:1.4rem; font-family:'Montserrat'; text-transform:uppercase; font-weight:500; color:#404040; font-style:normal; }
#products .filters .filter h3 a { font-size:1.4rem; font-family:'Montserrat'; text-transform:uppercase; font-weight:500; padding:20px 0; border-bottom:1px solid #d4d4d4; color:#404040; font-style:normal; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#products .filters .filter h3 svg { width:s12px; transition:all 0.5s ease 0s; transform:rotate(180deg); }
#products .filters .filter h3.open svg { transform:rotate(0deg); }
#products .filters .filter .inner { padding:15px 10px; }
#products .filters .filter .radio { margin-bottom:10px; font-size:1.4rem; font-weight:300; }
#products .filters .filter .radio input { width:0; height:0; margin-left:20px; }
#products .filters .filter .radio span:before { width:16px; height:16px; border-color:#d4d4d4; background:#F5F5F5; }
#products .filters .filter .radio span:after { width:8px; height:8px; background:#404040; left:4px; }
#products .filters .filter .checkbox { margin-bottom:10px; font-size:1.4rem; font-weight:300; }
#products .filters .filter .checkbox input { width:0; height:0; margin-left:20px; margin-right:10px; }
#products .filters .filter .checkbox label { font-weight:300; }
#products .filters .filter .checkbox span:before { width:16px; height:16px; border-color:#d4d4d4; background:#F5F5F5;  border-radius:100%;}
#products .filters .filter .checkbox span:after { width:16px; height:16px; background:#404040 url(../themes/evasionbeaute/assets/img/tick-w.svg) no-repeat center center / 10px; left:0; border-radius:100%; }
#products .filters .filter .radio.selected label,
#products .filters .filter .checkbox.selected label { font-weight:500; }
#products .filters .filter .link { margin-bottom:10px; }
#products .filters .filter .link a { display:inline-block; padding-left:30px; position:relative; font-size:1.4rem; font-weight:300; color:#404040; }
#products .filters .filter .link a:before {  content:''; width:16px; height:16px; border:1px solid #d4d4d4; background:#F5F5F5;  border-radius:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); }
#products .filters .filter .link a:after { content:'';  width:8px; height:8px; background:#404040; left:4px; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); display:none; }
#products .filters .filter .link.active a { font-weight:500; }
#products .filters .filter .link.active a:after { display:block; }
#products .filters .filter .mall-slider-handles { margin-top:50px; }
#products .filters .filter.sorter { position:absolute; right:0; top:100px; z-index:2; }
#products .filters .filter.sorter .inner { padding:0; }
#products .filters .filter.sorter .field.select select { padding:15px 30px; transition:all 0.5s ease 0s; border:none; font-weight:600; text-transform:uppercase; font-size:1.4rem; background:none;  border:0px; outline:0px; padding:0; }
#products .filters .filter.sorter .field.select:before { content:none; }
#products .products .record { text-align:center; margin-bottom:50px; }
#products .products .record .link { display:block; text-align:center; color:#404040; position:relative; }
#products .products .record .image { margin-bottom:15px; transform:scale(0.8); transition:all 0.3s ease 0s; }
#products .products .record .name { margin-bottom:15px; }
#products .products .record .price { font-weight:600; margin-top:15px; }
#products .products .record .btn { width:100%; position:relative; bottom:-30px; left:0; margin-top:30px; opacity:0; transition:all 0.5s ease 0s; }
#products .products .record .link:hover .image { transform:scale(1); }
#products .products .record .link:hover .btn { opacity:1; bottom:0; }

#products .soins .record { /*display:flex; flex-direction:row; align-items:center; justify-content:space-between;*/ display:table-row; border-bottom:1px solid #d4d4d4; width:100%;}
#products .soins .record > * { display:table-cell; padding:15px; }
#products .soins h2 { border-bottom:1px solid #d4d4d4; color:#9A5552; font-size:4rem; padding:30px 0; margin-bottom:0;}

#products .soins li { display:table; width:100%; }
#products .soins .record .name { margin-bottom:0; font-size:2.2rem; color:#707070; width:40%; }
#products .soins .record .properties { width:20%; }
#products .soins .record .properties .inner { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#products .soins .record .properties ul { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; width:100%; }
#products .soins .record .properties li { font-weight:500; color:#9D9D9D; width:auto; }
#products .soins .record .properties li:after { content:'/'; margin:0 5px; }
#products .soins .record .properties li:last-child:after { content:none; }
#products .soins .record .properties svg { margin-right:10px; }
#products .soins .record .properties .sep { margin:0 5px; }
#products .soins .record .price { font-size:2.2rem; color:#9A5552; font-family:'Inria Serif'; font-style:italic; font-weight:normal; text-align:right; width:20%;}
#products .soins .record .button { width:20%; text-align:right; }

#soins-listing #category { background:#F5F5F5; }
#soins-listing #category .image img { height:100%; object-fit:cover; max-height:710px; }
#soins-listing #category .row { align-items:stretch; }
#soins-listing #category .text { display:flex; align-items:center; justify-content:center; }
#soins-listing #category .text .inner { padding:100px; width:100%; }
#soins-listing #category .flower { position:absolute; right:0; top:0; transform:translate(50%, -50%); max-width:20vw; }
#soins-listing #category h4 { background:url(../themes/evasionbeaute/assets/img/logo-picto-red.svg) no-repeat left center / 25px; padding-left:50px; font-size:1.6rem; font-weight:500; cursor:pointer; padding:15px 0 15px 50px; width:100%; border-bottom:1px solid #d4d4d4; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#soins-listing #category h4:after { content:''; width:8px; height:5px; background:url(../themes/evasionbeaute/assets/img/chevron-soin-accordion.svg) no-repeat center center / contain; display:block; }
#soins-listing #category h4 + p { padding:15px 0; display:none; }

#soins-accueil h1 { color:#9A5552; font-size:4rem; margin-bottom:1.5em; }
#soins-accueil #categories { position:relative; padding:100px 00 200px 0; }
#soins-accueil #categories:after { content:''; position:absolute; right:0; top:0; width:50vw; height:100%; background:#F5F5F5; z-index:-1; }
#soins-accueil #categories .flower {  position:absolute; left:0; top:50%; transform:translate(-30%, -40%) rotate(180deg); opacity:0.3; max-width:60vw; }
#soins-accueil #categories .counter { position:absolute; top:-120px; right:calc(50px + 180px); font-size:4rem; color:#D4D4D4; font-family:'Inria Serif'; font-style:italic; display:flex; flex-direction:row; align-items:center; justify-content:center; }
#soins-accueil #categories .counter span { display:block; margin:0 30px; }
#soins-accueil #categories .counter .btn { width:80px; height:80px; border-radius:100%; overflow:hidden; display:flex; align-items:center; justify-content:center; }
#soins-accueil #categories .counter .btn svg { margin:0; }
#soins-accueil #categories .slider { width:calc(100% + 180px); }
#soins-accueil #categories .slider .record { position:relative; display:block; overflow:hidden; }
#soins-accueil #categories .slider .record img { transition:all 1s ease 0s; }
#soins-accueil #categories .slider .record .caption { position:absolute; bottom:30px; left:30px; right:30px; padding:30px; color:#fff; min-height:200px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:1; overflow:hidden; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background-color: rgba(255, 255, 255, 0.1);  }
#soins-accueil #categories .slider .record .caption .title { font-size:3rem; color:#fff; margin-bottom:0.5em; position:relative; z-index:2;}
#soins-accueil #categories .slider .record .caption .more { position:relative; z-index:2; }
#soins-accueil #categories .slider .record .caption .more span {  color:#fff;  }
#soins-accueil #categories .slider .record .caption .more span:after {  background:#fff;  }
#soins-accueil #categories .slider .record:hover .caption .more span:after {  width:0;  }
#soins-accueil #categories .slider .record:hover img { transform:scale(1.1); }

#soins-accueil #panels { position:relative; padding:200px 0 0 0; }
#soins-accueil #panels .flower { position:absolute; right:0; top:0; transform:translate(30%, -100px); max-width:60vw;}
#soins-accueil #panels .panel p { text-align:left; }
#soins-accueil #panels .panel h2 { text-align:center; }
#soins-accueil #panels .panel.right { padding:200px 60px 200px 200px; margin-top:400px;}
#soins-accueil #aide .block {}
#soins-accueil #aide .block h3 { font-size:2.4rem; }
#soins-accueil #aide .contact { display:flex; flex-direction:row; align-items:center; justify-content: flex-start; margin-top:30px; color:#9A5552; font-weight:500; }
#soins-accueil #aide .contact .title { margin-right:15px; }
#soins-accueil #aide .contact .phone { font-size:1.6rem; display:flex; flex-direction:row; align-items:center; justify-content: flex-start;}
#soins-accueil #aide .contact .phone svg { margin-right:10px; }
#soins-accueil #aide .contact .phone a { color:#9A5552; }

/* Panier */
#cart .mall-cart .totalquantity { text-align:right; font-size:1.4rem; margin-bottom:30px; } 
#cart .mall-cart__table { width:100%; } 
#cart .mall-cart__table thead { display:none; } 
#cart .mall-cart__table tr { border-top:1px solid #D4D4D4; } 
#cart .mall-cart__table td { padding:30px; } 
#cart .mall-cart__table .text-right { text-align:right; } 
#cart .mall-cart__table .image { max-width:150px; } 
#cart .mall-cart__table .image a { display:inline-block; padding:15px; overflow:hidden; border:1px solid #D4D4D4; } 
#cart .mall-cart__table .product .name { font-size:1.6rem; color:#404040; margin-bottom:15px; } 
#cart .mall-cart__table .product .text-muted { color:#777; font-size:1.4rem; } 
#cart .mall-cart__table .product .unitprice { color:#404040; font-family:'Montserrat'; font-weight:bold; font-size:1.6rem; margin-top:15px; } 
#cart .mall-cart__table .quantity .field { max-width:150px; margin-bottom:0; } 
#cart .mall-cart__table .quantity .field input { text-align:center; border:1px solid #d4d4d4; padding:10px;} 
#cart .mall-cart__table .quantity .field:before,
#cart .mall-cart__table .quantity .field:after { content:none; } 
#cart .mall-cart__table .quantity .minus { position:absolute; left:0; top:0; width:48px; height:100%; border-right:1px solid #d4d4d4; display:flex; align-items:center; justify-content:center; font-size:2rem; } 
#cart .mall-cart__table .quantity .plus { position:absolute; right:0; top:0; width:48px; height:100%; border-left:1px solid #d4d4d4; display:flex; align-items:center; justify-content:center; font-size:2rem; } 
#cart .mall-cart__table .price { font-family:'Inria Serif'; font-size:2.4rem; } 
#cart .mall-cart__table .subtotals .count { font-size:1.4rem; font-weight:300; }
#cart .mall-cart__table .subtotals tr { border-top:none; } 
#cart .mall-cart__table .subtotals tr:first-child { border-top:1px solid #d4d4d4; } 
#cart .mall-cart__table .subtotals td { padding:15px 0; } 
#cart .mall-cart__table .subtotals .label { font-family:'Montserrat'; font-weight:600; font-size:1.6rem; padding-left:50vw; position:relative; } 
#cart .mall-cart__table .subtotals .label:before { position:absolute; right:0; top:0; width:calc(100% - 50vw); content:''; height:1px; background:#d4d4d4; } 
#cart .mall-cart__table .subtotals .value { border-top:1px solid #d4d4d4; font-family:'Inria Serif'; font-style:italic; font-size:2.8rem; text-align:right; } 

#cart .mall-cart__table .subtotals .applier { padding:25px 0 25px 50vw; }
#cart .mall-cart__table .applier .mall-discount-applier { overflow:hidden; display:none; padding-top:30px; }
#cart .mall-cart__table .applier:before { content:none !important; }
#cart .mall-cart__table .applier form { display:flex; flex-direction:row; align-items:center; justify-content: space-between; margin-bottom:15px; }
#cart .mall-cart__table .applier .link { color:#404040; font-size:1.6rem; font-weight:300; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#cart .mall-cart__table .applier .link.open .icon:before { transform:translate(-50%, -50%) rotate(0deg); }
#cart .mall-cart__table .applier .icon { position:relative; width:16px; height:16px; margin-right:30px; }
#cart .mall-cart__table .applier .icon:before,
#cart .mall-cart__table .applier .icon:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transform-origin:center center; width:16px; height:1px; background:#707070; transition:all 0.5s ease 0s; }
#cart .mall-cart__table .applier .icon:before { transform:translate(-50%, -50%) rotate(90deg); }
#cart .mall-cart__table .applier .icon:after { }
#cart .mall-cart__table .applier .field { display:flex; flex-direction:row; align-items:center; justify-content: flex-start; margin-bottom:0; align-items:stretch; width:100%; } 
#cart .mall-cart__table .applier .field:before,
#cart .mall-cart__table .applier .field:after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#d4d4d4; transition:all 0.5s ease 0s; }
#cart .mall-cart__table .applier .field:before { width:100%;z-index:1; }
#cart .mall-cart__table .applier .field:after { background:#404040; z-index:2;}
#cart .mall-cart__table .applier .field label { position:relative; top:-3px; } 
#cart .mall-cart__table .applier .field input { border:none; font-family:'Montserrat'; font-size:1.4rem; color:#404040;  padding:10px 30px; height:auto; } 
#cart .mall-cart__table .applier .field.active:after,
#cart .mall-cart__table .applier .field.filled:after { width:100%; } 
#cart .mall-cart__table .applier .field.textfield.error.empty:after { background:#FD5454; }
#cart .mall-cart__table .applier .field.textfield.error.filled:after { background:#404040; }
#cart .mall-cart__table .applier .btn { width:50%; background:#f5f5f5; color:#707070; text-transform:uppercase; font-weight:500; border:none; margin-left:30px; }
#cart .mall-cart__table .applier .btn:before { background:#e5e5e5; }

#cart.empty { background:#FCFCFC; border-top:1px solid #DDDDDD; text-align:center; }
#cart.empty h1 { font-size:3rem; }

/** Checkout */
.checkout-steps { padding:30px ; }
.checkout-steps ul { display:flex; flex-direction:row; align-items:center; justify-content:center; font-family:'Inria Serif'; font-size:2rem; font-style:italic; color:#707070; }
.checkout-steps .sep { margin:0 30px; }
.checkout-steps a { color:#707070; padding:5px 0; }
.checkout-steps li span { padding:5px 0; }
.checkout-steps li.active .text { border-bottom:1px solid #707070;  }

#checkout h1 { font-family:'Inria Serif'; font-size:3rem; font-style:italic; color:#404040; margin-bottom:2em; }
#checkout h2 { font-family:'Montserrat'; font-size:2.4rem; font-weight:300; color:#404040; }
#checkout h3 { font-family:'Montserrat'; font-size:1.6rem; font-weight:500; color:#404040; font-style:normal; }
#checkout [data-validate-for] { font-size:1rem; font-weight:500; bottom:-2em; left:0; right:auto; color:#a2a2a2; }
#checkout .left { padding-left:100px; padding-right:100px; }
#checkout .method h3 { text-transform:uppercase; }
#checkout .method .description { font-size:1.4rem; }
#checkout .method .field.radio { padding:30px; background:#F5F5F5; margin-bottom:10px; } 
#checkout .method .field.radio span { padding-left:50px; }
#checkout .method .field.radio span:before { border:1px solid #404040; }
#checkout .method .field.radio input,
#checkout .method .field.radio span:before { left:0; top:0; position:absolute; transform:translateY(0);}
#checkout .method .field.radio span:after { left:5px; top:5px; transform:translateY(0); }
#checkout .right { padding:100px; }
#checkout .right:before { content:''; position:absolute; left:0; top:0; width:50vw; height:100%; background:#F5F5F5; z-index:-1; }
#checkout .right h2 { font-size:3rem; font-family:'Inria Serif'; font-style:italic; }
#checkout .right table { width:100%; }
#checkout .right table td { padding:10px; }
#checkout .right table .name { font-size:1.4rem; }
#checkout .right table .property { font-size:1.2rem; }
#checkout .right table .image { width:80px; padding:0; }
#checkout .right table .product { font-size:1.4rem;}
#checkout .right table .price { font-size:1.4rem; font-weight:600; text-align:right; }
#checkout .right .totals { margin-top:50px; border:1px solid #d4d4d4; border-width:1px 0; padding:30px 0; }
#checkout .right .totals .item { display:flex; flex-direction:row; align-items:center; justify-content:space-between; font-size:1.4rem; margin:10px 0; }
#checkout .right .totals .item .label { font-weight:600; }
#checkout .right .grandtotal { padding:30px 0; border:1px solid #d4d4d4; border-width:0 0 1px 0; }
#checkout .right .grandtotal .item { display:flex; flex-direction:row; align-items:center; justify-content:space-between; font-size:1.4rem; margin:0; }
#checkout .right .grandtotal .item .label  { text-transform:uppercase; font-weight:600; }
#checkout .right .grandtotal .item .value  { font-family:'Inria Serif'; font-style:italic; font-size:2.4rem; }
#checkout .mall-quick-checkout__actions { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#checkout .mall-quick-checkout__actions a { font-size:1.4rem; border-bottom:1px solid #404040; color:#404040; padding:3px 0; }
#checkout .mall-address { background:#f5f5f5; padding:30px; }
#checkout .mall-address a { font-size:1.4rem; border-bottom:1px solid #404040; color:#404040; padding:3px 0; }
#checkout .mall-address .mall-form-actions { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#checkout #checkout-complete .box { border:6px solid #EDE4E3; padding:80px; margin-bottom:50px ;}
#checkout #checkout-complete.failed h1 svg { stroke:red; }

/**
  My account 
  **/
#account h3 { font-family:'Montserrat'; font-style:normal; font-weight:300; font-size:2.4rem; color:#404040; }
#account .sidebar:before { content:''; position:absolute; right:0; top:0; width:50vw; height:100%; background:#ECECEC; z-index:-1; }
#account .sidebar .logout { font-size:1.4rem; font-weight:500; color:#404040;  display:inline-block; margin-top:15px;}
#account .sidebar .logout svg { margin-right:15px; }
#account .sidebar .logout span { display:inline-block; border-bottom:1px solid #404040; }
#account .sidebar ul { margin-top:50px; }
#account .sidebar li { margin-bottom:15px; }
#account .sidebar li a { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; font-size:1.6rem; color:#404040; font-weight:500; }
#account .sidebar li a svg { display:none; margin-right:15px; }
#account .sidebar li.active a svg { display:block; }

/* Signin */
#account #signin .reset { margin:15px 0 30px 0; }
#account #signup #sticky.is_stuck { position:fixed !important; z-index:-1;}
#account #signup .image img { height:100vh; object-fit:cover; object-position:center center; }
#account #signup .form { padding:100px; }
#account #signup .form h2 { font-family:'Montserrat'; font-style:normal; font-weight:300; font-size:2.4rem; padding-top:50px; }

/* Orders */
#account #orders table { width:100%; }
#account #orders tr { border-top:1px solid #d4d4d4; }
#account #orders td { padding:30px; }
#account #orders .image { width:200px; }
#account #orders .image img { border:1px solid #d4d4d4; padding:10px; }
#account #orders .state-nouveau.payment-paid .image img { border-left:4px solid #F8D74B; }
#account #orders .state-nouveau.payment-unpaid .image img { border-left:4px solid #FAAA2A; }
#account #orders .state-termine .image img { border-left:4px solid #27DB6E; }
#account #orders .state-annule .image img { border-left:4px solid #FD5454; }
#account #orders .infos .number { font-weight:600; margin-bottom:1em; text-transform:uppercase; }
#account #orders .infos .state { margin-bottom:1em; }
#account #orders .infos .price { font-weight:600; }
#account #orders .dates .created { font-weight:600; }
#account #orders .dates .paid { margin-top:1em; }
#account #orders .dates .shipped { margin-top:1em; }
#account #orders .actions { text-align:right; }

/* Order detail */
#account #order h2 { }


#account #order .roadmap ul { overflow: hidden; }
#account #order .roadmap li { position:relative; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; padding-top:80px; font-weight:600; color:#9D9D9D; }
#account #order .roadmap li .dot { display:block; min-width:8px; min-height:8px; border:none; border-radius:100%; background:#A2A2A2; z-index:2; margin-right:30px; margin-left:4px;}
#account #order .roadmap li:before { content:''; position:absolute; left:7px; top:0; width:2px; bottom:0; background:#a2a2a2;z-index:1; }
#account #order .roadmap li.done { color:#404040;  }
#account #order .roadmap li.done .dot { min-width:16px; min-height:16px; border:2px solid #404040; margin-left:0; background:#fff; }
#account #order .roadmap li.done:before { background:#404040; }
#account #order .roadmap li:first-child { padding-top:0; }
#account #order .roadmap li:first-child:before { top:4px; }
#account #order .roadmap li:last-child:before { bottom:8px; }

#account #order .infos h3 { margin-bottom:80px; }
#account #order .infos li { margin-bottom:30px; }

#account #order table { width:100%; }
#account #order table tbody tr { border-top:1px solid #d4d4d4; }
#account #order table tbody td { padding:30px 0; }
#account #order table tbody .image { width:140px; }
#account #order table tbody .image img { border:1px solid #d4d4d4; }
#account #order table tbody .product { padding-left:30px; }
#account #order table tbody .product .name { margin-bottom:15px; }
#account #order table tbody .product .price { font-weight:500; }
#account #order table tbody .quantity { font-weight:500; text-align:right; }
#account #order table tfoot { border-top:1px solid #d4d4d4; }
#account #order table tfoot td { padding:10px 0; }
#account #order table tfoot span { font-weight:300; }
#account #order table tfoot .subtotal td { padding-top:30px; }
#account #order table tfoot .shipping td { padding-bottom:30px; }
#account #order table tfoot .label { font-weight:600; }
#account #order table tfoot .value { font-weight:600; text-align:right;  }
#account #order table tfoot .total { border-top:1px solid #d4d4d4; }
#account #order table tfoot .total td { padding:30px 0; }
#account #order table tfoot .total .label { text-transform:uppercase; }
#account #order table tfoot .total .value { font-family:'Inria Serif'; font-size:2.5rem; font-style:italic; font-weight:normal; }

/* Adresses */
#account #addresses .buttons { margin:15px 0; justify-content:flex-start; }
#account #addresses .buttons .more { margin-right:30px; }
#account #addresses .checkbox { margin-bottom:0; }

/* Profile */
#account #profile { padding:0 20vw 0 0; }

/* Institut */
#institut #heading { position:relative; }
#institut #heading h1 { color:#9A5552; font-size:4rem; line-height:1.4em; }
#institut #heading .flower { position:absolute; right:10vw; bottom:0; z-index:2; opacity:0.3; }
#institut #heading .block { background:#F5F5F5; font-size:1.6rem; padding:50px 80px; margin-top:-100px; }
#institut #heading .block img { margin-top:-80px; }

#institut #intro h2 { font-size:4rem; color:#9A5552; line-height:1.4em; }
#institut #intro .quote { font-size:4rem; font-family:'Inria Serif'; font-style:italic; color:#D4D4D4; line-height: 1.2em; font-weight:normal; position:relative; }
#institut #intro .quote:before { content:''; position:absolute; left:-200px; top:0; width:150px; height:100px; background:url(../themes/evasionbeaute/assets/img/quote.svg) no-repeat center center / contain; }
#institut #intro .quote .footer { text-align:right; margin-top:30px; }
#institut #intro .quote p { letter-spacing:0; }

#institut #intro .gallery { position:relative; }
#institut #intro .gallery .bigtitle { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:35rem; font-family:'Inria Serif'; color:#F0F0F0; font-style:italic; z-index:2; pointer-events:none; }
#institut #intro .gallery .swiper-container { padding:100px 0; }
#institut #intro .gallery .swiper-wrapper { box-sizing:border-box; align-items:center; transition-timing-function:linear; }
#institut #intro .gallery .swiper-slide { width:auto; }
#institut #intro .gallery .slide-1 { align-self:flex-end; margin-bottom:-100px; }
#institut #intro .gallery .slide-2 { align-self:flex-start; margin-top:-100px;  }

#institut #equipe .box { border:6px solid #EDE4E3; padding:60px; position:relative; }
#institut #equipe .box h2 { font-family:'Inria Serif'; font-size:4rem; color:#9A5552; }
#institut #equipe .box .right { position:static; }
#institut #equipe .flower { position:absolute; right:100px; top:-200px; }
#institut #equipe .bigtitle { font-size:7rem; font-style:italic; font-family:'Inria Serif'; font-weight:normal; color:#D4D4D4; text-align:center; } 
#institut #equipe .left { padding-right:60px; }
#institut #equipe .left p { font-size:1.6rem; font-weight:400; }
#institut #equipe .right { padding-left:60px; border-left:1px solid #D4D4D4; }

/* Marques */
#marques #brands h1 { font-size:4rem; color:#9A5552; }
#marques #brands h3 { font-family:'Montserrat'; font-size:2.4rem; font-weight:300; color:#fff; font-style:normal; }
#marques #brands .flower { position:absolute; right:0; top:0; z-index:-1; }
#marques #brands .listing .record {  }
#marques #brands .listing .record.biovive:before { content:''; position:absolute; left:10vw; top:-100px; width:350px; height:350px; border-radius:100%; background:#D6BAAE; }
#marques #brands .listing .image .bg { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
#marques #brands .listing .image .pastille { position:absolute; right:0; bottom:0; transform:translate(50%, 30%); width:230px; height:230px; z-index:2; }
#marques #brands .listing .text { background:#92504E; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:150px; }
#marques #brands .listing .text .logo { text-align:center; margin-bottom:30px; }
#marques #brands .listing .text .row { margin-top:50px; }
#marques #brands .listing .text .row li { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; font-size:1rem; margin-bottom:15px; }
#marques #brands .listing .text .row li img { margin-bottom:10px; }

/* Contact */
#contact #bg { position:fixed !important; z-index:-1; left:0; height:100vh; object-fit:cover; object-position:center center; padding:0; }
#contact #form .form { padding:100px; }
#contact #form .form h2 { font-family:'Montserrat'; font-style:normal; font-weight:300; font-size:2.4rem; padding-top:50px; }
#contact #form .form .terms label { font-size:1rem; }

#contact #separator { background:#9F504E; color:#fff; overflow:hidden; position:relative; } 
#contact #separator ul { display:flex; flex-direction:row; align-items:center; justify-content:center; } 
#contact #separator a { color:#fff; } 
#contact #separator .bourgeons { position:absolute; left:0; bottom:-200px; height:calc(80% + 200px); opacity:0.2; transform:scaleX(-1); } 
#contact #separator .logo img { filter:brightness(0) invert(1); } 
#contact #separator .baseline { font-size:4rem; font-family:'Inria Serif'; font-style:italic; margin:1em 0; font-weight:normal; } 
#contact #separator .address { font-size:1.4rem; } 
#contact #separator .phone a { font-size:1.6rem; font-weight:500; } 
#contact #separator .email a { font-size:1.4rem; text-decoration:underline; } 
#contact #separator .btn.trait { color:rgba(255,255,255,0.5); text-transform:none; }
#contact #separator .btn.trait:before { width:30px; background:#fff; }
#contact #separator .btn.trait:hover:before { width:50px; }
#contact #separator .socials li { margin:0 5px; } 
#contact #separator .socials a { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:100%; border:1px solid rgba(255,255,255,0.3); transition:all 0.5s ease 0s; } 
#contact #separator .socials svg { transition:all 0.5s ease 0s; } 
#contact #separator .socials a:hover { background:#fff; } 
#contact #separator .socials a:hover svg { fill:#9F504E; } 
#contact #separator .links li { margin:0 15px; } 
#contact #separator .cards li { margin:0 5px; } 
#contact #separator .scroll { font-size:1.4rem; text-transform:uppercase; color:#fff; position:relative; z-index:2;  } 
#contact #separator .scroll .bar { display:block; width:1px; height:80px; margin:30px auto 0 auto; overflow:hidden; position:relative; } 
#contact #separator .scroll .bar:after { content:''; position:absolute; display:block; width:1px; height:160px; background:#fff; transform:translateY(-100%); animation: 3s ease 0s infinite  scrollY; } 

#contact #separator .descendez { position:absolute; right:50px; top:100px; }
#contact #separator .descendez span { writing-mode:vertical-lr; transform:rotate(180deg); text-transform:uppercase; font-size:1.4rem; }
#contact #separator .descendez .bar { display:block; width:1px; height:80px; margin:30px auto 0 auto; overflow:hidden; position:relative; } 
#contact #separator .descendez .bar:after { content:''; position:absolute; display:block; width:1px; height:160px; background:#fff; transform:translateY(-100%); animation: 3s ease 0s infinite  scrollY; } 

#contact #schedules .text { padding:100px; }
#contact #schedules .text .flower { margin-bottom:30px;  }
#contact #schedules .text h2 { font-size:3rem;  }
#contact #schedules .text h3 { font-family:'Montserrat'; font-weight:500; font-size:1.6rem; margin:50px 0 15px 0; color:#404040; font-style!normal;}
#contact #schedules svg { max-width:230px; margin-bottom:50px; }
#contact #schedules svg g.stroke { fill:rgba(212,212,212,0.7); }
#contact #schedules .footer-bottom { color:#9d9d9d; }
#contact #schedules .footer-bottom a { color:#9D9D9D; }
#contact #schedules .footer-bottom a:hover { color:#1d1d1d; }
#contact #schedules .footer-bottom .btn:hover { color:#fff; }
#contact #schedules .footer-bottom ul { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#contact #schedules .footer-bottom .links li { margin:0 15px; } 
#contact #schedules .footer-bottom .cards li { margin:0 5px; }
#contact #schedules .cards svg { fill:rgba(64,64,64,0.3); }

#maintenance { height:calc(100vh - 120px); background:#92504E; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
#maintenance svg { fill:#D6BAB9; }
#maintenance h1 { font-size:7.5rem; color:#D6BAB9; font-family:'Inria Serif'; font-style:italic; margin:50px 0; }


/**
 * Extra large
 **/
@media (min-width: 1600px) {
    
}

/**
 * Extra large
 **/
@media (max-width: 1599px) {
    html { font-size:9px; }
    
    h2.lax { font-size:25rem; }
    
    .p100 { padding-top:80px; padding-bottom:80px; }
    
    .container-fluid { padding-left:120px; padding-right:120px; }
    
    #header { padding-left:60px; padding-right:60px; }
    #header .item { margin:0 10px; }
    
    

    #bigheading { border-width:0 60px 0 60px; min-height:600px; max-height:800px; }
    #bigheading .title { font-size:25rem; }
    #bigheading .baseline { font-size:2.5rem; }
    
    #accueil #shop .record { padding:40px 30px 30px 30px; }
    
    .assurances .item .icon { margin-right:15px; }
    
    #accueil #conseils .flower { display:none; }
    
    #accueil #conseils .panels .panel.right { padding:60px; }
    
    #institut #intro .gallery .bigtitle { font-size:30rem; }
    
    #marques #brands .listing .record { margin-bottom:100px; }
    #marques #brands .listing .text { padding:100px; }
    #marques #brands .listing .image .pastille { width:180px; height:180px; }
    #marques #brands .listing .record.biovive:before { top:-80px; }
    
    #contact #form .form { padding:80px; }
    #account #signup .form { padding:80px; }
    
    #checkout .right { padding:60px; }
    #checkout .left { padding:60px; }
    
    #soins-listing #category .text .inner { padding:60px; }
    
    #stickybon { right:60px; }
    
    #soins-listing #products .btn { padding:5px 10px; }
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    html { font-size:8px; }
    body { font-size:1.8rem; }
    
    
    
    .container-fluid { padding-left:80px; padding-right:80px; }
    
    .p100 { padding-top:60px; padding-bottom:60px; }
    
    .mb200 { margin-bottom:100px; }
    
    .panels .panel { padding:50px; }
    #soins-accueil #panels .panel.right { padding-top:60px; padding-bottom:60px; padding-left:150px; }
    
    /*
    #header { display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding-left:30px; padding-right:30px; }
    #header .row { width:100%; }
    #header .logo { text-align:left; }
    #header .navigation { position:fixed; left:0; top:0; width:100%; height:50%; transform:translateY(-100%); z-index:5; background:#fff; justify-content:center; transition:all 0.5s ease 0s; }
    #header .tools { position:fixed; left:0; bottom:0; width:100%; height:50%; z-index:5; background:#92504E; justify-content:center; transform:translateY(100%); transition:all 0.5s ease 0s; }
    #header .menu { flex-direction:column; align-items:center; justify-content:center; }
    #header .item { margin:5px 0; }
    #header .link { font-size:1.8rem; }
    #header .tools { flex-direction:column; align-items:center; justify-content:center; }
    #header .tools a { color:#fff; }
    #header .dropdown { display:none !important; }
    #header .tools svg { fill:#fff; }
    
    body.open #header .navigation { transform:translateY(0); }
    body.open #header .tools { transform:translateY(0); }
    */
    
    #header { padding-left:30px; padding-right:30px; }
    
    #bigheading { border-width:0 30px 0 30px; min-height:500px; max-height:700px; }
    
    #accueil #shop .record { padding:15px; }
    #accueil #shop .slider { padding-left:100px; }
    #accueil #shop .slider .navigation button { width:50px; height:50px;  }
    
    #institut #intro .gallery .bigtitle { font-size:25rem; }
    
    #marques #brands .listing .record { margin-bottom:50px; }
    #marques #brands .listing .text { padding:50px; }
    #marques #brands .listing .image .pastille { display:none; }
    
    #breadcrumb { padding-left:80px; padding-right:80px; }
    
    #contact #form .form { padding:60px; }
    #account #signup .form { padding:60px; }
    
    #account #orders .image { width:150px; }
    #account #orders td { padding:15px; }
    
    #soins-accueil #categories .slider .record .caption { min-height:100px; }
    
    #cart .mall-cart__table td { padding:15px; }
    #cart .mall-cart__table .image { max-width:100px; }
    #cart .mall-cart__table .image a { padding:10px; }
    
    #cart .mall-cart__table .quantity .field { max-width:100px; }
    #cart .mall-cart__table .quantity .field input { padding:5px; }
    #cart .mall-cart__table .quantity .minus { width:28px; }
    #cart .mall-cart__table .quantity .plus { width:28px; }
    
    #cart .mall-cart__table .subtotals .label, 
    #cart .mall-cart__table .subtotals .applier { padding-left:40vw; }
    #cart .mall-cart__table .subtotals .label:before { width:calc(100% - 40vw); }
    
    #checkout .right, 
    #checkout .left { padding:30px; }
    
    #products .header { margin-bottom:50px; }
    
    #stickybon { right:30px; }
    
    #marques #brands .listing .record.biovive:before { display:none; }
    
    #soins-accueil #categories .counter .btn { width:60px; height:60px; padding:5px; }
    
    
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    .container-fluid { padding-left:60px; padding-right:60px; }
    h2.lax { font-size:20rem; }
    
    #bigheading .title { font-size:20rem; min-height:400px; max-height:600px; }
    
    #accueil #intro .slider { min-height:0; }
    #accueil #intro .slider:before { content:none; }
    
    .panels { flex-wrap:wrap; }
    .panels .panel.right { margin-top:0; margin-left:0; padding:100px; }
    
    .hamburger { display:flex; position:relative; z-index:6; }
    
    .mt100 { margin-top:50px; }
    .mb100 { margin-bottom:50px; }
    
    #accueil #socials .links { flex-direction:column; }
    #accueil #socials .links a { margin:30px; }
    
    #institut #intro .gallery .bigtitle { font-size:20rem; }
    #institut #intro .gallery .swiper-container { padding:50px 0; }
    
    #institut #equipe { margin-top:100px; }
    #institut #equipe .flower { right:0; }
    
    #breadcrumb { padding-left:60px; padding-right:60px; }
    
    
    #header .navigation ul,
    #header .tools .search,
    #header .tools .contact,
    #header .tools .account { display:none; }
    #header .tools .cart .link { font-size:1.8rem; }
    
    #menu-responsive { display:flex;   }
    body.open #menu-responsive { transform:translateX(0); }
    
    
    #account #order .bottom .addresses { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; }
    #account #order .bottom .addresses .shipping { margin-right:50px; }
    #account #order .bottom .addresses h3 { margin-top:0; }
    #account #order .bottom .infos { margin-top:50px; } 
    #account #order .bottom .infos h3 { margin-bottom:30px; }
    
    #soins-accueil #panels .panel.right { margin-top:0; padding:60px; }
    
    #cart .mall-cart__table .subtotals td.empty { display:none; }
    #cart .mall-cart__table .subtotals td.label { column-span: all; }
    
    #checkout .right table .image { width:50px; }
    
    #soins-listing #sticky { position:static !important; }
    
    #stickybon { display:none; }
    
    #soins-listing #products .flower { position:static; text-align:right; margin-top:-200px; margin-bottom:30px; }
    #soins-listing #products .filters { padding:0; }
    #soins-listing #products .filters .filter-button { width:40px; height:40px; background:#F5F5F5; border-radius:100%; display:flex; align-items:center; justify-content:center; position:fixed; z-index:10; }
    #soins-listing #products .filters h2 { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
    #soins-listing #products .filters h2 .close { display:block; }
    #soins-listing #products .filters h2 .close svg { margin-right:0; }
    #soins-listing #products .filters .mall-products-filter { position:fixed; left:0; top:0; width:90vw; height:100vh; background:#fff; z-index:101; max-width:500px; padding:30px; transition:all 0.5s ease 0s; transform:translateX(-100%); }
    #soins-listing #products .filters.open .mall-products-filter { transform:translateX(0); }
    #soins-listing #products .soins .mall-products { padding:0 0 0 50px; }
    
    #institut #equipe .left { padding-right:15px; }
    #institut #equipe .right { padding-left:15px; }
    
    #soins-accueil #categories .counter span { margin:0 15px; font-size:2.6rem; }
    #soins-accueil #categories .counter .btn { width:40px; height:40px; padding:5px;  }
    #soins-accueil #categories .counter .btn svg { max-height:15px; }
    
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    html { font-size:7px; }
    
    .p100 { padding-top:30px; padding-bottom:30px; }
    
    .container-fluid { padding-left:30px; padding-right:30px; }
    
    .assurances .row { align-items:flex-start; }
    .assurances .item { flex-direction:column; align-items:center; justify-content:center; text-align:center; }
    .assurances .item .icon { margin-right:0; margin-bottom:15px; }
    
    .featured { margin-top:100px; }
    .featured .box { text-align:center; }
    
    .panels { flex-direction:column; }
    .panels .panel.right { margin-top:0; margin-left:0; }
    
    .panels .panel { padding:60px 40px !important; }
    .panels .panel.image { padding:0 !important; }
    
    h2.lax { font-size:15rem; }
    
    #bigheading .title { font-size:15rem; min-height:300px; max-height:600px }
    
    #accueil #intro .text { margin-bottom:50px; text-align:center; }
    #accueil #intro .slider .swiper-slide { width:100%; }
    
    #accueil #shop .text { margin-bottom:50px; text-align:center; }
    #accueil #shop .slider { padding-left:0; }
    #accueil #shop .slider .navigation { width:100%; }
    #accueil #shop .slider .navigation button { width:50px; height:50px; transform:translateY(100%); }
    #accueil #shop .slider .navigation .prev { left:1px; top:-1px; }
    #accueil #shop .slider .navigation .next { left:0px; top:-1px; }
    
    #accueil #next { margin-top:50px; }
    #accueil #next .quote p { margin-bottom:0.5em; font-size:5rem; }
    
    #institut #heading h1 { margin-bottom:0; }
    #institut #heading .flower { display:none; }
    #institut #heading .block { padding:30px 60px; margin-top:0; }
    #institut #heading .block img { margin-top:0; }
    #institut #intro .quote { font-size:3rem; }
    
    #institut #intro .gallery .bigtitle { font-size:15rem; }
    #institut #equipe .flower { display:none; }
    #institut #equipe .bigtitle { font-size:5rem; }
    
    #marques #brands .listing .image .bg { position:static; max-height:300px; }
    
    #products .filters .filter.sorter { display:none; }
    #products .header { margin-bottom:50px; }
    
    #breadcrumb { padding-left:30px; padding-right:30px; display:none; }
    
    #product .top .images { margin-bottom:50px; }
    
    #contact #form .form { padding:30px; }
    
    
    #account #signup .form { padding:30px; }
    
    #account .sidebar:before { width:100%; }
    
    #account #order .top .roadmap { margin-bottom:50px; }
    
    #cart .mall-cart__table .subtotals .label, 
    #cart .mall-cart__table .subtotals .applier { padding-left:0; }
    #cart .mall-cart__table .subtotals .label:before { width:100%; }
    
    #checkout .right:before { width:100%; }
    
    #products .soins .record { flex-direction:column; }
    #products .soins .record .price { margin:15px 0; }
    #products .soins .record .properties { margin-top:15px; }
    
    #soins-listing #category .image img { max-height:300px; } 
    
    #produits-listing #products .flower { position:static; text-align:right; margin-top:-200px; margin-bottom:30px; }
    #produits-listing #products .filters { padding:0; }
    #produits-listing #products .filters .filter-button { width:40px; height:40px; background:#F5F5F5; border-radius:100%; display:flex; align-items:center; justify-content:center; position:fixed; z-index:10; }
    #produits-listing #products .filters h2 { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
    #produits-listing #products .filters h2 .close { display:block; }
    #produits-listing #products .filters h2 .close svg { margin-right:0; }
    #produits-listing #products .filters .mall-products-filter { position:fixed; left:0; top:0; width:90vw; height:100vh; background:#fff; z-index:101; max-width:500px; padding:30px; transition:all 0.5s ease 0s; transform:translateX(-100%); }
    #produits-listing #products .filters.open .mall-products-filter { transform:translateX(0); }
    #produits-listing #products .products .mall-products { padding:0 0 0 50px; }
    
    #products .filters .filter h3 a,
    #products .filters .filter .link a,
    #products .filters .filter .radio,
    .field.checkbox label,
    .noUi-tooltip { font-size:2rem; }
    
    .field.checkbox label, .field.radio label { margin-bottom:20px; }
    #products .filters .filter .inner { padding:30px 10px; }
    
    #institut #equipe .box .right { border-left:0; margin-top:15px; }
    
    .assurances .item .tooltip { left:50%; transform:translateX(-50%);  width:80vw; }
    .assurances .item .tooltip.show { top:160px; }
    
    #soins-accueil #categories .counter { top:-90px; right:calc(50px + 120px); }
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    #bigheading { min-height:200px; max-height:500px }
    #accueil #socials { text-align:center; }
    
    .panels .panel { padding:40px 15px; }
    
    .featured .box { padding:30px; }
    
    #institut #heading .block img { display:none; }
    #institut #intro .gallery .bigtitle { font-size:10rem; }
    
    #institut #equipe { margin-top:10px; }
    
    #marques #brands .bottom { text-align:center; }
    #marques #brands .bottom .image { margin-bottom:30px; }
    
    #breadcrumb { display:none; }
    
    #header { padding-left:24px; padding-right:24px; }
    #bigheading { border:0; }
    
    #account #signup #sticky,
    #account #signup #sticky.is_stuck { position:static !important; }
    #account #signup .image img { max-height:300px; }
    #contact #bg { position:static !important; max-height:300px; }
    
    #account #orders .image { display:none; }
    
    #soins-accueil #panels { padding-top:100px; }
    #soins-accueil #aide { text-align:center; }
    #soins-accueil #aide .image { margin-bottom:30px; }
    #soins-accueil #aide .contact { justify-content:center; }
    
    #cart .mall-cart-actions { flex-direction:column; }
    #cart .mall-cart-actions .btn { margin-top:30px;  }
    #cart .mall-cart__table .image { padding:0; max-width:0; }
    #cart .mall-cart__table .image a { display:none; }
    
    #checkout .steps { display:none; }
    
    #products .flower {  margin-top:-150px;}
    
    #institut #equipe .box { padding:30px; }
    
    #products .soins h2 { text-align:center; }
    #products .soins .record { display:flex; align-items:center; text-align:center; }
    #products .soins .record > * { display:block; width:auto !important; }
    #products .soins .record .properties { margin-top:5px; padding:0; }
    #products .soins .record .price { padding:0; font-size:3rem; }
    
    #soins-accueil #categories .counter .btn { display:none; }
    #soins-accueil #categories .counter { margin-right:150px; justify-content:flex-end; position:static; }
    
    #contact #schedules .footer-bottom ul { flex-direction: column;}
    #contact #schedules .btn { margin: 20px 0;}


}