.main-header {
    width: 100%;
    position: relative;
    z-index: 4;

    font: normal normal bold 17px/1.4em spinnaker,sans-serif;
    color: #868383;
}

.no-js .main-header {
    margin-top: 0;
}

.main-header .hamburger {
    position: absolute;
    left: 0;
    bottom: -2px;
    top: auto;

    font-size: 20pt;
    height: 44px;
    line-height: 44px;
    width: 45px;
    text-align: center;
    color: #ffffff;
}

.no-js .main-header .hamburger {
    display: none;
}

.main-header .main-title {
    max-width: 400px;
}

.main-nav .delimiter {
    display: block;
    width: 80%;
    height: 2px;
    margin: auto;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzgwYmJlOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(128,187,233,0) 99%, rgba(125,185,232,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,0)), color-stop(40%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,1)), color-stop(99%,rgba(128,187,233,0)), color-stop(100%,rgba(125,185,232,0)));
    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(128,187,233,0) 99%,rgba(125,185,232,0) 100%);
    background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(128,187,233,0) 99%,rgba(125,185,232,0) 100%);
    background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(128,187,233,0) 99%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(128,187,233,0) 99%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 );
}

.main-nav a {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    color: #868383;
}

.main-nav a:hover {
    /*background-color: rgba(172, 21, 27, 1);*/
    color: white;
}

.main-nav a.selected {
    /*background-color: rgba(57, 56, 56, 1);*/
    color: white;
}

@media (min-width: 992px) {

    .main-header {
        height: 40px;
        margin-top: 0;
    }

    .main-nav {
        height: 40px;
        text-align: center;
    }

    .main-nav a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }

    .main-nav a:hover {
        background-color: rgba(172, 21, 27, 1);
    }

    .main-nav a.selected {
        background-color: rgba(57, 56, 56, 1);
    }
}

/*.main-nav a.two-rows {
    height: 60px;
    line-height: 30px;
    margin: 5px 0;
}*/

/*
.main-header {
    height: 40px;
    font: normal normal bold 17px/1.4em spinnaker,sans-serif;
    color: #868383;

    transition: color 0.4s ease 0s;
}

.main-nav {
    height: 40px;
    text-align: center;
}

.main-nav a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;

    transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    color: #868383;
    text-decoration: none;
}

.main-nav a.selected {
    background-color: rgba(57, 56, 56, 1);
    color: white;
}

.main-nav a:hover {
    background-color: rgba(172, 21, 27, 1);
    color: white;
}*/