.menu{width:100%;height:auto;background:#fff;padding:1em 0px 1.6em}.menu-header{display:block}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav li a{display:block;font-family:artegrasans-medium;color:#000;-webkit-transition:all 500ms ease;transition:all 500ms ease}.nav li a:hover{color:#33398e}.nav li i{position:absolute;padding-left:5px;padding-top:3px}.nav>li{float:left}.nav li ul{opacity:0;visibility:hidden;position:absolute;background:#fff;border-radius:5px;margin-top:1px;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;z-index:2}.nav li:hover>ul{opacity:1;visibility:visible}.nav li ul{margin-left:-1em;padding-top:1.5em}.nav li ul li{position:relative;text-align:center;padding:8px 12px}.nav li ul li a:hover{border-color:transparent}.nav li ul li .active{color:#33398e}.nav li .active{color:#33398e}.nav li ul li:first-child{border-bottom:2px solid #33398e}#btn-menu{display:none}.lbl-menu{position:relative;display:none;width:20px;float:right;cursor:pointer}.lbl-menu #spn1,#spn2,#spn3{position:absolute;content:"";background:#33398e;width:30px;height:4px;border-radius:5px;-webkit-transition:all 400ms ease;transition:all 400ms ease;right:0;z-index:7}#spn2{top:7px}#spn3{top:14px}#btn-menu{display:none}#btn-menu:checked ~ .lbl-menu #spn1{-webkit-transform:rotate(140deg);transform:rotate(140deg);top:8px}#btn-menu:checked ~ .lbl-menu #spn2{opacity:0}#btn-menu:checked ~ .lbl-menu #spn3{-webkit-transform:rotate(-140deg);transform:rotate(-140deg);top:8px}@media (min-width: 0px) and (max-width: 499px){.menu{padding:0px}.menu-header{display:block}.nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:0px;position:fixed;background-color:rgba(37,45,117,0.95);width:auto;height:100vh;top:0;left:0;-webkit-transition:all 500ms ease;transition:all 500ms ease;-webkit-transform:translateX(-100%);transform:translateX(-100%);padding:40px 30px;z-index:6}.nav li a{color:#fff;padding:0;margin:0;margin-bottom:1em}.nav li::after{content:"";position:absolute;height:3px;width:auto;background:#f9b233;top:33px;left:0}.nav li:last-child::after{content:""}.nav li ul{opacity:1;position:relative;visibility:visible;background:transparent;padding-left:15px;padding-top:0px}.nav li ul li{position:relative;text-align:center;padding:2px 12px}.nav li ul li a{color:#fff}.nav li ul li:first-child{border-bottom:none}.nav li ul li .active{color:#f9b233}.nav li .active{color:#f9b233}.nav li a:hover{color:#f9b233}.lbl-menu{display:block;margin-top:-3em;margin-right:0.5em}#btn-menu:checked ~ .nav{-webkit-transform:translateX(0%);transform:translateX(0%)}}@media (min-width: 500px) and (max-width: 749px){.menu{padding:0px}.menu-header{display:block}.nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:0px;position:fixed;background-color:rgba(37,45,117,0.95);width:auto;height:100vh;top:0;left:0;-webkit-transition:all 500ms ease;transition:all 500ms ease;-webkit-transform:translateX(-100%);transform:translateX(-100%);padding:40px 50px 40px 40px;z-index:6}.nav li a{color:#fff;padding:0;margin:0;margin-bottom:1em}.nav li::after{content:"";position:absolute;height:3px;width:auto;background:#f9b233;top:33px;left:0}.nav li:last-child::after{content:""}.nav li ul{opacity:1;position:relative;visibility:visible;background:transparent;padding-left:15px;padding-top:0px}.nav li ul li{position:relative;text-align:center;padding:2px 12px}.nav li ul li a{color:#fff}.nav li ul li:first-child{border-bottom:none}.nav li ul li .active{color:#f9b233}.nav li .active{color:#f9b233}.nav li a:hover{color:#f9b233}.lbl-menu{display:block;margin-top:-3.4em;margin-right:0.5em}#btn-menu:checked ~ .nav{-webkit-transform:translateX(0%);transform:translateX(0%)}}
/*# sourceMappingURL=menu.css.map */