.navigation {
    color: #222;
    background-color: #ffffff;
    opacity: 1;
    position: relative;
    z-index: 999;
    box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);

}

.nav-wrap {
    margin: 0 auto;
    width: 100%;
}

.nav-wrap--large {
    max-width: 1400px;
}

.mainmenu {
    padding: 0 20px;
}


@media only screen and (min-width: 1600px) {
    .mainmenu {
        padding: 0;
    }
}

.mainmenu-list {
    position: relative;
    width: 100%;
    z-index: 99999;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}



.mainmenu-list {
    height: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}





.mainmenu--is-fixed .mainmenu-wrap {
    transition: all .1s;
}


.mainmenu-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .mainmenu-wrap {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    }

.mainmenu-link {
    position: relative;
}

.mainmenu-link img {
    max-height: 50px;
    height: 50px;
    vertical-align: middle;
    width: auto;
    margin: 10px 0;
  }


.mainmenu-link--button {
position: relative;
display: inline-block;
padding: .75rem 1.5rem;
cursor: pointer;
background: transparent;
text-decoration: none;
color: #ffffff;
border: 1px solid #273475;
font-family: Arial,sans-serif;
background: #273475;
border-radius: 3px;
line-height: 1;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
text-transform: uppercase;
font-size: .875rem;
font-weight: 700;
}

.mainmenu-link--button:hover {
    color: #ffffff;
    background:#132350;
}