#hero{background-image:url('../images/hero.jpg')}.banner-img{background-image:url('../images/banner.jpg')}body{font-family:"menu-main-ankle-pre",Arial,sans-serif;min-height:100vh;color:#2e2e2e}*{margin:0;padding:0;box-sizing:border-box;font-size:1em}img{max-width:100%}.icon{height:1.5em;width:1.5em;max-width:1.5em}#body{background-attachment:fixed;background-size:cover;background-position:center}header#head{text-align:center;padding:1.25em;max-height:66vh}header#head .logo-img{max-height:32vh;max-width:86vw}#menu{background-color:#164267;padding-left:.5em}#menu .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#menu .menu-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}#menu .menu-list .menu-category{position:relative;min-width:12ch}#menu .menu-list .menu-category .menu-label{display:flex;align-items:center;padding:.8em 1em;text-decoration:none;cursor:pointer;transition:background-color .3s ease}#menu .menu-list .menu-category .menu-label:hover{background-color:rgba(255,255,255,0.192)}#menu .menu-list .menu-category .menu-label::before{content:"▼ ";font-size:.8em;margin-right:.2em;transition:transform .3s ease}#menu .menu-list .menu-category .submenu-list{list-style:none;margin:0;padding:0;overflow:hidden;max-height:0;background-color:#050c12;transition:max-height .4s ease;position:absolute}#menu .menu-list .menu-category .submenu-list .menu-item{width:200px}#menu .menu-list .menu-category .submenu-list .menu-item .menu-text{padding:10px}#menu .menu-list .menu-category input.menu-toggle:checked + .menu-label::before{transform:rotate(180deg)}#menu .menu-list .menu-category input.menu-toggle:checked ~ .submenu-list{max-height:1000px}#menu .menu-list .menu-category input.menu-toggle:checked ~ .menu-label{background-color:#0a1722}#menu .menu-list .menu-category:hover .submenu-list{max-height:1000px}#menu .menu-list .menu-item{position:relative}#menu .menu-list .menu-item .menu-text{display:block;padding:.8em 1em;text-decoration:none;cursor:pointer;transition:background-color .3s ease}#menu .menu-list .menu-item .menu-text:hover{background-color:rgba(255,255,255,0.185)}#menu .menu-toggle{display:none}#menu .burger{display:none;cursor:pointer;width:1.3em;margin:.3em .6em;position:relative;transition:transform .3s ease}#menu .burger:hover{transform:scale(1.1)}#menu .burger span{display:block;width:100%;height:4px;background-color:#fff;margin:5px 0;transition:.3s}@media (max-width: 768px){#menu .menu-list{display:none;flex-direction:column;width:100%;transition:max-height .3s ease}#menu .menu-list .menu-category{width:100%}#menu .menu-list .menu-category .submenu-list{position:static}#menu .burger{display:block}#menu .menu-toggle:checked ~ .menu-list{display:flex}}#hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em 0;min-height:22em;background-position:center;background-size:cover}#hero .container{width:100%;max-width:1200px;padding:0 1em}#hero .hero.md-content{width:100%;text-align:center}section#company .container{display:flex;align-items:stretch;justify-content:space-between;gap:1.25em;height:100%}section#company .company-text{width:60%;font-size:1.2em;padding:2.5em;align-self:center}section#company .company-text .collection-horiz *{align-self:baseline}section#company .company-text .collection-horiz img{display:block;scale:72%}section#company .banner-img{width:40%;min-height:22em;background-size:cover;background-position:center}section#main{padding:2em 20vw 5.5em 20vw}section#main .content-md-content{text-align:center;font-size:1.2em}section#gap{height:auto;min-height:50vh;max-height:1200px}section#ankle{padding:2.5em}section#ankle .container{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2em}section#ankle .custom-content{text-align:center;font-size:.8em;flex-shrink:1}section#ankle .custom-content img{max-height:16em}section#ankle .contact-infos{align-self:center;font-weight:bold;display:flex;flex-wrap:wrap;gap:1em}section#ankle .contact-infos .contact{display:flex;align-items:center;justify-content:center;gap:1em;flex:1 1 18em}section#ankle .contact-infos .contact .contact-detail a{text-decoration:none}.gallery .gallery-box{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.gallery .gallery-box .gallery-item{flex:1 1 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem);transition:transform .3s ease,box-shadow .3s ease}.gallery .gallery-box .gallery-item:hover{transform:scale(1.05)}.gallery .gallery-box .gallery-item picture{display:block;width:100%;aspect-ratio:4 / 3}.gallery .gallery-box .gallery-item picture img{width:100%;height:100%;object-fit:cover;border-radius:.2em;box-shadow:0 4px 6px rgba(0,0,0,0.1)}@media (max-aspect-ratio: 3/2){.gallery .gallery-box .gallery-item{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (max-aspect-ratio: 1/1){.gallery .gallery-box .gallery-item{flex:1 1 100%;max-width:100%}}.gallery .gallery-content{margin-top:2rem}.contact-form{margin:2.5em auto;padding:2em 2.5em 1.5em 2.5em;background:rgba(255,255,255,0.93);border-radius:.6em;box-shadow:0 4px 18px rgba(0,0,0,0.08);font-family:inherit}.contact-form .contact-question{display:flex;align-items:center;margin-bottom:1.2em}.contact-form .contact-question label{flex:0 0 7em;font-weight:600;color:#2e2e2e;font-size:1em;margin-right:1em;letter-spacing:.01em}.contact-form .contact-question input,.contact-form .contact-question textarea,.contact-form .contact-question select{flex:1 1 0;font-size:1em;padding:.7em 1em;border:1.5px solid #d2d2d2;border-radius:.3em;background:#f8f8f8;color:#2e2e2e;transition:border-color .2s;font-family:inherit}.contact-form .contact-question input:focus,.contact-form .contact-question textarea:focus,.contact-form .contact-question select:focus{border-color:#164267;outline:none;background:#fff}.contact-form .contact-question textarea{resize:vertical;min-height:3.5em;max-height:12em}.contact-form input[type="checkbox"],.contact-form input[type="radio"]{width:1.2em;height:1.2em;margin-right:.7em;accent-color:#164267;vertical-align:middle}.contact-form select{appearance:none;background:#f8f8f8;padding-right:2.5em}.contact-form button,.contact-form input[type="submit"]{background:#164267;color:#fff;font-weight:600;border:none;border-radius:.3em;padding:.8em 2.2em;font-size:1em;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.07);transition:background .2s,transform .2s}.contact-form button:hover,.contact-form button:focus,.contact-form input[type="submit"]:hover,.contact-form input[type="submit"]:focus{background:#0d273d;transform:translateY(-2px) scale(1.03)}@media (max-width: 600px){.contact-form{padding:1.2em .7em}.contact-form .contact-question label{flex:0 0 1.8em}.flexrow{flex-direction:column}}footer#footer{text-align:center;padding:.75em}@media (max-width: 900px){section#main{padding:1.5em 6vw}section#ankle .container,section#company .container{flex-direction:column}section#ankle .company-text,section#ankle .banner-img,section#ankle .custom-content,section#ankle .contact-infos,section#company .company-text,section#company .banner-img,section#company .custom-content,section#company .contact-infos{width:100%}}
