/* Custom Stylesheet */

@charset "utf-8";
@-webkit-keyframes btnBorderAnimateBlack {
    0% {
        opacity: 0
    }
    40% {
        border-color: rgba(0, 0, 0, .5);
        opacity: 1;
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px
    }
    60% {
        border-color: rgba(0, 0, 0, .5);
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px
    }
    80% {
        margin-left: -28px;
        margin-top: -28px;
        width: 56px;
        height: 56px
    }
    to {
        margin-left: -27px;
        margin-top: -27px;
        width: 54px;
        height: 54px
    }
}

@-webkit-keyframes btnBorderAnimateBig {
    0% {
        opacity: 0
    }
    40% {
        border-color: #fff;
        opacity: 1;
        margin-left: -101px;
        margin-top: -101px;
        width: 202px;
        height: 202px
    }
    60% {
        border-color: hsla(0, 0%, 100%, .3);
        margin-left: -45px;
        margin-top: -45px;
        width: 90px;
        height: 90px
    }
    80% {
        border-color: hsla(0, 0%, 100%, .7);
        margin-left: -48px;
        margin-top: -48px;
        width: 96px;
        height: 96px
    }
    to {
        border-color: hsla(0, 0%, 100%, .3);
        margin-left: -47px;
        margin-top: -47px;
        width: 94px;
        height: 94px
    }
}

@-webkit-keyframes btnBorderAnimateBlackBig {
    0% {
        opacity: 0
    }
    40% {
        border-color: #000;
        opacity: 1;
        margin-left: -61px;
        margin-top: -61px;
        width: 122px;
        height: 122px
    }
    60% {
        border-color: rgba(0, 0, 0, .5);
        margin-left: -53px;
        margin-top: -53px;
        width: 106px;
        height: 106px
    }
    80% {
        margin-left: -56px;
        margin-top: -56px;
        width: 112px;
        height: 112px
    }
    to {
        margin-left: -55px;
        margin-top: -55px;
        width: 110px;
        height: 110px
    }
}

@-webkit-keyframes btnBorderAnimateScroll {
    0% {
        opacity: 0
    }
    40% {
        border-color: #fff;
        opacity: 1;
        margin-left: -33px;
        margin-top: -17px;
        width: 66px;
        height: 66px
    }
    60% {
        border-color: hsla(0, 0%, 100%, .5);
        margin-left: -25px;
        margin-top: -12px;
        width: 50px;
        height: 50px
    }
    80% {
        margin-left: -28px;
        margin-top: -15px;
        width: 56px;
        height: 56px
    }
    to {
        margin-left: -27px;
        margin-top: -14px;
        width: 54px;
        height: 54px
    }
}

@keyframes btnBorderAnimateBlack {
    0% {
        opacity: 0
    }
    40% {
        border-color: rgba(0, 0, 0, .5);
        opacity: 1;
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px
    }
    60% {
        border-color: rgba(0, 0, 0, .5);
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px
    }
    80% {
        margin-left: -28px;
        margin-top: -28px;
        width: 56px;
        height: 56px
    }
    to {
        margin-left: -27px;
        margin-top: -27px;
        width: 54px;
        height: 54px
    }
}

@keyframes btnBorderAnimateBig {
    0% {
        opacity: 0
    }
    40% {
        border-color: #fff;
        opacity: 1;
        margin-left: -61px;
        margin-top: -61px;
        width: 122px;
        height: 122px
    }
    60% {
        border-color: hsla(0, 0%, 100%, .5);
        margin-left: -53px;
        margin-top: -53px;
        width: 106px;
        height: 106px
    }
    80% {
        margin-left: -56px;
        margin-top: -56px;
        width: 112px;
        height: 112px
    }
    to {
        margin-left: -55px;
        margin-top: -55px;
        width: 110px;
        height: 110px
    }
}

@keyframes btnBorderAnimateBlackBig {
    0% {
        opacity: 0
    }
    40% {
        border-color: #000;
        opacity: 1;
        margin-left: -61px;
        margin-top: -61px;
        width: 122px;
        height: 122px
    }
    60% {
        border-color: rgba(0, 0, 0, .5);
        margin-left: -53px;
        margin-top: -53px;
        width: 106px;
        height: 106px
    }
    80% {
        margin-left: -56px;
        margin-top: -56px;
        width: 112px;
        height: 112px
    }
    to {
        margin-left: -55px;
        margin-top: -55px;
        width: 110px;
        height: 110px
    }
}

@keyframes btnBorderAnimateScroll {
    0% {
        opacity: 0
    }
    40% {
        border-color: #fff;
        opacity: 1;
        margin-left: -33px;
        margin-top: -17px;
        width: 66px;
        height: 66px
    }
    60% {
        border-color: hsla(0, 0%, 100%, .5);
        margin-left: -25px;
        margin-top: -12px;
        width: 50px;
        height: 50px
    }
    80% {
        margin-left: -28px;
        margin-top: -15px;
        width: 56px;
        height: 56px
    }
    to {
        margin-left: -27px;
        margin-top: -14px;
        width: 54px;
        height: 54px
    }
}

@-webkit-keyframes leftAndRight {
    0% {
        -webkit-transform: translateZ(0) rotate(0)
    }
    25% {
        -webkit-transform: translate3d(10px, 0px, 0) rotate(0)
    }
    to {
        -webkit-transform: translate3d(0px, 0px, 0) rotate(0)
    }
}

@keyframes arrowScrollBottom {
    0% {
        -webkit-transform: translate3d(0, 0px, 0) rotate(45deg);
        transform: translate3d(0, 0px, 0) rotate(45deg);
    }
    25% {
        -webkit-transform: translate3d(0, -40px, 0) rotate(45deg);
        transform: translate3d(0, -40px, 0) rotate(45deg);
    }
    50% {
        -webkit-transform: translate3d(0, 0px, 0) rotate(45deg);
        transform: translate3d(0, 0px, 0) rotate(45deg);
    }
    to {
        -webkit-transform: translate3d(0, 0px, 0) rotate(45deg);
        transform: translate3d(0, 0px, 0) rotate(45deg);
    }
}

@-webkit-keyframes arrowScrollBottomRotate {
    0% {
        -webkit-transform: translateZ(0) rotate(0)
    }
    to {
        -webkit-transform: translateZ(0) rotate(-180deg)
    }
}

@keyframes arrowScrollBottomRotate {
    0% {
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
    to {
        -webkit-transform: translateZ(0) rotate(-180deg);
        transform: translateZ(0) rotate(-180deg)
    }
}

@-webkit-keyframes btnBorderAnimateAndDisappear {
    0% {
        opacity: 0
    }
    30% {
        border-color: #fff;
        opacity: 1;
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px
    }
    50% {
        border-color: hsla(0, 0%, 100%, .5);
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px
    }
    70% {
        margin-left: -28px;
        margin-top: -28px;
        width: 56px;
        height: 56px
    }
    90% {
        margin-left: -27px;
        margin-top: -27px;
        width: 54px;
        height: 54px
    }
    to {
        opacity: 0
    }
}

@keyframes btnBorderAnimateAndDisappear {
    0% {
        opacity: 0
    }
    30% {
        border-color: #fff;
        opacity: 1;
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px
    }
    50% {
        border-color: hsla(0, 0%, 100%, .5);
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px
    }
    70% {
        margin-left: -28px;
        margin-top: -28px;
        width: 56px;
        height: 56px
    }
    90% {
        margin-left: -27px;
        margin-top: -27px;
        width: 54px;
        height: 54px
    }
    to {
        opacity: 0
    }
}

@keyframes btnBorderAnimate {
    0% {
        opacity: 0
    }
    40% {
        border-color: #fff;
        opacity: 1;
        margin-left: -33px;
        margin-top: -33px;
        width: 66px;
        height: 66px
    }
    60% {
        border-color: hsla(0, 0%, 100%, .5);
        margin-left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px
    }
    80% {
        margin-left: -28px;
        margin-top: -28px;
        width: 56px;
        height: 56px
    }
    to {
        margin-left: -27px;
        margin-top: -27px;
        width: 54px;
        height: 54px
    }
}

@-webkit-keyframes pulseDiv {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes pulseDiv {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}