@-moz-keyframes slide-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-40%);
        transform: translateX(-40%)
    }
    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-webkit-keyframes slide-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }
    to {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

.logo-box {
    font-size: 1em;
    margin: 0;
    padding: 0
}

.logo-link {
    background-color: white;
    border-bottom: 1px solid white;
    border-right: 3px solid #ed1c24;
    font-weight: 900;
    overflow: hidden;
    padding: 1em 2em 1.25em;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transform: skewX(-10deg) translate(-1em, 1em);
    transform: skewX(-10deg) translate(-1em, 1em);
    width: 235px;
}

.logo-link svg {
    display: block;
    height: 100%;
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}

.logo-link svg * {
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

.logo-link .v2-logo__v2 {
    transition: ease-out 250ms;
}

.is-collapsed .logo-link {
    background-color: transparent;
    border-right: 0;
    height: 32px;
    padding-bottom: 1em;
    transform: skewX(-10deg) translate(145px, 0);
    width: 12px;
}

.is-collapsed .v2-logo__v2 {
    fill: white;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

.is-collapsed .v2-logo__properties,
.is-collapsed .v2-logo__underline {
    opacity: 0;
}

.logo-img {
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 2em 3em;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s
}

.logo-link:hover .logo-img,
.logo-link:focus .logo-img {
    opacity: .6
}

.is-collapsed .logo-img {
    transform: scale(0.55) translate(210px, 52px)
}

.site-nav, .site-nav * {
    box-sizing: content-box;
}

.site-nav {
    bottom: 0;
    color: white;
    left: 0;
    position: fixed;
    top: 0;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    z-index: 3;
}

.site-nav a {
    color: inherit;
    display: block;
    text-decoration: none
}

.site-nav img {
    max-width: 100%;
}

.site-nav.is-collapsed {
    -moz-transform: translateX(-167px);
    -ms-transform: translateX(-167px);
    -webkit-transform: translateX(-167px);
    transform: translateX(-167px)
}

.site-nav-bg {
    background: rgba(153, 0, 0, 0.95);
    height: 2560px;
    left: -220px;
    position: absolute;
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    top: -45px;
    width: 270px;
    z-index: -1
}

.is-collapsed > .site-nav-bg {
    -moz-transform: rotate(0) translateX(185px);
    -ms-transform: rotate(0) translateX(185px);
    -webkit-transform: rotate(0) translateX(185px);
    transform: rotate(0) translateX(185px);
    width: 250px
}

.site-nav-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 1.5em 0;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    width: 235px;
}

.site-nav-spacer {
    margin-top: auto;
}

.is-collapsed > .logo-box + .site-nav-list {
    -moz-transform: translate(167px, -57px);
    -ms-transform: translate(167px, -57px);
    -webkit-transform: translate(167px, -57px);
    transform: translate(167px, -16px);
    width: 56px;
}

.is-collapsed > .site-nav-list {
    -moz-transform: translate(159px, 0);
    -ms-transform: translate(159px, 0);
    -webkit-transform: translate(159px, 0);
    transform: translate(159px, 0);
    width: 64px;
}

.site-nav-link {
    text-transform: uppercase;
    background: url('/images/nav/bg.svg') no-repeat -500px top;
    box-sizing: border-box;
    font-size: large;
    font-weight: 300;
    overflow: hidden;
    padding: 0.75em 1em 0.75em 0.25em;
    -moz-transition: background-position 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: background-position 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: background-position 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: background-position 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-property: all;
    white-space: nowrap;
    width: 252px;
    -webkit-tap-highlight-color: transparent;
}

.site-nav-item:nth-child(2) .site-nav-link {
    width: 242px
}

.site-nav-item:nth-child(3) .site-nav-link {
    width: 232px;
}

.site-nav-item:nth-child(4) .site-nav-link {
    width: 222px;
}

.site-nav-item:nth-child(5) .site-nav-link {
    width: 212px
}

.site-nav-item:nth-child(6) .site-nav-link {
    width: 202px
}

.site-nav-item:nth-child(7) .site-nav-link {
    width: 192px
}

.is-collapsed .site-nav-item .site-nav-link {
    -moz-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    width: 62px;
}

.is-collapsed .site-nav-item .site-nav-link:hover,
.is-collapsed .site-nav-item .site-nav-link:focus {
    width: 235px
}

.is-collapsed .is-current .site-nav-link {
    background-position: right -10px top
}

.site-nav-link:hover,
.site-nav-link:focus,
.is-current .site-nav-link,
.is-current .site-nav-link:hover,
.is-current .site-nav-link:focus {
    background-position: right top
}

.site-nav-link button {
    background: transparent;
    border: 0;
    padding: 0;
}

.site-nav-glyph {
    fill: currentcolor;
    height: 1.5em;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    vertical-align: -0.4375em;
    width: 3em
}

.site-nav-link:hover .site-nav-glyph,
.site-nav-link:focus .site-nav-glyph {
    opacity: 0.16667;
    -moz-transform: scale(5, 5);
    -ms-transform: scale(5, 5);
    -webkit-transform: scale(5, 5);
    transform: scale(5, 5)
}

.is-collapsed .site-nav-glyph {
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -webkit-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.site-nav-text {
    display: inline-block;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s
}

.is-collapsed .site-nav-text {
    opacity: 0;
    width: 0
}

.site-nav-link:hover .site-nav-text,
.site-nav-link:focus .site-nav-text {
    opacity: 1
}