/**
 * 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.8rem; font-family:'RidleyGrotesk'; }
: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; }
p:last-child { margin-bottom:0; }

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

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

/* Titles */
h2 { font-family:'Moneta'; font-size:6rem; font-weight:900; line-height:1em; margin-bottom:1em; color:#C67852; }
h2.big { font-size:9rem; }
h2.green { color:#113C55; background:none; }

/* 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; }

/* Buttons */
.btn { display:inline-flex; flex-direction:row; align-items:center; justify-content:center; padding:10px 30px; border:2px solid transparent; border-radius:50px; text-align:center; font-size:1.4rem; cursor:pointer; transition:all 0.5s ease 0s; }
.btn svg { margin-right:15px; transition:all 0.5s ease 0s; }

.btn.white { border-color:#fff;  background-color:transparent; color:#fff; }
.btn.white svg { fill:#fff; }
.btn.white:hover { background-color:#fff; color:#C67852; }
.btn.white:hover svg { fill:#C67852; }

.btn.brown { background-color:#C67852; border-color:#C67852; color:#fff; }

.btn.brown.outline { background-color:transparent; color:#C67852; font-family:'Moneta'; font-size:2.5rem; font-weight:900; }
.btn.brown.outline svg { fill:#C67852 !important; margin-top:5px; }

.btn.green.outline { background:none; border-color:#113C55; color:#113C55; font-family:'Moneta'; font-size:2.5rem; font-weight:900; }
.btn.green.outline:hover { background-color:#113C55; color:#fff; }
.btn.green.outline:hover svg { fill:#fff; }

.more { display:inline-flex; flex-direction:row; align-items:center; justify-content:flex-start; font-size:2rem; font-weight:900; font-family:'RidleyGrotesk'; color:#113C55; }
.more svg { margin-right:15px; }

.btn.rdv { flex-direction:column; line-height:1em; padding:7px 30px; }
.btn.rdv span { display:block; font-style:italic; font-size:1.2rem; }

/* Hamburger */
.hamburger { padding:0; position:relative; top:8px; z-index:10; }

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background:#fff; border-radius:0; height:2px; }
.hamburger-inner { width:30px; left:10px; }
.hamburger-inner:after, .hamburger-inner:before { right:0;  }

.hamburger.is-active { left:-10px; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background:#fff; }
.hamburger.is-active .hamburger-inner { width:40px; }
/**
 * Layout
 **/

#page { position:relative; width:100%; overflow:hidden; }

/* Header */
#header { position:fixed; left:0; top:50px; width:100%; z-index:5; transition:all 0.5s ease 0s; padding:15px 0; }
#header .logo svg { transition:all 0.5s ease 0s; height:150px; width:auto; }
#header .navigation { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
#header .menu { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
#header .item { margin-left:30px;  }
#header.not-top { background:#113C55; top:0; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15); }
#header.not-top .logo svg { height:80px; }




#overlay { position:fixed; left:0; top:0; width:100%; height:100%; background:#113C55; transition:all 0.5s ease 0s; z-index:5; transform:translateX(100%); }
#overlay:before { content:''; position:absolute; top:50%; right:5vw; width:70vw; height:100%; transform:translateY(-50%); background:url(../themes/leroux/assets/img/logo-xl.svg) no-repeat center center / contain; opacity:0.05; z-index:-1; }
#overlay .column { height:100vh; }
#overlay .image { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; }
#overlay .text { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
#overlay .text .logo2 { margin-bottom:100px; }
#overlay .text .menu2 .left li { margin:15px 0; }
#overlay .text .menu2 .left a { display:inline-flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; }
#overlay .text .menu2 .left svg { fill:#fff; margin-right:30px; min-width:15px; max-width:15px; margin-top:15px; }
#overlay .text .menu2 .left a { font-size:2.2rem; font-family:'Moneta'; font-weight:900; color:#fff; }
#overlay .text .menu2 .right li { margin:30px 0; }
#overlay .text .menu2 .right a { width:100%; }

body.open #overlay { transform:translateX(0); }

#footer { background:#113C55; color:#fff; position:relative; z-index:2; }
#footer .logo { text-align:center; }
#footer .addresses { font-size:1.4rem; font-weight:300; text-align:left; }
#footer .addresses b { font-size:1.6rem; font-weight:500; text-transform:uppercase; display:inline-block; margin-bottom:15px; }
#footer .addresses .block { border-top:2px solid #fff; padding-top:15px; margin:0 15px; }
#footer .phone { font-size:5rem; }
#footer .phone a:hover { color:#fff; }
#footer .copyright { text-align:center; font-size:1.6rem; }
#footer .copyright ul { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .copyright li:after { content:'-'; margin:0 5px; display:inline-block; }
#footer .copyright li:last-child:after { content:none; }
#footer:before { content:''; width:40vw; height:100%; position:absolute; left:0; top:50%; transform:translate(-30%, -50%); background:url(../themes/leroux/assets/img/logo-xl.svg) no-repeat center center / contain; opacity:0.2; z-index:-1; }
#footer:after { content:''; width:50vw; height:100%; position:absolute; right:-10vw; bottom:0; transform:translate(0%, 150px); background:url(../themes/leroux/assets/img/logo-xl.svg) no-repeat center bottom / contain; opacity:0.2; z-index:-1; }

/**
 * Page specific
 **/
 
/* General components */
.container-fluid { padding-left:150px; padding-right:150px; }
.swiper-wrapper { box-sizing:border-box; }
.padding { padding-top:100px; padding-bottom:100px; }
.paddingx2 { padding-top:200px; padding-bottom:200px; }
.noptop { padding-top:0 !important; }
.nopbottom { padding-bottom:0 !important; }
.align-center { align-items:center; }
.justify-center { justify-content:center; }
.text-center { text-align:center; } 
.relative { position:relative; }
.grey { background:#F5F5F5; }
.green { background:#113C55; color:#fff; }
.green h2 { color:#fff; }
.brown { background:#C67852; }

.mt50 { margin-top:50px; }
.mt100 { margin-top:100px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }

.pagination { text-align:center; display:flex; flex-direction:row; align-items:center; justify-content:center; }
.pagination .swiper-pagination-bullet { width:10px; height:10px; background:#113C55; margin:0 10px; opacity:1; }
.pagination .swiper-pagination-bullet-active { width:16px; height:16px; background:#113C55; }

[data-bg] { background-size:cover; background-position:center center; background-repeat:no-repeat; }

/* General elements */
#heading { height:100vh; min-height:800px; max-height:1000px; }
#heading .container-fluid { height:100%; display:flex; align-items:center; justify-content:center; }
#heading .row { width:100%; }
#heading .title h1 { font-family:'Moneta'; font-size:9rem; font-weight:900; color:#C67852; line-height:1em; margin-bottom:0; }
#heading .image img { width:calc(100% + 170px); max-width:none; }
#heading .caption { position:absolute; right:0; bottom:0; padding:15px 30px; background:#C67852; max-width:350px; font-family:'Moneta'; font-size:2.2rem; font-weight:900; color:#fff; }

#blog .title { font-size:5rem; color:#000000; margin-bottom:1em; font-family:'Moneta'; }

#fonctionnalites { color:#fff; }
#fonctionnalites h2 { color:#fff; }
#fonctionnalites h3 { margin:30px 0 15px 0; font-size:2.8rem; font-weight:600;  }
#fonctionnalites .row { justify-content:space-evenly; }
#fonctionnalites .pattern { background:url(../themes/leroux/assets/img/pattern-bg.svg) repeat left top; }
#fonctionnalites .buttons { margin-top:50px; }

#parallax { position:relative; max-height:900px; overflow:hidden; }

#intro { position:relative; }
#intro:before { content:''; position:absolute; left:-100px; top:50%; transform:translateY(-50%); width:65vw; height:100%; background:url(../themes/leroux/assets/img/logo-xl.svg) no-repeat center center / contain; filter:invert(1); opacity:0.05; z-index:-1; }



/* Accueil */
#accueil #heading .baseline { font-size:22px; color:#fff; font-family:Moneta; font-weight:700; font-size:22px; margin-top:20px; }
#accueil #expertise h2 { color:#fff; }
#accueil #expertise li { margin-bottom:50px; }
#accueil #expertise .sep { width:100%; }
#accueil #expertise .row { justify-content:center; }
#accueil #expertise .block { border:2px solid #fff; border-radius:45px; padding:50px 10px; color:#fff; height:100%; }
#accueil #expertise .pictos svg { margin:0 5px; }
#accueil #expertise .text h3 { margin:15px 0 30px 0; font-size:2rem; font-weight:600; min-height:2.2em; }
#accueil #expertise .text p { font-size:1.4rem; }
#accueil #expertise .more { font-size:2rem; color:#fff; justify-content:center; }
#accueil #expertise .more svg { width:18px; fill:#fff; }
#accueil #lien h2 { color:#113C55; }
#accueil #lien h3 { text-align:center; font-size:4rem; text-transform:uppercase; }
#accueil #lien .center { display:flex; flex-direction:row; align-items:center; justify-content: center; }
#accueil #lien .country { text-align:center;}
#accueil #lien .country p { font-size:10rem; font-family:'Moneta'; color:#C67852; font-weight:900; line-height:1em;  margin-bottom:15px; }
#accueil #lien .country svg { width:60px; }
#accueil #cas h2 { color:#000000; margin-bottom:0; border:1px solid #707070; border-width:1px 0; padding:50px 0; font-weight:900; }
#accueil #cas h3 { color:#C67852; font-size:2.4rem; font-weight:900; margin-bottom:1em; font-family:'Moneta'; }
#accueil #cas .top { border-bottom:1px solid #707070; }
#accueil #cas .column { padding:80px; border-right:1px solid #707070; }
#accueil #cas .row .column:first-child { padding-left:160px; }
#accueil #cas .row .column:last-child { border-right:0; padding-right:160px; }
#accueil #equipe { padding-top:50px; }
#accueil #equipe h2 { color:#113C55; }
#accueil #equipe .swiper-slide .row { position:relative; }
#accueil #equipe .swiper-slide .image { transition:all 0.7s ease 0s; }
#accueil #equipe .swiper-slide .image img { transition:all 0.7s ease 0s; transform:scale(0.8); }
#accueil #equipe .swiper-slide .text { position:absolute; left:0; padding:80px; opacity:0; transition:all 0.5s ease 0s; }
#accueil #equipe .swiper-slide .text .name { color:#C67852; font-size:6rem; font-weight:900; font-family:'Moneta'; }
#accueil #equipe .swiper-slide .text .function { font-size:2rem; color:#C67852; margin-bottom:50px; }
#accueil #equipe .swiper-slide-active .image, 
#accueil #equipe .swiper-slide:first-child .image { transform:translateX(200%); }
#accueil #equipe .swiper-slide-active .image img { transform:scale(1); }
#accueil #equipe .swiper-slide-active .text { opacity:1; }
#accueil #equipe .prev { position:absolute; left:-70px; top:50%; transform:translateY(-50%); border:none; background:none; opacity:0; padding:0; z-index:2; cursor:pointer; pointer-events:none; }
#accueil #equipe .next { position:absolute; right:-70px; top:50%; transform:translateY(-50%); border:none; background:none; opacity:0; padding:0; z-index:2; cursor:pointer; pointer-events:none; }
#accueil #equipe .swiper-slide-active .prev { opacity:1; pointer-events:auto; }
#accueil #equipe .swiper-slide-active .next { opacity:1; pointer-events:auto; }
#accueil #actualites { margin-bottom:50px; }

/* Cabinet */
#cabinet #equipe .membre { position:relative; margin-top:150px; }
#cabinet #equipe .membre:first-child { margin-top:0; }
#cabinet #equipe .membre .top { padding:50px 0; }
#cabinet #equipe .membre .name { margin-bottom:0.5em; }
#cabinet #equipe .membre .function { font-size:2rem; color:#C67852; }
#cabinet #equipe .membre .bottom { background:#113C55; color:#fff; }
#cabinet #equipe .membre .image { margin-top:-300px; }
#cabinet #equipe .membre .description h3 { font-family:'Moneta'; font-size:3.8rem; font-weight:900; margin-bottom:2em; }
#cabinet #equipe .membre .more { color:#fff; }
#cabinet #equipe .membre .more svg { fill:#fff; }
#cabinet #equipe .membre:nth-child(even) .image { order:1; }
#cabinet #equipe .membre:nth-child(even) .text { order:2; }

/* Outils */
#outils #documents .link { display:flex; flex-direction:row; align-items:center; justify-content:space-between; background:#113C55; color:#fff; padding:30px 60px; font-family:'Moneta'; font-size:3rem; font-weight:900; }
#outils #documents .link svg { fill:#fff; }
#outils #documents li:nth-child(even) .link { background:#155072; }

/* Contact */
#contact #intro:before { top:-200px; transform:translateY(0); }
#contact #intro .bottom address b { font-size:2.5rem; font-weight:500; text-transform:uppercase; display:inline-block; margin-bottom:15px; }
#contact #intro .phone { text-transform:uppercase; }
#contact #intro .phone span { display:flex; align-items:center; justify-content:center;  }
#contact #intro .phone a { font-size:9rem; font-family:'Moneta'; font-weight:900; color:#C67852; margin-left:50px; }

#contact #form .field { margin-bottom:50px; }
#contact #form .field label { font-size:3rem; position:absolute; left:0; top:50%; transform:translateY(-50%); font-family:'Moneta'; color:#113C55; font-weight:900; transition:all 0.3s ease 0s; }
#contact #form .textfield input { background:none; border:none; border-bottom:1px solid #707070; padding:28px 0 3px 0; font-weight:bold; font-size:2rem; }
#contact #form .textfield.filled label,
#contact #form .textfield.active label { top:0; transform:translateY(0); font-size:2rem; }
#contact #form .textarea label { transform:translateY(0); top:15px; }
#contact #form .textarea textarea { padding:30px 0 0 0; border:none; border-bottom:1px solid #707070; background:none; height:62px; transition:all 0.5s ease 0s; font-weight:bold; font-size:2rem; }
#contact #form .textarea.filled textarea,
#contact #form .textarea.active textarea { height:300px; }
#contact #form .textarea.filled label,
#contact #form .textarea.active label { font-size:2rem; top:0; }
#contact #form .submit { text-align:center; }

/* Droit */
#droit #intro .flag-fr { position:absolute; left:15px; bottom:50px; width:175px; transform:translateX(-50%); }

#droit #france-suisse .arrow { margin:30px 0; }
#droit #france-suisse .row { justify-content:space-evenly; }
#droit #france-suisse .flag { width:30px; margin-bottom:30px; }
#droit #france-suisse h3 { font-family:'Moneta'; font-size:4rem; margin:30px 0; }
#droit #france-suisse p { font-size:2rem; }
#droit #france-suisse .france .bottom,
#droit #france-suisse .suisse .top { visibility:hidden; }

#droit #next .flag-ch { position:absolute; right:15px; bottom:50px; width:175px; transform:translateX(50%); }



























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

/**
 * Extra large
 **/
@media (max-width: 1599px) {
    html { font-size:8px; }
    .container-fluid { padding-left:100px; padding-right:100px; }
    .btn { padding:10px 20px; }
    .hamburger { top:3px; }
    .padding { padding-top:80px; padding-bottom:80px; }
    .paddingx2 { padding-top:150px; padding-bottom:150px; }
    
    .mt100 { margin-top:80px; }
    .mt50 { margin-top:40px; }
    .mb100 { margin-bottom:80px; }
    .mb50 { margin-bottom:40px; }
    
    #header { top:30px; }
    #header .item { margin-left:30px; }
    #header .logo svg { height:120px; }
    
    #heading {  min-height:700px; max-height:900px; }
    #heading .caption { right:-100px; }
    
    #accueil #lien .country p { font-size:8rem; }
    
    #accueil #equipe .swiper-slide .text { padding:40px; }
    
    #heading .caption { padding:10px 20px; font-size:2rem; }
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    html { font-size:7px; }
    h2.big { font-size:8rem; }
    .container-fluid { padding-left:60px; padding-right:60px; }
    .padding { padding-top:60px; padding-bottom:60px; }
    .paddingx2 { padding-top:100px; padding-bottom:100px; }

    #header .logo svg { height:100px; }
    
    #overlay .text .menu2 .left li { margin:10px 0; }
    
    #heading { min-height:600px; max-height:800px; }
    #heading .caption { right:-60px; }
    
    #accueil #lien .country p { font-size:7rem; }
    
    #accueil #cas .column { padding:60px; }
    #accueil #cas .row .column:first-child { padding-left:100px; }
    #accueil #cas .row .column:last-child { padding-right:100px; }
    
    #accueil #equipe .swiper-slide .text { padding:0; }
    #accueil #equipe .swiper-slide .text .name { font-size:5rem; }
    #footer .addresses { font-size:1.4rem; }
    
    #cabinet #equipe .membre { margin-top:100px; }
    
    #droit #intro .flag-fr { width:100px; }
    #droit #next .flag-ch { width:100px; }
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    h2 { font-size:5rem; }
    h2.big { font-size:7rem; }
    .container-fluid { padding-left:30px; padding-right:30px; }
    .padding { padding-top:50px; padding-bottom:50px; }
    .paddingx2 { padding-top:80px; padding-bottom:80px; }
    
    .mt100 { margin-top:60px; }
    .mt50 { margin-top:30px; }
    .mb100 { margin-bottom:60px; }
    .mb50 { margin-bottom:30px; }
    
    #header { top:15px; }
    #header .item { margin-left:15px; }
    #footer .addresses { font-size:1.6rem; } 
    #overlay .image { display:none; }
    #overlay .text { align-items:center; }
    #overlay .menu2 { text-align:center; }
    #overlay .text .menu2 .left svg { display:none; }
    #overlay .text .menu2 .right a { width:auto; min-width:200px; }
    #overlay .text .logo2 { margin-bottom:50px; }
    #overlay:before { right:50%; top:50%; transform:translate(50%, -50%); }
    #overlay .text .menu2 .right li { margin:15px 0; }
    
    #heading { min-height:500px; max-height:700px; }
    #heading .title h1 { font-size:6rem; }
    #heading .caption { transform:translateY(100%); right:-30px; max-width:100%; padding:15px; display:none; }
    
    
    #accueil #lien .country p { font-size:6rem; }
    #accueil #lien .country svg { width:40px; }
    
    #accueil #cas .column { padding:40px; }
    #accueil #cas .row .column:first-child { padding-left:40px; }
    #accueil #cas .row .column:last-child { padding-right:40px; }
    
    #accueil #equipe .swiper-slide .text .name { font-size:4rem; }
    #accueil #equipe .swiper-slide .text .function { margin-bottom:30px; }
    
    #accueil #equipe .swiper-slide-active .image, #accueil #equipe .swiper-slide:first-child .image { transform:translateX(150%); }
    
    #blog .title { font-size:4rem; }
    
    #cabinet #equipe .membre { margin-top:50px; }
    
        
    #droit #intro .flag-fr { width:60px; }
    #droit #next .flag-ch { width:60px; }
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    h2 { font-size:4.5rem; }
    .container-fluid { padding-left:15px; padding-right:15px; }
    .padding { padding-top:40px; padding-bottom:40px; }
    .paddingx2 { padding-top:60px; padding-bottom:60px; }

    #header .menu { display:none; }

    #heading { min-height:400px; max-height:600px; }
    #heading .title h1 { font-size:5rem; }
    
    #footer .addresses .block { margin-left:0; margin-right:0; }
    
    #accueil #expertise .sep { display:none; }
    
    #accueil #lien .country p { font-size:5rem; }
    #accueil #lien .country svg { width:30px; }
    
    #accueil #cas .top { border:none; }
    #accueil #cas .row .column { border:none; border-bottom:1px solid #707070; }
    
    #accueil #equipe .swiper-slide .text .function { margin-bottom:15px; }
    
    #accueil #equipe .swiper-slide .image { order:1; transform:translateX(0) !important; margin-bottom:30px; }
    #accueil #equipe .swiper-slide .text { position:static; order:2; }
    
    #cabinet #equipe .membre { text-align:center; margin-top:30px; }
    #cabinet #equipe .membre .top { padding:30px 0; }
    #cabinet #equipe .membre .text { order:2; }
    #cabinet #equipe .membre .image { margin-top:30px; order:1; margin-bottom:30px; }
    
    #contact #intro .bottom { text-align:center; }
    #contact #intro .bottom .column { margin-bottom:15px; }
    
    #contact #intro .phone a { font-size:7rem; }
    
        #droit #intro .flag-fr { width:50px; }
    #droit #next .flag-ch { width:50px; }
    
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    h2.big { font-size:6rem; }
    .mt100 { margin-top:40px; }
    .mt50 { margin-top:20px; }
    .mb100 { margin-bottom:40px; }
    .mb50 { margin-bottom:20px; }
    
    #heading { min-height:300px; max-height:500px; }
    #heading .title h1 { font-size:6rem; }
    
    #heading .title h1 { text-align:center; margin-top:50px; }
    #heading .image { display:none; }
    
    #footer .addresses .block { text-align:center; margin-top:30px; }
    
    #intro { text-align:center; }
    #intro .text { margin-bottom:30px; }
    
    #accueil #lien .country p { font-size:4rem; }
    #accueil #lien .country svg { width:20px; }
    
    #fonctionnalites .column { margin-bottom:50px; }
    
    #blog .text { text-align:center; }
    
    #contact #intro .phone span { flex-direction:column; }
    #contact #intro .phone a { margin-left:0; }
    #contact #intro .phone a { font-size:6rem; }
    
    #accueil #expertise .block { padding-top:15px; padding-bottom:15px; }
    
    #droit #france-suisse .france .bottom, #droit #france-suisse .suisse .top { display:none; }
    
    #droit #next .text { text-align:center; }
    #droit #intro .flag-fr,
    #droit #next .flag-ch { position:absolute; right:15px; top:0; transform:translateX(0); }
}

@media (max-height: 700px) {
    #overlay .logo2 { display:none; }
}