2022-01-20 17:03:26 +00:00
|
|
|
*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}a{text-decoration:none;color:#000}body{font-family:"Open Sans",sans-serif}.container{max-width:134rem;padding:0 3rem;margin:0 auto}.nav{padding:2.2rem 0;z-index:2;position:relative}.nav-inner,.nav-left{display:flex;align-items:center;justify-content:space-between}.nav-left{text-decoration:none;max-width:30%}.main-logo{max-width:24.3rem;max-height:5.3rem}.main-logo img{width:100%;height:100%;object-fit:contain}.emblem{max-width:5.3rem;max-height:5.3rem}.emblem img{width:100%;height:100%;object-fit:contain}.nav-right{max-width:60%;width:100%;display:grid;grid-template-columns:1fr}.nav-link{display:flex;align-items:center;justify-content:space-between;list-style-type:none;cursor:pointer}.nav-link a,.nav-link h3{font-size:1.4rem;text-decoration:none;color:#000;font-weight:400}.nav-lang{width:2.7rem;height:2rem}.nav-lang img{width:100%;height:100%;object-fit:contain}.nav-select{position:relative}.nav-select:hover>.nav-downarrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .3s ease-out}.nav-select:hover>.nav-dropdown{max-height:40rem;transition:all .2s ease-out}.nav-select:nth-child(1n):hover{border-bottom:.2rem solid #003a9d}.nav-select h3{margin-right:.8rem}.nav-dropdown{position:absolute;top:2.5rem;right:50%;background:#353536;color:#fff;max-width:20rem;overflow:hidden;max-height:0;-webkit-transform:translateX(50%);transform:translateX(50%);transition:all .2s ease-out}.nav-dropdown a{color:#fff}.nav-dropdown-shifted{right:200%}.nav-dropdown-content{list-style-type:none}.dropdown-content{text-align:center;padding:.5rem 1rem;font-size:1.5rem}.dropdown-content:hover{background:#003a9d}.nav-downarrow{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .3s ease-out}.flag-wrapper{width:2.7rem;height:2rem}.flag-wrapper img{width:100%;height:100%;object-fit:contain}.nav-lang .dropdown-content{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.nav-lang h4{font-size:1.4rem;font-weight:400;margin-left:.7rem}.nav-links-mobile-button{display:none;align-items:center;justify-content:flex-end}.mobile-button{cursor:pointer;width:5rem;height:3rem;display:flex;align-items:center;justify-content:center;border:.1rem solid #003a9d;background:transparent}.mobile-button div{display:flex;flex-direction:column;align-items:center}.mobile-button div .stripe{margin:.2rem 0;width:3rem;height:.4rem;background:#003a9d;border-radius:2rem}.stripe-1{transition:all .3s ease;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}.stripe-1.active{transition:all .3s ease;-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.stripe-2{transition:all .3s ease;opacity:1}.stripe-2.active{transition:all .3s ease;opacity:0}.stripe-3{transition:all .3s ease;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}.stripe-3.active{transition:all .3s ease;-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.nav-mobile{overflow:hidden;max-height:0;transition:all .4s ease-in-out}.nav-mobile.active{max-height:60rem;transition:all .4s ease-in-out}.nav-mobile-links{list-style-type:none}.nav-mobile-link{width:100%;margin:2rem 0;cursor:pointer}.nav-mobile-link a{font-size:1.4rem;display:block}.nav-mobile-link h3{font-size:1.4rem;font-weight:400;margin-right:.8rem}.nav-mobile-link:nth-child(1n):hover .nav-mobile-link-dropdown{max-height:50rem;transition:all .2s ease-in-out}.nav-mobile-downarrow{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .2s ease-in-out}.nav-mobile-link-content{display:flex;align-items:center;justify-content:flex-start}.nav-mobile-link-content:hover .nav-mobile-downarrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .2s ease-in-out}.nav-mobile-link-content div.flag{width:2.7rem;height:2rem}.nav-mobile-link-content img{width:100%;height:100%;object-fit:contain}.flag{width:2.7rem;height:2rem}.flag img{width:100%;height:100%;object-fit:contain}.nav
|
