.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}



@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}



.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}


@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0
    }
}


@keyframes giraffe {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0px)
    }
}



@keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}




@-webkit-keyframes zoominoutsinglefeatured {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes zoominoutsinglefeatured {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes lineThree {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
    20% {
        -webkit-transform: translate3d(-70px, 80px, 0);
        transform: translate3d(-70px, 80px, 0);
        opacity: 1
    }
    90% {
        opacity: 1;
        -webkit-transform: translate3d(-300px, 310px, 0);
        transform: translate3d(-300px, 310px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-360px, 380px, 0);
        transform: translate3d(-360px, 380px, 0)
    }
}

@keyframes lineThree {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
    20% {
        -webkit-transform: translate3d(-70px, 80px, 0);
        transform: translate3d(-70px, 80px, 0);
        opacity: 1
    }
    90% {
        opacity: 1;
        -webkit-transform: translate3d(-300px, 310px, 0);
        transform: translate3d(-300px, 310px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-360px, 380px, 0);
        transform: translate3d(-360px, 380px, 0)
    }
}



@keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-filter: alpha(opacity=50)
    }
    80% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    100% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5)
    }
}

@-webkit-keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    80% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5)
    }
    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5)
    }
}

@-moz-keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    80% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5)
    }
    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5)
    }
}

@keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
}

@-webkit-keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
}

@-moz-keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
}



@supports not(mix-blend-mode:multiply) {
    .cursor {
        opacity: 1
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .cursor {
        visibility: hidden
    }
}


@keyframes cursor-active {
    0% {
        box-shadow: 0 0 0 0 #f7541b
    }
    100% {
        box-shadow: 0 0 0 3rem rgba(247, 84, 27, 0)
    }
}

@keyframes cursor-active2 {
    0% {
        box-shadow: 0 0 0 0 #f7541b
    }
    100% {
        box-shadow: 0 0 0 1rem rgba(247, 84, 27, 0)
    }
}

@keyframes cursorClose {
    0% {
        transform: scale(0) rotate(90deg)
    }
    100% {
        transform: scale(0.45) rotate(45deg)
    }
}



@keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851)
    }
    40% {
        box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851)
    }
    80% {
        box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0);
        -moz-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0)
    }
}

@-webkit-keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851)
    }
    40% {
        box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851)
    }
    80% {
        box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0);
        -moz-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0)
    }
}

@-moz-keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0.851), 0 0 0 0 rgba(83, 80, 255, 0.851)
    }
    40% {
        box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0.851)
    }
    80% {
        box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0);
        -moz-box-shadow: 0 0 0 20px rgba(83, 80, 255, 0), 0 0 0 20px rgba(83, 80, 255, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(83, 80, 255, 0), 0 0 0 0 rgba(83, 80, 255, 0)
    }
}


/*ani*/
.banIcon .icon1 {
	position: absolute;
	top: -20%;
	right: 10%;
	animation: lineThree 3s infinite linear
}

.banIcon .icon2 {
	position: absolute;
	top: -20%;
	right: 2%;
	animation: lineThree 3s infinite linear
}

.banIcon .icon3 {
	position: absolute;
	top: 20%;
	right: 5%;
	animation: lineThree 3s infinite linear
}

.banIcon .icon4 {
	position: absolute;
	top: 10%;
	left: 50%;
	animation: lineThree 3s infinite linear
}

.banIcon .icon5 {
	position: absolute;
	top: 10%;
	left: 30%;
	animation: lineThree 2s infinite linear
}


.banIcon .icon6 {
	position: absolute;
	top: -100%;
	right: 10%;
	animation: lineThree 2s infinite linear
}