body {
    margin: 0;
    padding: 0;
    margin: auto;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

header {
    height: 75px;
    width: 100%;
    box-shadow: 2px 8px 10px #eee;
    background: #fff;
    z-index: 9999;
}

button, input, li, h3, h4, h2 {
    font-family: 'Open Sans', sans-serif !important;
}

#menu {
    height: 100%;
    width: 100%;
}

#menu-1 {
    position: fixed;
    list-style-type: none;
    width: 90%;
    height: 50px;
    z-index: 99999;
    padding: 0;
    margin-left: 5%;
    overflow: hidden;
    display: block;
    /* border-bottom: thin solid rgba(237, 232,237,.1); */
    /* box-shadow: 2px 8px 10px #eee; */
}

.search-section {

    width: 100%;
    margin: 0;
    /* height: 40px; */
    height: 55px;
    background: #eeeeee78;
    position: relative;
    border-bottom: thin solid #eee;
}

#menu-1 li:not(.icone) {
    float: right;
    margin: auto 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

#menu-1 li p:hover,
#menu-1 li p:hover i {
    color: #ffc425 !important;
}

#menu-1 li.apps {
    position: relative;
    width: 109px;
}

#menu-1 li.apps:hover div.join {
    display: block;
    position: absolute;
    height: 10%;
    width: auto;
    z-index: 9999;
    top: 60%;
    left: 9%;
}

#menu-1 li.apps i {
    margin-left: 2%;
    display: inline-flex;
    /* margin-top: 2%; */
    /* padding-top: 8%; */
    position: absolute;
    top: 20%;
    color: #222;
}

#menu-1 li.apps p {
    display: inline-block;
}

.join {
    display: none;
/ position: absolute;
/ z-index: 100000000000;
/ background: #eee;
/ box-shadow: 1 px 4 px 5 px #333;
    box-shadow: 0px 7px 40px 0px rgba(46, 50, 66, 0.3);
/ float: none;
/ left: 74 %;
/ padding: 12 px;
/ top: 9 %;
/ margin-top: 0;
    border-radius: 3px;
}

.join ul {
    margin-top: 11%;
    list-style: none;
    height: 50px;
    width: 100%;
    padding: 5px;
}

.join a {
    text-decoration: none;
    width: 100%;
    height: 38px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
}

.join i {
    font-size: 51px;
    position: absolute;
    top: -30%;
    left: 45%;
    color: #eee;
}

#menu-1 li.icone {
    margin-top: 1%;
    float: left;
    margin-left: 1%;
}

#menu-1 li:not(.icone) {
    /* margin-top: 1.8%; */
    height: 100%;
    /* margin-top: 0.5%; */
    padding: 10px;
    /* border-right: thin solid #ccc; */
}

#menu-1 li p {
    color: #222;
    margin-top: 9px;
}

#menu-1 li img {
    height: 36px;
}

#menu-1 li button {
    border: none;
    background: none;
    margin-top: 13%;
    font-size: 16px;
    border-left: thin solid #ffc425;
    padding-left: 61%;
    color: #222;
}

#menu-1 li a:not(#bt-sessao-1) {
    margin: 20px 0px 20px 0px;
    font: 15px lucida, sans-serif;
    font-weight: bold;
    display: block;
    color: rgb(0, 52, 88);
    text-align: center;
    padding: 2px 13px;
    text-decoration: none;
    transition: .4s all linear;
}