@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-moz-keyframes mouse-wheel {
    0%, 100% {
        top: 1px
    }

    25%, 75% {
        top: 2px
    }

    50% {
        top: 6px
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

.content-detail .footer-note {
    padding: 20px 11px 20px 20px;
    background-color: rgba(255, 234, 215, .06);
    margin: 20px 0;
    font-style: italic
}

.content-detail .footer-note .text-under {
    color: #ffead7;
    text-decoration: underline
}

#ophthalmologist-list .ophth-get {
    padding: 11px 0 20px 20px
}

#ophthalmologist-list .ophth-get h5 {
    font-size: 1.3rem;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px
}

#ophth-list li {
    width: calc(32.8% - 14px);
}

#ophth-list .ophth-head:before {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/icon-sm-map.png) no-repeat
}

#ophth-list .ophth-head {
    display: inline-block;
    text-align: left;
    position: relative;
    padding-left: 20px;
    font-size: .8rem;
    margin-bottom: 0;
}

#map-noti, #ophth-list .ophth-head strong {
    font-size: 1rem
}

.page__vi #ophth-list .ophth-head {
    font-family: OpenSans, sans-serif;
    font-size: .7rem
}

#ophth-list .text-orange {
    font-size: 1rem;
    color: #f69d27
}

#surveys .surv-desc, #surveys .surv-ques h2 {
    font-size: 20px;
    line-height: 34px
}

.page__vi #ophth-list .text-orange {
    font-family: OpenSans, sans-serif;
    font-size: .8rem
}

#ophth-list .ophth-addr {
    text-align: left;
    display: block
}

@media only screen and (max-width: 992px) {
    #ophth-list li {
        margin-right: 0;
        width: 100%;
        float: left
    }
}

.sidebar {
    margin-top: 30px !important
}

.sidebar .newest-promo {
    background: #1f1a18;
    margin-bottom: 30px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .box-faq.faq-1, .box-faq.faq-3, .box-faq.faq-4, .box-faq.faq-8 {
        width: 31.2%;
        margin-right: 30px;
        vertical-align: top
    }

    .box-faq.faq-2, .box-faq.faq-9 {
        width: 65.2%;
        float: right
    }

    .box-faq.faq-5, .box-faq.faq-7 {
        width: 31.2%;
        float: right;
        vertical-align: top
    }

    .box-faq.faq-10, .box-faq.faq-6, .box-references {
        width: 65.2%;
        margin-right: 30px
    }

    .box-faq.faq-10 {
        margin-bottom: 50px
    }

    .list-faq + .right-stories {
        width: 31.2%;
        float: right;
        vertical-align: top;
        position: relative;
        top: -310px;
        margin-bottom: -310px
    }

    .newest-promo svg {
        width: 100%
    }

    .newest-promo .col-md-7 {
        padding-left: 0;
        padding-right: 0
    }
}