@import"https://fonts.googleapis.com/css2?family=Graduate&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primaryfont: "Inter Tight", sans-serif;--titlefont:"Graduate", serif;--blue:#012340;--light-blue:#004369;--beige:#F8F6F2;--h1: 5rem;--h2: 2.3rem;--h3: 1.3rem}@keyframes defilement-rtl{0%{transform:translate3d(-100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}.navbar{background-color:rgba(0,0,0,0);transition-property:background-color;transition-duration:.7s;z-index:2500;background-color:#fff}.navbar .nav{color:#000;text-transform:uppercase;height:40px}.navbar .nav li{margin:0 20px}.navbar .nav li a{color:#000;font-weight:400}.navbar .navbar-brand{font-size:15px;text-transform:uppercase;opacity:0;transition-property:opacity;transition-duration:.7s}.navbar .navbar-brand img{height:50px;margin-right:15px}.navbar #burger{position:relative;z-index:100;height:45px;width:45px;border:none;background:var(--beige);border-radius:50%}.navbar #burger:focus{outline:none}.navbar #burger span{content:"";height:2px;width:25px;background:#000;position:absolute;top:15px;left:10px;z-index:100}.navbar #burger span:nth-child(1){transform:none;transition:.5s}.navbar #burger span:nth-child(2){top:22px;opacity:1;transition:.5s}.navbar #burger span:nth-child(3){top:29px;transform:none;transition:.5s}.navbar #burger.visible span:nth-child(1){top:20px;transform:rotate(-45deg);transition:.5s}.navbar #burger.visible span:nth-child(2){opacity:0;transition:.5s}.navbar #burger.visible span:nth-child(3){top:20px;transform:rotate(45deg);transition:.5s}.modal-open .navbar{background-color:rgba(0,0,0,0);transition-property:background-color;transition-duration:.7s}.modal-open .navbar:hover{background-color:rgba(0,0,0,0)}.modal-open section{filter:blur(1.5rem)}.modal-open .modal-backdrop.show{opacity:0}#menuModal.modal{background:hsla(0,0%,100%,.55)}#menuModal .modal-content{top:120px;background-color:rgba(0,0,0,0)}#menuModal .modal-content ul{list-style:none;font-size:1.4rem;line-height:160%;padding-left:0}#menuModal .modal-content ul li{padding:10px 0 0 0;font-weight:400;cursor:pointer}#menuModal .modal-content ul li a{text-decoration:none;color:#000;cursor:pointer}html,body{font-family:var(--primaryfont);line-height:1.5;font-size:16px;font-weight:300;background-color:var(--beige)}h2{font-weight:300;font-size:1.4rem;text-transform:uppercase;margin-bottom:1rem}#hero{height:calc(100vh - 60px);position:relative;overflow:hidden;perspective:1px}#hero .row{height:100%}#hero .row .hero-img{position:absolute;padding:0;width:100%;height:100%;object-fit:cover;left:0;top:0}#hero .row .logo{position:relative;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}#hero .row .scroll-down{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);width:70px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center/contain;animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translate(-50%, 0)}40%{transform:translate(-50%, 8px)}60%{transform:translate(-50%, 4px)}}section{opacity:0;transform:translateY(20px);transition:all .6s ease-out}section.visible{opacity:1;transform:translateY(0)}#headline{overflow:hidden}#headline h1{margin-bottom:0;font-family:var(--titlefont);text-transform:uppercase;line-height:85%;letter-spacing:-10px;color:var(--beige);color:var(--beige);-webkit-text-stroke:4px var(--blue);font-size:13vw;width:100%;text-align:center;margin:0}#introduction{margin-top:-9px;padding-top:8rem;padding-bottom:8rem;background-color:var(--blue);color:#fff;text-align:center;overflow:hidden}#information{padding-top:8rem;padding-bottom:8rem;color:var(--blue);text-align:center;overflow:hidden}#information input,#information select{border-radius:30px;width:100%;border:1px solid var(--blue)}#information .btn{background-color:var(--blue);border:1px solid var(--blue);width:100%;border-radius:30px}#illustration{text-align:center}#illustration img{transform:rotate(-30deg);opacity:0;transition:transform 1s ease,opacity 1s ease .3s}#illustration.in-view img{transform:rotate(0deg);opacity:1}#formateurs{position:relative;overflow:hidden;padding-top:8rem;padding-bottom:8rem}#formateurs h2{font-size:10vw;width:100%;text-align:center;margin:0;line-height:73%}#formateurs .slider{position:relative;top:0}#formateurs .slider .formateurs{width:100%;height:100%;overflow:hidden}#formateurs .slider .formateurs .swiper-wrapper{align-items:center;margin-bottom:3rem;height:80vh}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide{text-align:center;font-size:18px;justify-content:center;display:flex;flex-direction:column;align-items:center}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .picture-wrapper{width:100%;display:flex;justify-content:center;align-items:center}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .picture{width:100%;position:relative;overflow:hidden;aspect-ratio:5/4;transition:aspect-ratio .4s ease}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .picture.enlarged{aspect-ratio:4/5}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide h3{margin-top:30px;color:var(--blue);font-size:1.2rem;margin-bottom:0}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .barbershop{font-weight:400;font-size:1rem}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .bio{font-size:1rem;text-decoration:underline;margin-top:.7rem}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide .bio a{color:var(--blue)}#formateurs .slider .formateurs .swiper-wrapper .swiper-slide-active .picture{aspect-ratio:4/5}#formateurs .swiper-pagination{position:relative}#formateurs .swiper-pagination .swiper-pagination-bullet{background-color:var(--beige);border:2px solid var(--blue);opacity:1;width:10px;height:10px}#formateurs .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--blue)}#contact{background-color:var(--light-blue);position:relative;overflow:hidden;padding-top:10rem;padding-bottom:10rem;color:#fff;text-align:center}#contact::before{content:"";position:absolute;top:30px;left:-100px;width:400px;height:400px;background-image:url("../img/uba-scissor.svg");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:1}#contact::after{content:"";position:absolute;bottom:0;right:-50px;width:300px;height:300px;background-image:url("../img/uba-rasor.svg");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:1}#contact input,#contact select,#contact textarea{border-radius:30px;width:100%;border:1px solid #fff;background-color:var(--light-blue);color:#fff}#contact input::placeholder,#contact select::placeholder,#contact textarea::placeholder{color:#fff}#contact select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2rem}#contact textarea{border-radius:15px}#contact button{background-color:#fff;border:1px solid #fff;width:100%;border-radius:30px;color:var(--light-blue)}#contact .row{z-index:1;position:relative}#contact .social a{color:#fff}#contact .social a svg{width:30px;height:30px}footer{text-align:center;font-size:.8rem;text-transform:uppercase;padding:15px 0}@-webkit-keyframes flickerAnimation{0%{opacity:1}100%{opacity:0}}@keyframes flickerAnimation{0%{opacity:1}100%{opacity:0}}@keyframes flickerAnimation{0%{opacity:1}100%{opacity:0}}.lazyloaded{opacity:1;transition:opacity 1.2s ease-out}.image{position:relative;display:block;width:100%;background:#f5f5f5}.image:before{content:"";display:inline-block;position:absolute;right:calc(50% - .25rem);top:calc(50% - .25rem);width:.5rem;height:.5rem;background:#000;border-radius:.5rem;opacity:1;-webkit-animation:flickerAnimation .5s infinite alternate;animation:flickerAnimation .5s infinite alternate}.image .lazyload{opacity:0;-webkit-filter:blur(0.1875rem);filter:blur(0.1875rem)}.image .lazyload:not([src]){visibility:hidden}.image .lazyloaded{opacity:1;-webkit-filter:blur(0);filter:blur(0);transition:opacity 1.2s ease-out,-webkit-filter 1.2s ease-out,opacity 1.2s ease-out,filter 1.2s ease-out}.image img,.image iframe,.image video{position:relative;top:0;left:0;max-width:100%;width:100%;height:auto;display:block;opacity:0}.image .image--cropped{height:auto;clear:both}.image .image--cropped:after{content:"";display:block;height:0;width:100%;padding-bottom:auto img;padding-bottom-content:"";padding-bottom-display:block;padding-bottom-max-width:100%;padding-bottom-width:100%;padding-bottom-height:auto}@media(max-width: 1200px){#headline{overflow:hidden}#headline h1{-webkit-text-stroke:3px var(--blue);line-height:95%;letter-spacing:-7px}#formateurs .slider .formateurs .swiper-wrapper{height:60vh}}@media(max-width: 900px){#formateurs .slider .formateurs .swiper-wrapper{height:45vh}}@media(max-width: 750px){#headline{overflow:hidden}#headline h1{-webkit-text-stroke:2px var(--blue);line-height:95%;letter-spacing:-4px}#contact{padding-top:20rem;padding-bottom:20rem}#contact::before{top:30px;left:-100px;width:300px;height:300px}#contact::after{bottom:0;right:-50px;width:250px;height:250px}}@media(max-width: 400px){#headline{overflow:hidden}#headline h1{-webkit-text-stroke:2px var(--blue);line-height:95%;letter-spacing:-4px}#contact{padding-top:20rem;padding-bottom:20rem}#contact::before{top:30px;left:-100px;width:250px;height:250px}#contact::after{bottom:0;right:-50px;width:200px;height:200px}#formateurs .slider .formateurs .swiper-wrapper{height:38vh}}/*# sourceMappingURL=main.css.map */