.pronav {
    height: auto;
    overflow: hidden;
    background: #fff;
    text-align: center;
    font-size: 0;
    padding: 2.5vw 0 1vw 0;
    position: relative;
}
.pronav.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: -1.5vw;
    z-index: 1000;
}
.pronav a {
    display: inline-block;
    vertical-align: top;
    width: 12.5%;
    height: auto;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    text-align: center;
}
.pronav a .svg {
    display: block;
    height: 2.2vw;
    width: auto;
    margin: 8px auto;
}
.pronav a .svg path {
    fill: #333;
}
.pronav a span {
    display: block;
    font-size: 1.125rem;
    margin-bottom: 8px;
    text-align: center;
}
.pronav a.on, .pronav a:hover {
    color: #8b4b25;
    font-weight: bold;
}
.pronav a.on .svg path, .pronav a:hover .svg path {
    fill: #8b4b25;
}
.pronav a::after {
    content: '';
    width: 60%;
    height: 60%;
    border: 3px solid #fff;
    border-radius: 3vw;
    opacity: 0;
    position: absolute;
    left: 20%;
    top: 20%;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pronav a.on::after {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid #8b4b25;
    left: 0;
    top: 0;
    opacity: 1;
}