/**
 * 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:'Montserrat', sans-serif; color:#707070; }
:focus, button:focus { outline:none; }

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

/* Paragraphs */
p { margin-bottom:1em; }
p:last-child { margin-bottom:0; }
p b, p strong { font-weight:bold; color:#c1da01; }

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

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

/* titles */
h2 { font-size:3.5rem; font-weight:900; margin-bottom:1em; }

/* Forms */
.field { margin-bottom:15px; }
.field.textfield label { position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:2.2rem; color:#887262; opacity:0.3; transition:all 0.3s ease 0s; }
.field.textfield input { background:rgba(136,114,98,0.1); border:none; padding:25px 30px 5px 30px; }
.field.textfield.active label,
.field.textfield.filled label { top:5px; transform:translateY(0); font-size:1.4rem; }

.field.textarea label { position:absolute; left:30px; top:30px; font-size:2.2rem; color:#887262; opacity:0.3; transition:all 0.3s ease 0s; }
.field.textarea textarea { background:rgba(136,114,98,0.1); border:none; padding:30px 30px; }
.field.textarea.active label,
.field.textarea.filled label { top:8px; transform:translateY(0); font-size:1.4rem; }



/**
 * Components
 **/
 
/* Generic */
.padding { padding-top:150px; padding-bottom:150px; }
.align-center { align-items:center; }
.text-right { text-align:right; }
/* 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; }

/* Sliders */
.slider { position:relative; }
.slider:after { content:''; position:absolute; left:50%; bottom:-100px; z-index:2; width:2px; height:400px; background:#c1da01; }
.slider .swiper-container { height:100vh; min-height:700px; max-height:1000px; }
.slider .swiper-wrapper { box-sizing:border-box; }
.slider .swiper-slide { display:flex; align-items:center; justify-content:center; position:relative; background-position:center center; background-size:cover; }
.slider .swiper-slide:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:2; }
.slider .container { text-align:center; position:relative; z-index:3; }
.slider h1 { font-size:6rem; font-weight:900; text-transform:uppercase; color:#fff; }

/* Tiles */
.tile .text { padding:80px; background:#ccc; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; align-self:stretch; transition:all 0.5s ease 0s; }
.tile .text h2 { margin-bottom:0; }
.tile .text h2:after { content:''; display:block; width:50px; height:1px; background:#fff; margin:60px 0; }
.tile .image { overflow:hidden; }
.tile .image img { transition:all 0.5s ease 0s; }

.tile:hover .text { background:transparent !important; color:#707070; }
.tile:hover .image img { transform:scale(1.1); }


.tile.image-right .image { order:2; }
.tile.image-right .text { order:1; }

.tile.green .text { background:#c1da01; }
.tile.brown .text { background:#887262; }

/**
 * Layout
 **/

#header {  }

#menu { height: 100%; position: fixed; background-color: #c1da01; width: 300px; transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(-100%); left: 60px; z-index:5; }
#menu.expanded { transform: translateX(0%); left: 0px; }
#menu #blob { top: 0; z-index: -1; right: 60px; transform: translateX(100%); height: 100%; position: absolute; }
#menu #blob-path { height: 100%; fill: #c1da01; }
#menu .hamburger { right: 20px; position: absolute; width: 20px; height: 20px;top: 20px; }
#menu .hamburger .line { width: 100%; height: 4px; background-color: #fff; position: absolute; }
#menu .hamburger .line:nth-child(2) { top: 50%; margin-top: -2px; }
#menu .hamburger .line:nth-child(3) { bottom: 0; }
#menu .menu-inner { width:calc(100% - 60px); /*height: 100%;*/ position: relative; text-align:left; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#menu .menu-inner li { margin:30px 0; }
#menu .menu-inner a { font-size:1.6rem; font-weight:bold; color:#fff; text-transform:uppercase; }
.open #menu {transform: translateX(-60px);}


#header2 { position:absolute; left:60px; top:0; width:calc(100% - 60px); z-index:3; padding:15px 0; }
#header2 .menu-carte { text-align:center; }
#header2 .menu-logo svg { max-width:100%; }
#header2 .row { height:150px; align-items:center; justify-content:space-between; }
#header2 .item { text-align:center; font-size:1.4rem; display:block; }
#header2 .item svg { width:26px; max-height:22px; fill:#fff; margin:0 auto; }
#header2 .item span { color:#fff; display:block; margin-top:10px; }


#page { margin-left:60px; }

#schedules h2 { color:#fff; }
#schedules { background:rgba(121, 104, 87, 0.8); padding:50px 0; }
#schedules table { text-align:center; width:100%; }
#schedules th { font-weight:400; color:#fff; text-transform:uppercase; font-size:1.4rem; }
#schedules th,
#schedules td { padding:5px 10px; vertical-align:middle; }

#footer { background:#796857; padding:50px 0; }
#footer .top .buttons { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .top .buttons .btn { border:1px solid #fff; padding:15px 30px; border-radius:50px; color:#fff; text-align:center; display:inline-block; font-size:1.6rem; margin:0 15px; }
#footer .top .socials { display:flex; flex-direction:row; align-items:center; justify-content:center; color:#fff; text-align:center; }
#footer .top .socials .item { margin:0 15px; }
#footer .top .socials svg { fill:#fff; max-width:25px; max-height:20px; }
#footer .top .socials a { color:#fff; }
#footer .top .socials .text { display:block; margin-top:15px; font-size:1.4rem; }
#footer .bottom { text-align:center; color:#fff; margin-top:30px; font-size:2.2rem; }
#footer .bottom a { color:#fff; }
#footer .bottom .links { display:flex; flex-direction:row; align-items:center; justify-content:center; font-size:1.4rem; margin-top:15px; }
#footer .bottom .links li:after { content:'|'; margin:0 10px; }
#footer .bottom .links li:last-child:after { content:none; }

#footer .bottom .btn { padding:10px 20px; background:#c1da01; color:#fff; text-align:center; border-radius:50px; font-weight:bold; transition:all 0.5s ease 0s; border:2px solid #c1da01; }
#footer .bottom .btn:hover { background:transparent; color:#c1da01; }


/**
 * Page specific
 **/

/* Accueil */
#accueil #header2 .row > div { min-width:25%; margin:0; }
#accueil .slider:after { height:200px; }
#accueil .slider .button { margin-top:150px; display:inline-block; }
#accueil .slider .button .circle { fill:transparent; stroke:#fff; transition:all 0.5s ease 0s; }
#accueil .slider .button:hover .circle { fill:#c1da01; stroke:#c1da01; }

#accueil .intro .title:after { content:''; display:block; width:60px; height:6px; background:#c1da01; margin:60px 0 80px 0; }
#accueil .intro .title h1 { font-size:4rem; font-weight:900; }
#accueil .intro a { color:#c1da01; }
#accueil .intro .description { font-size:2.4rem; }
#accueil .intro .description:after { content:''; display:block; width:60px; height:6px; background:#c1da01; margin:80px 0 0 0; }
#accueil .intro .pagination { text-align:center; }
#accueil .intro .pagination .swiper-pagination-bullet-active { background:#887262; }

#accueil .slider .btn { padding:10px 20px; background:#c1da01; color:#fff; text-align:center; border-radius:50px; font-weight:bold; transition:all 0.5s ease 0s; border:2px solid #c1da01; }
#accueil .slider .btn:hover { background:transparent; color:#c1da01; }


/* Restaurant */
#restaurant .tiles .tile:first-child h2:after { content:none; }

/* Carte */
#carte-et-menus .carte { padding-bottom:0; }
#carte-et-menus .header { text-align:center; margin-bottom:30px; }
#carte-et-menus .header h2 { color:#887262; font-size:4.5rem; margin-bottom:15px; }
#carte-et-menus .header p { font-size:1.6rem; color:#707070; }
#carte-et-menus .pattern { background:url(../themes/acdf/assets/img/pattern.png) repeat center center; } 
#carte-et-menus .pattern .row { justify-content:center; }
#carte-et-menus .pattern .bg { position: absolute; left:100px; width:0; height:100%; }
#carte-et-menus .pattern .bg img { position: absolute; right:0; width:25vw; height:100%; object-fit:cover; object-position:center center; max-width:none; }
#carte-et-menus .pattern + .pagination { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:30px; }
#carte-et-menus .pattern + .pagination .swiper-pagination-bullet { background:#887262; opacity:0.4; margin:0 5px; }
#carte-et-menus .pattern + .pagination .swiper-pagination-bullet-active { background:#887262; opacity:1; }
#carte-et-menus .menuslider { padding:0 100px; position:relative; }
#carte-et-menus .menuslider .inner { background:#fff; box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.3); padding:50px 150px; border:1px solid #c1da01; position:relative; z-index:2; }
#carte-et-menus .menuslider h3 { text-align:center; color:#c1da01; font-size:4rem; font-weight:400; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #c1da01; }
#carte-et-menus .menuslider li { margin:15px 0; font-size:1.6rem; display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; }
#carte-et-menus .menuslider .navigation { position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; }
#carte-et-menus .menuslider .navigation button { padding:0; border:none; background:none; }
#carte-et-menus .menuslider .navigation svg { width:23px; height:40px; }
#carte-et-menus .menuslider .navigation .prev svg { fill:#fff; }
#carte-et-menus .menuslider .navigation .next svg { fill:#707070; }
#carte-et-menus .menus .bg { position: absolute; left:auto; right:100px; width:0; height:100%; }
#carte-et-menus .menus .bg img { position: absolute; left:0; width:25vw; height:100%; object-fit:cover; object-position:center center; max-width:none; }
#carte-et-menus .menus .menuslider .swiper-wrapper { align-items:center; }
#carte-et-menus .menus .intro { margin-bottom:50px; }
#carte-et-menus .menus .item { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #c1da01; }
#carte-et-menus .menus .item:last-child { margin:0; padding:0; border-bottom:0; }
#carte-et-menus .menus .title { display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:30px;  }
#carte-et-menus .menus .title .price { font-size:2.6rem; color:#c1da01; }
#carte-et-menus .menus .menuslider h3 { padding:0; margin:0; border:none; font-size:4rem; }
#carte-et-menus .menus .menuslider .navigation .prev svg { fill:#707070; }
#carte-et-menus .menus .menuslider .navigation .next svg { fill:#fff; }
#carte-et-menus .download { background:url(../themes/acdf/assets/img/stripes.png) repeat center center; }
#carte-et-menus .download h2 { font-size:2.8rem; font-weight:300; color:#707070; text-transform:uppercase; }
#carte-et-menus .download .row { justify-content:center; }
#carte-et-menus .download .box { background:#fff; padding:80px; text-align:center; }
#carte-et-menus .download a { width:100px; height:100px; border-radius:100%; border:2px solid #c1da01; display:flex; flex-direction:row; align-items:center; justify-content:center; margin:50px auto 0 auto; }
#carte-et-menus .download svg { fill:#c1da01; width:35px; height:35px; }

/* Aux alentours */
#aux-alentours { text-align:center; }
#aux-alentours .locations { padding-top:250px; }
#aux-alentours .pattern { background:url(../themes/acdf/assets/img/pattern.png) repeat center center; } 
#aux-alentours .pattern .row { justify-content:center; }
#aux-alentours .pattern .bg { position: absolute; left:100px; width:0; height:100%; }
#aux-alentours .pattern .bg img { position: absolute; right:0; width:25vw; height:100%; object-fit:cover; object-position:center center; max-width:none; }
#aux-alentours .pattern + .pagination { display:flex; flex-direction:row; align-items:center; justify-content:center; position:relative; top:-75px; }
#aux-alentours .pattern + .pagination .swiper-pagination-bullet { background:#887262; opacity:0.4; margin:0 5px; }
#aux-alentours .pattern + .pagination .swiper-pagination-bullet-active { background:#887262; opacity:1; }
#aux-alentours .menuslider { padding:0 100px; position:relative; top:-85px; text-align:left; }
#aux-alentours .menuslider h2 { color:#887262; font-size:4.5rem; margin-bottom:15px; text-align:center; margin-right:30px; }
#aux-alentours .menuslider .inner { background:#fff; box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.3); padding:50px 150px 30px 150px; border:1px solid #c1da01; margin:0 30px 30px 0; }
#aux-alentours .menuslider .image { margin-top:60px; }
#aux-alentours .menuslider h3 { color:#707070; font-size:2.2rem; font-weight:700; }
#aux-alentours .menuslider h3:after { content:''; display:block; width:40px; height:4px; background:#c1da01; margin:30px 0;}
#aux-alentours .menuslider li { margin:15px 0; font-size:1.6rem; display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; }
#aux-alentours .menuslider .navigation { position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; }
#aux-alentours .menuslider .navigation button { padding:0; border:none; background:none; }
#aux-alentours .menuslider .navigation svg { width:23px; height:40px; fill:#707070; }

/* Contact */
#contact #header2 { position:relative; }
#contact #header2 .row { height:auto; }
#contact #header2 .menu-logo .name,
#contact #header2 .menu-logo .restaurant { fill:#887262; }
#contact #header2 .item svg { fill:#887262; }
#contact #header2 .item span { color:#887262; }
#contact #header2 .menu-carte .text path { fill:#887262; }
#contact #header2 .menu-carte .icon,
#contact #header2 .menu-carte .circle { stroke:#887262; }

#contact .form { background:url(../themes/acdf/assets/img/stripes2.png) repeat center center / cover; padding:50px 0; }
#contact .form header { margin-left:60px; }
#contact .form form { margin-top:30px; }
#contact .form h1 { font-size:3.5rem; font-weight:900; color:#c1da01; margin-left:50px; text-transform:uppercase; }
#contact .form .box { background:#fff; padding:30px 120px; }
#contact .form .mainrow { justify-content: center; }
#contact .form .bottom { display:flex; flex-direction:row; align-items:center; justify-content: flex-end; }
#contact .form .bottom .field { margin-bottom:0; }
#contact .form .btn { background:#c1da01; color:#fff; text-transform:uppercase; padding:30px 50px; border:1px solid #c1da01; margin-left:15px; transition:all 0.5s ease 0s;}
#contact .form .btn:hover { background:#fff; color:#c1da01; }
#contact .booking { text-align:center; margin-top:30px; }
#contact .booking h2 { font-size:3.3rem; color:#c1da01; text-align:center; font-weight:bold; text-transform:uppercase; margin-top:50px; margin-bottom:0; }
#contact .booking .phone { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#contact .booking .phone svg { width:35px; fill:#c1da01; margin-right:15px; }
#contact .booking .phone span { font-size:3.3rem; color:#c1da01; font-weight:900; text-transform:uppercase; }
#contact .map { margin-top:80px; position:relative; }
#contact .map .pulse { position:absolute; z-index:0; top:40%; left:52.2%; background: rgba(180, 206, 77, 0.55); border-radius: 50%; box-shadow: 0 0 0 0 rgba(234, 200, 94, 0.25); margin-left:-40px; height: 80px; width: 80px; transform: scale(1); animation: pulse 2s infinite; }
@keyframes pulse { 
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(180, 206, 77, 0.55); }
    70% { transform: scale(1); box-shadow: 0 0 0 50px rgba(180, 206, 77, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(180, 206, 77, 0); }
}













/**
 * Extra large
 **/
@media (min-width: 1750px) {
    .container { max-width:1670px; }
}

/**
 * Extra large
 **/
@media (max-width: 1749px) {
    #accueil .intro .title:after { content:none; }
    #accueil .intro .title h1 { margin-bottom:30px; }
    #accueil .intro .description:after { content:none; }
    
    #footer .top .buttons { display:none; }
    #footer .top .logo { max-width:none; flex:0 0 40%; justify-content:flex-start; }
    #footer .top .socials { max-width:none; flex:0 0 60%; justify-content:flex-end; }
    
    #header2 .menu-carte svg { max-width:120px; }
    
    .tiles h2 { font-size:2.5rem; font-weight:700; }
    .tile .text { font-size:1.6rem; padding:60px; }
    .tile .text h2:after { content:none; }
    .tile .image { align-self:stretch; }
    .tile .image img { height:100%; object-fit:cover; object-position:center center; }
    
    #carte-et-menus .menuslider .inner { padding:40px 60px; }
    #aux-alentours .menuslider .inner { padding:40px 60px; }
    #aux-alentours .menuslider h2 { font-size:3rem; }
    #contact .form header,
    #contact .form h1 { margin-left:0; }
    #contact .form .box { padding:30px 60px; }
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    body { font-size:1.6rem; }
    
    .slider .swiper-container { min-height:500px; max-height:800px; }
    .slider:after { bottom:-50px; height:200px; }
    .slider h1 { font-size:4rem; }
    
    .padding { padding-top:100px; padding-bottom:100px; }
    
    .tile .text { padding:40px; }
    
    .field.textfield label { font-size:1.8rem; }
    
    #accueil .slider .button { margin-top:100px; }
    #accueil .slider .button svg { width:120px; }
    #accueil .slider:after { height:150px; }
    
    #accueil .intro .title h1 { font-size:3.5rem; }
    #accueil .intro .description { font-size:2rem; }
    
    #footer .bottom { font-size:1.6rem; }
    #footer .bottom .links { font-size:1.2rem; } 
    
    #header2 .menu-contact,
    #header2 .menu-socials { display:none; }
    #aux-alentours .menuslider h2 { font-size:2.5rem; }
    
    #contact .booking h2,
    #contact .booking .phone span { font-size:2.2rem; }
    
    #contact .map .pulse { top:37%; }
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    .slider .swiper-container { min-height:400px; max-height:700px; }
    .slider h1 { font-size:3.5rem; }
    #accueil .slider .button { margin-top:50px; }
    
    #footer .bottom .links li:first-child { display:none; }
    #header2 .menu-vv { display:none; }
    #header2 .menu-phone { order:3; }
    
    .tile .image { order:2; }
    .tile .text { order:1; }
    
    #carte-et-menus .menuslider { padding:0 60px; }
    #aux-alentours .menuslider { padding:0 60px; }
    #aux-alentours .menuslider h2 { font-size:2rem; }
    
    #contact .map .pulse  { top:32%; }
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    body { font-size:1.4rem; }
    .slider .swiper-container { min-height:300px; max-height:600px; }
    .slider h1 { font-size:3rem; }
    #accueil .slider .button { margin-top:30px; }
    #schedules thead th { font-size:0; }
    #schedules thead th:first-letter { font-size:1.2rem; }
    
    #footer .top .logo { display:none;}
    #footer .top .socials { max-width:none; flex:0 0 100%; justify-content:center; }
    #footer .bottom .links { display:flex; flex-direction:column; align-items:center; justify-content:center; }
    #footer .bottom .links li { margin:10px 0; }
    #footer .bottom .links li:after { content:none; }
    
    #header2 .menu-carte,
    #header2 .menu-phone { display:none; }
    
    #carte-et-menus .menuslider { padding:0 40px; font-size:1.4rem; }
    #carte-et-menus .menuslider .inner { padding:30px; }
    #carte-et-menus .menuslider h3 { font-size:2.5rem; padding-bottom:30px; margin-bottom:30px; }
    #carte-et-menus .menuslider li { font-size:1.4rem; }
    #carte-et-menus .menus .menuslider h3 { font-size:2.5rem; }
    #carte-et-menus .menus .title .price { font-size:2rem; }
    #carte-et-menus .download h2 { font-size:2rem; }
    #carte-et-menus .download .box { padding:40px; }
    
    #aux-alentours .menuslider .inner { padding:30px; }
    
    #contact .form .box { padding:15px; }
    #contact .form .btn { padding:15px 30px; }
    
    #contact .map .pulse { display:none; }
    
    #menu { left:60px !important; transform:translateX(-100%) !important; }
    #menu #blob { display:none; }
    #menu .hamburger { transform:none !important; top:20px; margin-top:0; }
    body.open #menu { transform: translateX(calc(0% - 60px)) !important; left: 0px; }
    
    
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    .slider .swiper-container { min-height:300px; max-height:500px; }
    #schedules th { font-size:0; }
    #schedules th:first-letter { font-size:1.2rem; }
    
    #footer .top .socials { display:flex; flex-direction:column; align-items:center; justify-content:center; }
    #footer .top .socials .item { margin-bottom:15px; }
    
    #carte-et-menus .menuslider { padding:0; }
    #carte-et-menus .menuslider .navigation { display:none; }
    #carte-et-menus .menuslider .inner { margin-right:0; margin-bottom:0; box-shadow:none; }
    #aux-alentours .menuslider { padding:0; }
    #aux-alentours .menuslider .navigation { display:none; }
    #aux-alentours .menuslider .inner { margin-right:0; margin-bottom:0; box-shadow:none; }
    
}