#qodef-page-content-side.cs-on-right.cs-has-border {
    border-left: 1px solid #e1e1e1
}

#qodef-page-content-side {
    position: fixed;
    top: 0;
    right: 0;
    width: 135px;
    height: 100%;
    z-index: 99
}

#qodef-page-content-side.cs-on-right.cs-has-border {
    border-left: 1px solid #e1e1e1
}

#qodef-page-content-side.cs-on-left {
    right: auto;
    left: 0
}

#qodef-page-content-side.cs-on-left.cs-has-border {
    border-right: 1px solid #e1e1e1
}

#qodef-page-content-side #qodef-page-content-side-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(-90deg) translate3d(-50%,-50%,0);
    transform-origin: top left;
    white-space: nowrap
}

#qodef-page-content-side #qodef-page-content-side-inner.off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease,visibility 0s .15s
}

#qodef-page-content-side #qodef-page-content-side-inner.on {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease
}

@media only screen and (max-width: 1024px) {
    #qodef-page-content-side {
        display:none
    }
}


.qodef-social-text {
    display: inline-flex
}

.qodef-social-text .qodef-social-text-link {
    position: relative;
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: .25em;
    color: #2b2b2b;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-right: 14px
}

.qodef-social-text .qodef-social-text-link:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .2s ease-out
}

.qodef-social-text .qodef-social-text-link:hover:after {
    transform: scaleX(1)
}

.qodef-social-text .qodef-social-text-link:last-child {
    margin-right: 0
}