.scroll-effect {
            width: 18px;
            margin: 0 auto;
        }

        .scroll-effect-arrows {
            margin: 0 auto;
            margin-top: -4px;
        }

        .scroll-effect-arrows span {
            display: block;
            width: 5px;
            height: 5px;
            -ms-transform: rotate(45deg);
            /* IE 9 */
            -webkit-transform: rotate(45deg);
            /* Chrome, Safari, Opera */
            transform: rotate(45deg);
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            margin: 0 0 3px 6px;
            margin-top: -4px;
        }

        .scroll-effect-arrows span.unu {
            margin-top: 6px;
        }

        .scroll-effect-arrows span.unu,
        .scroll-effect-arrows span.doi,
        .scroll-effect-arrows span.trei {
            -webkit-animation: mouse-scroll 1s infinite;
            -moz-animation: mouse-scroll 1s infinite;
        }

        .scroll-effect-arrows span.unu {
            -webkit-animation-delay: .1s;
            -moz-animation-delay: .1s;
            -webkit-animation-direction: alternate;
        }

        .scroll-effect-arrows span.doi {
            -webkit-animation-delay: .2s;
            -moz-animation-delay: .2s;
            -webkit-animation-direction: alternate;
        }

        .scroll-effect-arrows span.trei {
            -webkit-animation-delay: .3s;
            -moz-animation-delay: .3s;
            -webkit-animation-direction: alternate;
        }

        .scroll-effect-mouse {
            height: 28px;
            width: 14px;
            border-radius: 10px;
            transform: none;
            border: 2px solid white;
            top: 170px;
        }

        .scroll-effect-mouse .wheel {
            height: 5px;
            width: 2px;
            display: block;
            margin: 3px auto 5px auto;
            background: white;
            position: relative;
            -webkit-animation: mouse-wheel 1.2s ease infinite;
            -moz-animation: mouse-wheel 1.2s ease infinite;
        }

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

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

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

            50% {
                top: 2px;
            }

            100% {
                top: 3px;
            }
        }

        @-webkit-keyframes mouse-scroll {

            0% {
                opacity: 0;
            }

            50% {
                opacity: .5;
            }

            100% {
                opacity: 1;
            }
        }

        @-moz-keyframes mouse-scroll {

            0% {
                opacity: 0;
            }

            50% {
                opacity: .5;
            }

            100% {
                opacity: 1;
            }
        }

        @-o-keyframes mouse-scroll {

            0% {
                opacity: 0;
            }

            50% {
                opacity: .5;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes mouse-scroll {

            0% {
                opacity: 0;
            }

            50% {
                opacity: .5;
            }

            100% {
                opacity: 1;
            }
        }