@charset "UTF-8";
/* CSS Document */
#nav {
    margin: auto;
    width: 100%;
    }
    ul#nav {
    padding: 0;
    }
    #nav li {
    list-style: none;
    }
    #nav li a {
    color: #FFFFFF;
    display: block;
    font-family: lubalingraph;
    font-size: 1.4em;
    padding: 10px 11px 4px;
    text-decoration: none;
    }
    #nav li a:hover, #nav li a.active {
    color: #5BBBE3;
    }
    #nav li a.active {
    background-color:#024873;
    }
    #nav section {
    display: none;
    /* I NEED */
    float: left;
    background: #fff;
    overflow: hidden;
    padding:  1% 3% 2%;
    margin-bottom: 10px;
    background-color: #024873;
    color:#fff;
    }
    ul#nav li section.short{  margin-right: 23%;
    width: 71%;}
    .no-js #nav section {
    display: block;
    /* I NEED */
    }
    #nav li ul li a {
    padding: 10px 25px;
    border-bottom: 1px dotted #ccc;
    }
    li.gone{display:none;color:#fff; font-family: lubalingraph;
    font-size: 1.4em;}
    #usp-wrap{width: 100%;float:none;}
    #nav li section p{margin:0 0 0.4em 0;}
    @media only screen and (min-width: 475px) {
    ul#nav li section.short{width: 94%;}}
    @media only screen and (min-width: 481px) {
    #nav {
    width: 100%;
    position: relative;
    float:none;
    }
    #usp-wrap{width: 95%;margin-left:2%;float:none;}
    }
    @media only screen and (min-width: 889px) {
    #nav {
    position: relative;
    }
    #nav li {
    display: inline;
    }
    #nav li a {
    display: inline-block;
    }
    #nav section {
    padding: 1% 2.5%;
    position: relative;
    top: -1px;
    left: 0;
    }
    }