@-webkit-keyframes kenburns-top{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 16%;
        transform-origin:50% 16%
    }
    100%{
        -webkit-transform:scale(1.25) translateY(-15px);
        transform:scale(1.25) translateY(-15px);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes kenburns-top{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 16%;
        transform-origin:50% 16%
    }
    100%{
        -webkit-transform:scale(1.25) translateY(-15px);
        transform:scale(1.25) translateY(-15px);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes kenburns-top-right{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:84% 16%;
        transform-origin:84% 16%
    }
    100%{
        -webkit-transform:scale(1.25) translate(20px, -15px);
        transform:scale(1.25) translate(20px, -15px);
        -webkit-transform-origin:right top;
        transform-origin:right top
    }
}
@keyframes kenburns-top-right{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:84% 16%;
        transform-origin:84% 16%
    }
    100%{
        -webkit-transform:scale(1.25) translate(20px, -15px);
        transform:scale(1.25) translate(20px, -15px);
        -webkit-transform-origin:right top;
        transform-origin:right top
    }
}
@-webkit-keyframes kenburns-right{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:84% 50%;
        transform-origin:84% 50%
    }
    100%{
        -webkit-transform:scale(1.25) translateX(20px);
        transform:scale(1.25) translateX(20px);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes kenburns-right{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:84% 50%;
        transform-origin:84% 50%
    }
    100%{
        -webkit-transform:scale(1.25) translateX(20px);
        transform:scale(1.25) translateX(20px);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes kenburns-bottom-right{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:84% 84%;
        transform-origin:84% 84%
    }
    100%{
        -webkit-transform:scale(1.25) translate(20px, 15px);
        transform:scale(1.25) translate(20px, 15px);
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom
    }
}
@keyframes kenburns-bottom-right{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:84% 84%;
        transform-origin:84% 84%
    }
    100%{
        -webkit-transform:scale(1.25) translate(20px, 15px);
        transform:scale(1.25) translate(20px, 15px);
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom
    }
}
@-webkit-keyframes kenburns-bottom{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 84%;
        transform-origin:50% 84%
    }
    100%{
        -webkit-transform:scale(1.25) translateY(15px);
        transform:scale(1.25) translateY(15px);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes kenburns-bottom{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 84%;
        transform-origin:50% 84%
    }
    100%{
        -webkit-transform:scale(1.25) translateY(15px);
        transform:scale(1.25) translateY(15px);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes kenburns-bottom-left{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:16% 84%;
        transform-origin:16% 84%
    }
    100%{
        -webkit-transform:scale(1.25) translate(-20px, 15px);
        transform:scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@keyframes kenburns-bottom-left{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:16% 84%;
        transform-origin:16% 84%
    }
    100%{
        -webkit-transform:scale(1.25) translate(-20px, 15px);
        transform:scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@-webkit-keyframes kenburns-left{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:16% 50%;
        transform-origin:16% 50%
    }
    100%{
        -webkit-transform:scale(1.25) translate(-20px, 15px);
        transform:scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@keyframes kenburns-left{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:16% 50%;
        transform-origin:16% 50%
    }
    100%{
        -webkit-transform:scale(1.25) translate(-20px, 15px);
        transform:scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@-webkit-keyframes kenburns-top-left{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:16% 16%;
        transform-origin:16% 16%
    }
    100%{
        -webkit-transform:scale(1.25) translate(-20px, -15px);
        transform:scale(1.25) translate(-20px, -15px);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
}
@keyframes kenburns-top-left{
    0%{
        -webkit-transform:scale(1) translate(0, 0);
        transform:scale(1) translate(0, 0);
        -webkit-transform-origin:16% 16%;
        transform-origin:16% 16%
    }
    100%{
        -webkit-transform:scale(1.25) translate(-20px, -15px);
        transform:scale(1.25) translate(-20px, -15px);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
}
@-webkit-keyframes flip-horizontal-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    100%{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg)
    }
}
@keyframes flip-horizontal-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    100%{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg)
    }
}
@-webkit-keyframes scale-up-center{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scale-up-center{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes scale-down-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@keyframes scale-down-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@-webkit-keyframes scale-down-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes scale-down-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes scale-down-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes scale-down-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes scale-up-bl{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes scale-up-bl{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes scale-up-tl{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes scale-up-tl{
    0%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes slide-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
}
@keyframes slide-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
}
@-webkit-keyframes slide-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
}
@keyframes slide-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
}
@-webkit-keyframes slide-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
}
@keyframes slide-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
}
@-webkit-keyframes slide-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
}
@keyframes slide-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
}
@-webkit-keyframes scale-in-ver-center{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
    100%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
}
@keyframes scale-in-ver-center{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
    100%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-fwd-cw{
    0%{
        -webkit-transform:translateZ(-200px) rotate(-45deg);
        transform:translateZ(-200px) rotate(-45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-fwd-cw{
    0%{
        -webkit-transform:translateZ(-200px) rotate(-45deg);
        transform:translateZ(-200px) rotate(-45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-fwd-ccw{
    0%{
        -webkit-transform:translateZ(-200px) rotate(45deg);
        transform:translateZ(-200px) rotate(45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-fwd-ccw{
    0%{
        -webkit-transform:translateZ(-200px) rotate(45deg);
        transform:translateZ(-200px) rotate(45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-bck-cw{
    0%{
        -webkit-transform:translateZ(200px) rotate(-45deg);
        transform:translateZ(200px) rotate(-45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-bck-cw{
    0%{
        -webkit-transform:translateZ(200px) rotate(-45deg);
        transform:translateZ(200px) rotate(-45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-bck-ccw{
    0%{
        -webkit-transform:translateZ(200px) rotate(45deg);
        transform:translateZ(200px) rotate(45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-bck-ccw{
    0%{
        -webkit-transform:translateZ(200px) rotate(45deg);
        transform:translateZ(200px) rotate(45deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@-webkit-keyframes swirl-in-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
    100%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@keyframes swirl-in-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
    100%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@-webkit-keyframes swirl-in-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        opacity:0
    }
    100%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@keyframes swirl-in-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        opacity:0
    }
    100%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@-webkit-keyframes flip-in-hor-bottom{
    0%{
        -webkit-transform:rotateX(80deg);
        transform:rotateX(80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes flip-in-hor-bottom{
    0%{
        -webkit-transform:rotateX(80deg);
        transform:rotateX(80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-hor-top{
    0%{
        -webkit-transform:rotateX(-80deg);
        transform:rotateX(-80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes flip-in-hor-top{
    0%{
        -webkit-transform:rotateX(-80deg);
        transform:rotateX(-80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-ver-right{
    0%{
        -webkit-transform:rotateY(-80deg);
        transform:rotateY(-80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@keyframes flip-in-ver-right{
    0%{
        -webkit-transform:rotateY(-80deg);
        transform:rotateY(-80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-ver-left{
    0%{
        -webkit-transform:rotateY(80deg);
        transform:rotateY(80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@keyframes flip-in-ver-left{
    0%{
        -webkit-transform:rotateY(80deg);
        transform:rotateY(80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-1-bl{
    0%{
        -webkit-transform:rotate3d(1, 1, 0, 80deg);
        transform:rotate3d(1, 1, 0, 80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-1-bl{
    0%{
        -webkit-transform:rotate3d(1, 1, 0, 80deg);
        transform:rotate3d(1, 1, 0, 80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-1-tr{
    0%{
        -webkit-transform:rotate3d(1, 1, 0, -80deg);
        transform:rotate3d(1, 1, 0, -80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-1-tr{
    0%{
        -webkit-transform:rotate3d(1, 1, 0, -80deg);
        transform:rotate3d(1, 1, 0, -80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-2-tl{
    0%{
        -webkit-transform:rotate3d(-1, 1, 0, 80deg);
        transform:rotate3d(-1, 1, 0, 80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-2-tl{
    0%{
        -webkit-transform:rotate3d(-1, 1, 0, 80deg);
        transform:rotate3d(-1, 1, 0, 80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-2-br{
    0%{
        -webkit-transform:rotate3d(-1, 1, 0, -80deg);
        transform:rotate3d(-1, 1, 0, -80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-2-br{
    0%{
        -webkit-transform:rotate3d(-1, 1, 0, -80deg);
        transform:rotate3d(-1, 1, 0, -80deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotate3d(1, 1, 0, 0deg);
        transform:rotate3d(1, 1, 0, 0deg);
        opacity:1
    }
}
@-webkit-keyframes slide-in-top{
    0%{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes slide-in-top{
    0%{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-right{
    0%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slide-in-right{
    0%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bottom{
    0%{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes slide-in-bottom{
    0%{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-left{
    0%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slide-in-left{
    0%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-center{
    0%{
        -webkit-transform:translateZ(-1400px);
        transform:translateZ(-1400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-center{
    0%{
        -webkit-transform:translateZ(-1400px);
        transform:translateZ(-1400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-top{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px);
        transform:translateZ(-1400px) translateY(-800px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-top{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px);
        transform:translateZ(-1400px) translateY(-800px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-right{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(1000px);
        transform:translateZ(-1400px) translateX(1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-right{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(1000px);
        transform:translateZ(-1400px) translateX(1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-bottom{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px);
        transform:translateZ(-1400px) translateY(800px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-bottom{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px);
        transform:translateZ(-1400px) translateY(800px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-left{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(-1000px);
        transform:translateZ(-1400px) translateX(-1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-left{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(-1000px);
        transform:translateZ(-1400px) translateX(-1000px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-center{
    0%{
        -webkit-transform:translateZ(600px);
        transform:translateZ(600px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes slide-in-bck-center{
    0%{
        -webkit-transform:translateZ(600px);
        transform:translateZ(600px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-top{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px);
        transform:translateZ(700px) translateY(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-bck-top{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px);
        transform:translateZ(700px) translateY(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-tr{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(400px);
        transform:translateZ(700px) translateY(-300px) translateX(400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-tr{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(400px);
        transform:translateZ(700px) translateY(-300px) translateX(400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-right{
    0%{
        -webkit-transform:translateZ(700px) translateX(400px);
        transform:translateZ(700px) translateX(400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-right{
    0%{
        -webkit-transform:translateZ(700px) translateX(400px);
        transform:translateZ(700px) translateX(400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-br{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(400px);
        transform:translateZ(700px) translateY(300px) translateX(400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-br{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(400px);
        transform:translateZ(700px) translateY(300px) translateX(400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-bottom{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px);
        transform:translateZ(700px) translateY(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-bck-bottom{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px);
        transform:translateZ(700px) translateY(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-bl{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(-400px);
        transform:translateZ(700px) translateY(300px) translateX(-400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-bl{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(-400px);
        transform:translateZ(700px) translateY(300px) translateX(-400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-left{
    0%{
        -webkit-transform:translateZ(700px) translateX(-400px);
        transform:translateZ(700px) translateX(-400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-left{
    0%{
        -webkit-transform:translateZ(700px) translateX(-400px);
        transform:translateZ(700px) translateX(-400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-tl{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(-400px);
        transform:translateZ(700px) translateY(-300px) translateX(-400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-tl{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(-400px);
        transform:translateZ(700px) translateY(-300px) translateX(-400px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-top{
    0%{
        -webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform:translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) scaleY(1) scaleX(1);
        transform:translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-top{
    0%{
        -webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform:translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) scaleY(1) scaleX(1);
        transform:translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-tr{
    0%{
        -webkit-transform:translate(1000px, -1000px) skew(-80deg, -10deg);
        transform:translate(1000px, -1000px) skew(-80deg, -10deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-tr{
    0%{
        -webkit-transform:translate(1000px, -1000px) skew(-80deg, -10deg);
        transform:translate(1000px, -1000px) skew(-80deg, -10deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-right{
    0%{
        -webkit-transform:translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform:translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) scaleY(1) scaleX(1);
        transform:translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-right{
    0%{
        -webkit-transform:translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform:translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) scaleY(1) scaleX(1);
        transform:translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-br{
    0%{
        -webkit-transform:translate(1000px, 1000px) skew(80deg, 10deg);
        transform:translate(1000px, 1000px) skew(80deg, 10deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-br{
    0%{
        -webkit-transform:translate(1000px, 1000px) skew(80deg, 10deg);
        transform:translate(1000px, 1000px) skew(80deg, 10deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-bottom{
    0%{
        -webkit-transform:translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform:translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) scaleY(1) scaleX(1);
        transform:translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-bottom{
    0%{
        -webkit-transform:translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform:translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) scaleY(1) scaleX(1);
        transform:translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-bl{
    0%{
        -webkit-transform:translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform:translate(-1000px, 1000px) skew(-80deg, -10deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-bl{
    0%{
        -webkit-transform:translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform:translate(-1000px, 1000px) skew(-80deg, -10deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-left{
    0%{
        -webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform:translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) scaleY(1) scaleX(1);
        transform:translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-left{
    0%{
        -webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform:translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) scaleY(1) scaleX(1);
        transform:translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-blurred-tl{
    0%{
        -webkit-transform:translate(-1000px, -1000px) skew(80deg, 10deg);
        transform:translate(-1000px, -1000px) skew(80deg, 10deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes slide-in-blurred-tl{
    0%{
        -webkit-transform:translate(-1000px, -1000px) skew(80deg, 10deg);
        transform:translate(-1000px, -1000px) skew(80deg, 10deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(40px);
        filter:blur(40px);
        opacity:0
    }
    100%{
        -webkit-transform:translate(0, 0) skew(0deg, 0deg);
        transform:translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes roll-in-left{
    0%{
        -webkit-transform:translateX(-800px) rotate(-540deg);
        transform:translateX(-800px) rotate(-540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-left{
    0%{
        -webkit-transform:translateX(-800px) rotate(-540deg);
        transform:translateX(-800px) rotate(-540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-540deg);
        transform:translateY(-800px) rotate(-540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-540deg);
        transform:translateY(-800px) rotate(-540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-right{
    0%{
        -webkit-transform:translateX(800px) rotate(540deg);
        transform:translateX(800px) rotate(540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-right{
    0%{
        -webkit-transform:translateX(800px) rotate(540deg);
        transform:translateX(800px) rotate(540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(540deg);
        transform:translateY(800px) rotate(540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(540deg);
        transform:translateY(800px) rotate(540deg);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-left{
    0%{
        -webkit-transform:translateX(-1000px) rotate(-720deg);
        transform:translateX(-1000px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes roll-in-blurred-left{
    0%{
        -webkit-transform:translateX(-1000px) rotate(-720deg);
        transform:translateX(-1000px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-720deg);
        transform:translateY(-800px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes roll-in-blurred-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-720deg);
        transform:translateY(-800px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-right{
    0%{
        -webkit-transform:translateX(1000px) rotate(720deg);
        transform:translateX(1000px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes roll-in-blurred-right{
    0%{
        -webkit-transform:translateX(1000px) rotate(720deg);
        transform:translateX(1000px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(720deg);
        transform:translateY(800px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-blurred-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(720deg);
        transform:translateY(800px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fade-in-fwd{
    0%{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes fade-in-fwd{
    0%{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-bck{
    0%{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes fade-in-bck{
    0%{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-top{
    0%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fade-in-top{
    0%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-tr{
    0%{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-tr{
    0%{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-right{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fade-in-right{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-br{
    0%{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-br{
    0%{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-bottom{
    0%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fade-in-bottom{
    0%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-bl{
    0%{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-bl{
    0%{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-left{
    0%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fade-in-left{
    0%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-tl{
    0%{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-tl{
    0%{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes scale-out-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
}
@keyframes scale-out-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
}
@-webkit-keyframes scale-out-vertical{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
    100%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
}
@keyframes scale-out-vertical{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
    100%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-out-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        opacity:0
    }
}
@keyframes rotate-out-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        opacity:0
    }
}
@-webkit-keyframes swirl-out-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
}
@keyframes swirl-out-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
}
@-webkit-keyframes slide-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
}
@keyframes slide-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-1000px) translateX(1000px);
        transform:translateY(-1000px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-1000px) translateX(1000px);
        transform:translateY(-1000px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(1000px) translateX(1000px);
        transform:translateY(1000px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(1000px) translateX(1000px);
        transform:translateY(1000px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
}
@keyframes slide-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(1000px) translateX(-1000px);
        transform:translateY(1000px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(1000px) translateX(-1000px);
        transform:translateY(1000px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-1000px) translateX(-1000px);
        transform:translateY(-1000px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-1000px) translateX(-1000px);
        transform:translateY(-1000px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes fade-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fade-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-webkit-keyframes fade-out-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
}
@keyframes fade-out-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
}
@keyframes fade-out-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
}
@keyframes fade-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-tr{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
}
@keyframes fade-out-tr{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
}
@keyframes fade-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-br{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
}
@keyframes fade-out-br{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
}
@keyframes fade-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-bl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
}
@keyframes fade-out-bl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
}
@keyframes fade-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-tl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
}
@keyframes fade-out-tl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes tracking-in-expand{
    0%{
        letter-spacing:-0.5em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        opacity:1
    }
}
@keyframes tracking-in-expand{
    0%{
        letter-spacing:-0.5em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes tracking-in-expand-fwd{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-700px);
        transform:translateZ(-700px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes tracking-in-expand-fwd{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-700px);
        transform:translateZ(-700px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-expand-fwd-top{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-700px) translateY(-500px);
        transform:translateZ(-700px) translateY(-500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-expand-fwd-top{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-700px) translateY(-500px);
        transform:translateZ(-700px) translateY(-500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-expand-fwd-bottom{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-700px) translateY(500px);
        transform:translateZ(-700px) translateY(500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-expand-fwd-bottom{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-700px) translateY(500px);
        transform:translateZ(-700px) translateY(500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract{
    0%{
        letter-spacing:1em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        letter-spacing:normal;
        opacity:1
    }
}
@keyframes tracking-in-contract{
    0%{
        letter-spacing:1em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        letter-spacing:normal;
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px);
        transform:translateZ(400px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes tracking-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px);
        transform:translateZ(400px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract-bck-top{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(-300px);
        transform:translateZ(400px) translateY(-300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-contract-bck-top{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(-300px);
        transform:translateZ(400px) translateY(-300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract-bck-bottom{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(300px);
        transform:translateZ(400px) translateY(300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-contract-bck-bottom{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(300px);
        transform:translateZ(400px) translateY(300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    100%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-out-contract{
    0%{
        opacity:1
    }
    50%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        opacity:0
    }
}
@keyframes tracking-out-contract{
    0%{
        opacity:1
    }
    50%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        opacity:0
    }
}
@keyframes tracking-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@keyframes tracking-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand{
    0%{
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        opacity:0
    }
}
@keyframes tracking-out-expand{
    0%{
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px) translateY(300px);
        transform:translateZ(-500px) translateY(300px);
        opacity:0
    }
}
@keyframes tracking-out-contract-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px) translateY(300px);
        transform:translateZ(-500px) translateY(300px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract-bck-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px) translateY(-300px);
        transform:translateZ(-500px) translateY(-300px);
        opacity:0
    }
}
@keyframes tracking-out-contract-bck-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px) translateY(-300px);
        transform:translateZ(-500px) translateY(-300px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(200px);
        transform:translateZ(300px) translateY(200px);
        opacity:0
    }
}
@keyframes tracking-out-expand-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(200px);
        transform:translateZ(300px) translateY(200px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand-fwd-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(-200px);
        transform:translateZ(300px) translateY(-200px);
        opacity:0
    }
}
@keyframes tracking-out-expand-fwd-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(-200px);
        transform:translateZ(300px) translateY(-200px);
        opacity:0
    }
}
@-webkit-keyframes text-focus-in{
    0%{
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@keyframes text-focus-in{
    0%{
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@-webkit-keyframes focus-in-expand{
    0%{
        letter-spacing:-0.5em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@keyframes focus-in-expand{
    0%{
        letter-spacing:-0.5em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@-webkit-keyframes focus-in-expand-fwd{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-800px);
        transform:translateZ(-800px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes focus-in-expand-fwd{
    0%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-800px);
        transform:translateZ(-800px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes focus-in-contract{
    0%{
        letter-spacing:1em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@keyframes focus-in-contract{
    0%{
        letter-spacing:1em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@-webkit-keyframes focus-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(12px);
        transform:translateZ(12px);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes focus-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(12px);
        transform:translateZ(12px);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes text-blur-out{
    0%{
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes text-blur-out{
    0%{
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-contract{
    0%{
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-contract{
    0%{
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:-0.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-expand{
    0%{
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:1em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-expand{
    0%{
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:1em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0.01);
        filter:blur(0.01)
    }
    100%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes text-shadow-drop-bottom{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:0 6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-bottom{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:0 6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-br{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:6px 6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-br{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:6px 6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-right{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:6px 0 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-right{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:6px 0 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-tr{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:6px -6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-tr{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:6px -6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-tl{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:-6px -6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-tl{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:-6px -6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-top{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:0 -6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-top{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:0 -6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-left{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:-6px 0 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-left{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:-6px 0 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-center{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:0 0 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-center{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:0 0 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-bl{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:-6px 6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-bl{
    0%{
        text-shadow:0 0 0 rgba(0,0,0,0)
    }
    100%{
        text-shadow:-6px 6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-pop-top{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@keyframes text-shadow-pop-top{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@-webkit-keyframes text-shadow-pop-tr{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555;
        -webkit-transform:translateX(-8px) translateY(8px);
        transform:translateX(-8px) translateY(8px)
    }
}
@keyframes text-shadow-pop-tr{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555;
        -webkit-transform:translateX(-8px) translateY(8px);
        transform:translateX(-8px) translateY(8px)
    }
}
@-webkit-keyframes text-shadow-pop-right{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        text-shadow:1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555;
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px)
    }
}
@keyframes text-shadow-pop-right{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        text-shadow:1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555;
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-br{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555;
        -webkit-transform:translateX(-8px) translateY(-8px);
        transform:translateX(-8px) translateY(-8px)
    }
}
@keyframes text-shadow-pop-br{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555;
        -webkit-transform:translateX(-8px) translateY(-8px);
        transform:translateX(-8px) translateY(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-bottom{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        text-shadow:0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555;
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
}
@keyframes text-shadow-pop-bottom{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        text-shadow:0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555;
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-bl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:-1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555;
        -webkit-transform:translateX(8px) translateY(-8px);
        transform:translateX(8px) translateY(-8px)
    }
}
@keyframes text-shadow-pop-bl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:-1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555;
        -webkit-transform:translateX(8px) translateY(-8px);
        transform:translateX(8px) translateY(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-left{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        text-shadow:-1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555;
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
}
@keyframes text-shadow-pop-left{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        text-shadow:-1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555;
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
}
@-webkit-keyframes text-shadow-pop-tl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:-1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555;
        -webkit-transform:translateX(8px) translateY(8px);
        transform:translateX(8px) translateY(8px)
    }
}
@keyframes text-shadow-pop-tl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    100%{
        text-shadow:-1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555;
        -webkit-transform:translateX(8px) translateY(8px);
        transform:translateX(8px) translateY(8px)
    }
}
@-webkit-keyframes text-pop-up-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px) translateX(50px);
        transform:translateY(-50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px) translateX(50px);
        transform:translateY(-50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(50px) translateX(50px);
        transform:translateY(50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(50px) translateX(50px);
        transform:translateY(50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(50px) translateX(-50px);
        transform:translateY(50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(50px) translateX(-50px);
        transform:translateY(50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px) translateX(-50px);
        transform:translateY(-50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px) translateX(-50px);
        transform:translateY(-50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes bg-pan-left{
    0%{
        background-position:100% 50%
    }
    100%{
        background-position:0% 50%
    }
}
@keyframes bg-pan-left{
    0%{
        background-position:100% 50%
    }
    100%{
        background-position:0% 50%
    }
}
@-webkit-keyframes bg-pan-right{
    0%{
        background-position:0% 50%
    }
    100%{
        background-position:100% 50%
    }
}
@keyframes bg-pan-right{
    0%{
        background-position:0% 50%
    }
    100%{
        background-position:100% 50%
    }
}
@-webkit-keyframes bg-pan-top{
    0%{
        background-position:50% 100%
    }
    100%{
        background-position:50% 0%
    }
}
@keyframes bg-pan-top{
    0%{
        background-position:50% 100%
    }
    100%{
        background-position:50% 0%
    }
}
@-webkit-keyframes bg-pan-bottom{
    0%{
        background-position:50% 0%
    }
    100%{
        background-position:50% 100%
    }
}
@keyframes bg-pan-bottom{
    0%{
        background-position:50% 0%
    }
    100%{
        background-position:50% 100%
    }
}
@-webkit-keyframes bg-pan-tr{
    0%{
        background-position:0% 100%
    }
    100%{
        background-position:100% 0%
    }
}
@keyframes bg-pan-tr{
    0%{
        background-position:0% 100%
    }
    100%{
        background-position:100% 0%
    }
}
@-webkit-keyframes bg-pan-br{
    0%{
        background-position:0% 0%
    }
    100%{
        background-position:100% 100%
    }
}
@keyframes bg-pan-br{
    0%{
        background-position:0% 0%
    }
    100%{
        background-position:100% 100%
    }
}
@-webkit-keyframes bg-pan-bl{
    0%{
        background-position:100% 0%
    }
    100%{
        background-position:0% 100%
    }
}
@keyframes bg-pan-bl{
    0%{
        background-position:100% 0%
    }
    100%{
        background-position:0% 100%
    }
}
@-webkit-keyframes bg-pan-tl{
    0%{
        background-position:100% 100%
    }
    100%{
        background-position:0% 0%
    }
}
@keyframes bg-pan-tl{
    0%{
        background-position:100% 100%
    }
    100%{
        background-position:0% 0%
    }
}
@-webkit-keyframes color-change-2x{
    0%{
        background:#19dcea
    }
    100%{
        background:#b22cff
    }
}
@keyframes color-change-2x{
    0%{
        background:#19dcea
    }
    100%{
        background:#b22cff
    }
}
@-webkit-keyframes color-change-3x{
    0%{
        background:#19dcea
    }
    50%{
        background:#b22cff
    }
    100%{
        background:#ea2222
    }
}
@keyframes color-change-3x{
    0%{
        background:#19dcea
    }
    50%{
        background:#b22cff
    }
    100%{
        background:#ea2222
    }
}
@-webkit-keyframes color-change-4x{
    0%{
        background:#19dcea
    }
    33.3333%{
        background:#b22cff
    }
    66.666%{
        background:#ea2222
    }
    100%{
        background:#f5be10
    }
}
@keyframes color-change-4x{
    0%{
        background:#19dcea
    }
    33.3333%{
        background:#b22cff
    }
    66.666%{
        background:#ea2222
    }
    100%{
        background:#f5be10
    }
}
@-webkit-keyframes color-change-5x{
    0%{
        background:#19dcea
    }
    25%{
        background:#b22cff
    }
    50%{
        background:#ea2222
    }
    75%{
        background:#f5be10
    }
    100%{
        background:#3bd80d
    }
}
@keyframes color-change-5x{
    0%{
        background:#19dcea
    }
    25%{
        background:#b22cff
    }
    50%{
        background:#ea2222
    }
    75%{
        background:#f5be10
    }
    100%{
        background:#3bd80d
    }
}
@-webkit-keyframes scale-down-ver-top{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    100%{
        -webkit-transform:scaleY(0.3);
        transform:scaleY(0.5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes scale-down-ver-top{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    100%{
        -webkit-transform:scaleY(0.3);
        transform:scaleY(0.3);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@keyframes fadeOut{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes flip-vertical-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
}
@keyframes flip-vertical-out{
    0%{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    100%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
}
@-webkit-keyframes flip-vertical-out{
    0%{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    100%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
}
@keyframes flip-vertical-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
        visibility:visible
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
        visibility:visible
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeInopacity{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeInopacity{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fade-out-down{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes fade-out-down{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@-webkit-keyframes fade-in-up{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fade-in-up{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes text-pop-up-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    100%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
.main-header .logo{
    font-family:"Noto Sans KR",sans-serif;
    font-size:1.5rem;
    font-weight:900;
    text-shadow:2px 2px 8px rgba(0,0,0,.2)
}
.main-header .off-menu-btn{
    font-size:2rem;
    color:#fff
}
.main-header .default-menu{
    font-size:.75rem
}
.main-header .main-nav-menu{
    z-index:100
}
.main-header .main-nav-menu .nav-link.depth1{
    font-family:"Noto Sans KR",sans-serif;
    font-weight:900;
    text-shadow:2px 2px 2px rgba(0,0,0,.25);
    color:#fff
}
.main-header .main-nav-menu .nav-link.depth1:hover{
    text-shadow:2px 2px 5px rgba(0,0,0,.75);
    color:#8eff61
}
.main-header .main-nav-menu .nav-link.depth2{
    font-family:"Noto Sans KR",sans-serif;
    font-weight:400;
    text-shadow:2px 2px 2px rgba(0,0,0,.15);
    color:#fff
}
.main-header .main-nav-menu .nav-link.depth2:hover{
    text-shadow:2px 2px 3px rgba(0,0,0,.5);
    color:#8eff61
}
.main-header .main-nav-menu .sub-menu .sub-menu-wrap{
    display:none;
    overflow:hidden;
    background-color:#0d6efd;
    margin-top:-0.1rem;
    min-width:200px;
    width:100%
}
.main-header .main-nav-menu .sub-menu:hover .sub-menu-wrap{
    display:flex
}
.main-header .default-menu-right a{
    display:inline-block
}
.main-header .default-menu-right a:not(:last-of-type){
    margin-right:.5rem
}
#hd_pop{
    z-index:1000;
    position:relative;
    margin:0 auto;
    height:0
}
#hd_pop h2{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden
}
#hd_pop .hd_pops{
    position:absolute;
    border:1px solid #dee2e6;
    background:#fff
}
#hd_pop .hd_pops img{
    max-width:100%
}
@media(max-width: 575.98px){
    #hd_pop .hd_pops{
        top:auto !important;
        left:auto !important;
        width:100% !important
    }
    #hd_pop .hd_pops .hd_pops_con{
        width:100% !important
    }
}
#hd_pop .hd_pops_footer{
    padding:0;
    background:#000;
    color:#fff;
    text-align:left;
    position:relative;
    font-size:.75rem
}
#hd_pop .hd_pops_footer:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
#hd_pop .hd_pops_footer button{
    padding:10px;
    border:0;
    color:#fff
}
#hd_pop .hd_pops_footer .hd_pops_reject{
    background:#000;
    text-align:left
}
#hd_pop .hd_pops_footer .hd_pops_close{
    background:#393939;
    position:absolute;
    top:0;
    right:0
}
.pop-text-wrap .badge a{
    display:inline-block;
    color:#495057;
    font-family:"Nanum Gothic",sans-serif;
    font-weight:400;
    padding-bottom:.15rem
}
.mobile-left-offcanvas{
    width:300px !important
}
.mobile-left-offcanvas .mobile-nav-menu .sub-nav .nav-link{
    font-size:.875rem
}
.mobile-right-offcanvas{
    width:300px !important
}
.footer{
    font-family:"Nanum Gothic",sans-serif;
    font-weight:400;
    color:#ced4da;
    font-size:.875rem
}
.footer a{
    color:#ced4da
}
.footer .tail-menu{
    border-bottom:1px solid rgba(255,255,255,.25)
}
.footer .site-title{
    font-family:"Noto Sans KR",sans-serif;
    font-weight:900;
    color:#6c757d;
    font-size:2rem
}
.footer .company-info .list-group-item{
    color:#ced4da;
    background-color:rgba(0,0,0,0);
    padding:.2rem
}
.footer .tail-visit .list-group-item{
    background-color:rgba(0,0,0,0);
    color:#ced4da;
    padding:.25rem
}
@media(min-width: 768px){
    .footer .tail-visit .list-group-item{
        padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)
    }
}
.footer .tail-visit .list-group-item a{
    color:#ced4da
}
.footer .sns-icons-wrap a{
    color:#495057;
    padding:.5rem;
    font-size:1.5rem
}
.footer .sns-icons-wrap a:hover{
    color:#ced4da
}
@media(min-width: 768px){
    .footer .sns-icons-wrap a{
        font-size:2rem
    }
}
.gotop{
    right:.1rem;
    bottom:3rem
}
._shop{
    background-color:#fff;
    border-bottom:1px solid #e9ecef
}
._shop .main-menu-wrap{
    margin-bottom:-1px
}
._shop .main-menu-wrap .off-menu-btn{
    font-size:2rem;
    color:#495057
}
._shop .top-menu-wrap{
    font-family:"Noto Sans KR",sans-serif;
    font-size:.875rem;
    font-weight:200
}
._shop .top-menu-wrap a{
    font-size:.875rem;
    font-weight:200;
    font-family:"Noto Sans KR",sans-serif
}
._shop .top-menu-wrap{
    border-bottom:solid 1px #e9ecef
}
._shop .top-menu-wrap a{
    font-size:.75rem;
    font-family:"Nanum Gothic",sans-serif;
    font-weight:400
}
._shop .top-menu-wrap .mobile-top-menu .dropdown-toggle::after{
    display:none !important
}
._shop .category-wrap .primary-menu{
    font-weight:400;
    font-family:"Noto Sans KR",sans-serif;
    font-size:.875rem
}
@media(min-width: 768px){
    ._shop .category-wrap .primary-menu{
        font-size:1rem
    }
}
._shop .category-wrap .header-main-nav{
    border:none;
    margin-right:-1px
}
@media(min-width: 768px){
    ._shop .category-wrap .header-main-nav{
        border:1px solid #e9ecef;
        border-bottom:none
    }
}
._shop .category-wrap .header-main-nav:last-child{
    margin-right:0
}
._shop .category-wrap .header-main-nav:hover .primary-menu{
    color:#cc9a06
}
._shop .category-wrap .header-main-nav.active{
    margin-top:0
}
@media(min-width: 768px){
    ._shop .category-wrap .header-main-nav.active{
        margin-top:-10px
    }
}
._shop .category-wrap .header-main-nav.active .primary-menu{
    font-size:.875rem;
    color:#cc9a06
}
@media(min-width: 768px){
    ._shop .category-wrap .header-main-nav.active .primary-menu{
        font-size:1.25rem
    }
}
._shop .search-wrap .goods-search{
    border:2px solid #3d8bfd;
    margin:auto 0
}
@media(min-width: 768px){
    ._shop .search-wrap .goods-search{
        margin:auto 5rem
    }
}
@media(min-width: 768px){
    ._shop .search-wrap .goods-search{
        margin:auto 15%
    }
}
._shop .search-wrap .goods-search .form-select{
    flex-grow:0;
    min-width:30%
}
._shop .search-wrap .goods-search .form-control,._shop .search-wrap .goods-search .form-select,._shop .search-wrap .goods-search .btn{
    color:#495057;
    border:none
}
._shop .search-wrap .goods-search .btn:hover{
    color:#fff
}
.quick-menu{
    z-index:1000;
    right:0;
    top:212px;
    max-width:100px;
    height:100%;
    transition:top .5s ease 0s
}
.top-0{
    top:0px !important;
    transition:top 1s ease 0s
}
.login-wrap a.d-flex{
    color:#6c757d;
    font-weight:400
}
.login-wrap a.d-flex:hover{
    color:#ffda6a;
    font-weight:400
}
.login-wrap a.d-flex .login-icon{
    font-size:2.5rem
}
.login-wrap a.d-flex span{
    font-size:.75rem
}
.login-wrap a.d-flex.flex-column{
    line-height:1rem
}
.login-wrap-mobile .cart-num{
    right:-23px;
    top:20%
}
.gotop{
    z-index:1000000
}
.orderform-wrap #forderform .sound_only{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.orderform-wrap #forderform .sound_only:not(caption){
    position:absolute !important
}
.orderform-wrap #forderform [name=od_zip],.orderform-wrap #forderform [name=od_b_zip]{
    width:100% !important
}
@media(min-width: 768px){
    .orderform-wrap #forderform [name=od_zip],.orderform-wrap #forderform [name=od_b_zip]{
        width:50% !important
    }
}
.orderform-wrap #forderform .sod_frm_pc{
    display:flex;
    flex-direction:column
}
.orderform-wrap #forderform #od_memo{
    width:100%
}
.orderform-wrap #forderform th,.orderform-wrap #forderform td{
    background-color:#fff
}
.orderform-wrap #forderform .od_prd_list .td_prd{
    text-align:left;
    min-height:120px
}
.orderform-wrap #forderform .od_prd_list .td_prd .sod_img{
    display:flex;
    float:left;
    margin-right:.5rem
}
.orderform-wrap #forderform .od_prd_list .td_prd .sod_name{
    align-items:flex-start;
    justify-content:space-between;
    display:flex;
    flex-direction:column
}
.orderform-wrap #forderform .od_prd_list .td_prd .sod_name .sod_opt ul,.orderform-wrap #forderform .od_prd_list .td_prd .sod_name .sod_opt li{
    list-style:none;
    padding:0;
    margin:0;
    font-size:.75rem;
    color:#495057
}
.orderform-wrap #forderform #sod_frm:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm p{
    margin:0 0 10px
}
.orderform-wrap #forderform #sod_frm .od_prd_list{
    margin-bottom:20px
}
.orderform-wrap #forderform #sod_frm .tbl_frm01{
    padding:20px 10px
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 th{
    vertical-align:top;
    padding:.25rem 1rem;
    line-height:2rem
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 td{
    text-align:left;
    vertical-align:top;
    padding:.25rem 1rem;
    line-height:2rem
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .frm_input{
    border:1px solid rgba(0,0,0,.25)
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .frm_input,.orderform-wrap #forderform #sod_frm .tbl_frm01 td button{
    margin-bottom:.1rem
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 td input{
    width:100%
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .addr input{
    width:20%
}
.orderform-wrap #forderform #sod_frm .tbl_frm01 td .btn_address{
    background:#0a58ca;
    color:#fff;
    width:128px;
    border:1px solid rgba(10,88,202,.5);
    line-height:2rem
}
.orderform-wrap #forderform #sod_frm section h2{
    border-bottom:1px solid #e2e4e7;
    font-size:1.167em;
    padding:20px
}
.orderform-wrap #forderform #sod_frm div.tbl_frm01{
    padding:0px 10px !important
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li{
    position:relative;
    float:left;
    background:#fff;
    width:33.333%;
    height:70px;
    text-align:center;
    border-bottom:1px solid #e7ebf1;
    padding:15px 0
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li span{
    display:block;
    color:#777;
    margin-bottom:5px;
    font-weight:bold
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot li:last-child{
    border-bottom:0 none
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_sell{
    border-right:1px solid #e7ebf1
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_coupon{
    border-right:1px solid #e7ebf1
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_coupon:before{
    display:block;
    content:"-";
    position:absolute;
    top:25px;
    left:-10px;
    width:20px;
    height:20px;
    background:#fff;
    color:#ff006c;
    border-radius:50%;
    border:1px solid #e7ebf1;
    font-weight:bold;
    font-size:16px;
    line-height:14px
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_point{
    width:100%;
    clear:both;
    height:40px;
    padding:0 15px;
    line-height:40px;
    text-align:right
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_point span{
    float:left;
    margin:0
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_cnt{
    width:100%;
    clear:both;
    height:40px;
    padding:0 15px;
    line-height:40px;
    text-align:right
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_cnt span{
    float:left;
    margin:0
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_cnt strong{
    color:#ff006c;
    font-size:1.25em
}
.orderform-wrap #forderform #sod_frm #sod_bsk_tot .sod_bsk_dvr:before{
    display:block;
    content:"+";
    position:absolute;
    top:25px;
    left:-10px;
    width:20px;
    height:20px;
    background:#fff;
    color:#ff006c;
    border-radius:50%;
    border:1px solid #e7ebf1;
    font-weight:bold;
    font-size:16px;
    line-height:14px
}
.orderform-wrap #forderform #sod_frm #sod_frm_pay h2{
    position:absolute;
    border:0;
    font-size:0;
    line-height:0;
    content:""
}
.orderform-wrap #forderform #sod_frm #sod_frm_pt_alert{
    margin:5px 0;
    color:#38b2bb
}
.orderform-wrap #forderform #sod_frm #display_pay_process{
    text-align:center
}
.orderform-wrap #forderform #sod_frm #display_pay_process span{
    display:block;
    margin:5px 0 0
}
.orderform-wrap #forderform #sod_frm #sod_frm_escrow h2{
    margin:0;
    border:0
}
.orderform-wrap #forderform #sod_frm #sod_frm_escrow p{
    margin:5px 0
}
.orderform-wrap #forderform .od_coupon h3{
    border-bottom:1px solid #cdcdcd;
    padding:0 20px;
    line-height:50px;
    margin:0 0 15px;
    font-size:1.25em;
    text-align:left;
    -webkit-box-shadow:1px 2px 2px #eee;
    -moz-box-shadow:1px 2px 2px #eee;
    box-shadow:1px 2px 2px #eee
}
.orderform-wrap #forderform .od_coupon .btn_close{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    border:0;
    background:none;
    border-left:1px solid #cdcdcd;
    font-size:1.25em
}
.orderform-wrap #forderform .od_coupon .btn_close:hover{
    background:#f3f3f3
}
.orderform-wrap #forderform .od_coupon .tbl_head02{
    margin:20px
}
.orderform-wrap #forderform .od_coupon .cp_apply{
    padding:0 5px;
    border:1px solid #38b2b9;
    color:#38b2b9;
    background:#fff;
    height:23px;
    line-height:21px
}
.orderform-wrap #forderform .od_coupon td{
    text-align:left;
    border-left:0;
    padding:7px
}
.orderform-wrap #forderform .od_coupon .td_numbig{
    text-align:center
}
.orderform-wrap #forderform .od_coupon .td_mngsmall{
    width:60px
}
.orderform-wrap #forderform #sod_frm_pay{
    position:relative;
    margin:10px 0;
    position:relative;
    margin:10px 0 0
}
.orderform-wrap #forderform #sod_frm_pay .od_coupon td{
    text-align:left;
    border-left:0;
    padding:7px
}
.orderform-wrap #forderform #sod_frm_pay .od_coupon th{
    width:auto;
    text-align:center;
    padding:7px;
    background:#f3f3f3;
    border-top:1px solid #d3d3d3;
    border-bottom:1px solid #d3d3d3
}
.orderform-wrap #forderform #sod_frm_pay .od_coupon .td_numbig{
    text-align:center
}
.orderform-wrap #forderform #sod_frm_pay .pay_tbl table{
    width:100%;
    border-collapse:collapse
}
.orderform-wrap #forderform #sod_frm_pay .pay_tbl th{
    text-align:left;
    padding:10px;
    width:80px;
    border-bottom:1px solid #e7ebf1;
    background:#fff;
    font-weight:bold;
    color:#777
}
.orderform-wrap #forderform #sod_frm_pay .pay_tbl td{
    text-align:right;
    padding:10px;
    height:30px;
    border-bottom:1px solid #e7ebf1;
    background:#fff
}
.orderform-wrap #forderform #sod_frm_pay .pay_tbl td .cp_cancel{
    padding:.5rem .75rem;
    border:1px solid #38b2b9;
    color:#fff;
    background:#6c757d;
    margin:0;
    font-size:.875rem;
    margin-left:.5rem
}
.orderform-wrap #forderform #sod_frm_pay .pay_tbl td .btn_frmline{
    padding:.5rem .75rem;
    border:1px solid #38b2b9;
    color:#38b2b9;
    background:#fff;
    margin:0;
    font-size:.875rem
}
.orderform-wrap #forderform #sod_frm_pay .od_pay_buttons_el:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point{
    margin-top:20px;
    border:1px solid #e3e5e8
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div{
    background:#fff;
    padding:10px;
    text-align:left;
    text-align:right
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div label{
    float:left;
    line-height:30px;
    font-weight:bold
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div span{
    display:block
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div span:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point div strong{
    float:left;
    color:#666
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point .max_point_box em{
    font-style:normal !important
}
.orderform-wrap #forderform #sod_frm_pay .sod_frm_point #od_temp_point{
    height:30px;
    text-align:right;
    padding:0 5px;
    border:1px solid #ccc
}
.orderform-wrap #forderform #sod_frm_pay h2{
    font-size:1.167em;
    padding:15px;
    border-bottom:1px solid #e3e5e8
}
.orderform-wrap #forderform #sod_frm_pay .tooltip_txt{
    height:auto;
    line-height:18px;
    font-weight:normal;
    font-size:1em;
    padding:10px 20px;
    margin:10px
}
.orderform-wrap #forderform #sod_frm_pay .tooltip_txt i{
    float:left;
    line-height:36px;
    font-size:2em;
    margin-right:15px
}
.orderform-wrap #forderform #sod_frm_pay .tooltip_txt:before{
    height:100%
}
.orderform-wrap #forderform #sod_frm_pay .lb_icon{
    display:inline-block;
    position:relative;
    cursor:pointer;
    z-index:1
}
.orderform-wrap #forderform #sod_frm_pay input[type=radio]:checked+.lb_icon{
    color:#3a8afd;
    z-index:3
}
.orderform-wrap #forderform #sod_frm_pay input[type=radio]+label span{
    top:7px
}
.orderform-wrap #forderform #sod_frm_pay #sc_coupon_frm{
    z-index:10000;
    position:absolute;
    top:0;
    right:0;
    width:500px;
    height:auto !important;
    height:500px;
    max-height:500px;
    border:1px solid #000;
    background:#fff;
    overflow-y:auto
}
.orderform-wrap #forderform #sod_frm_pay #od_coupon_frm{
    z-index:10000;
    position:absolute;
    top:0;
    right:0;
    width:500px;
    height:auto !important;
    height:500px;
    max-height:500px;
    border:1px solid #000;
    background:#fff;
    overflow-y:auto
}
.orderform-wrap #forderform .sod_left{
    display:flex;
    flex-direction:column
}
@media(min-width: 768px){
    .orderform-wrap #forderform .sod_left{
        flex-direction:row
    }
}
.orderform-wrap #forderform .sod_left td,.orderform-wrap #forderform .sod_left th{
    font-size:.875rem
}
.orderform-wrap #forderform .sod_left th{
    text-align:right;
    white-space:nowrap
}
.orderform-wrap #forderform .sod_left .frm_input{
    width:100%;
    padding-left:.5rem
}
.orderform-wrap #forderform #sod_frm_taker{
    width:100%;
    margin:0 0 30px;
    border:1px solid #e3e5e8;
    background:#fff
}
@media(min-width: 768px){
    .orderform-wrap #forderform #sod_frm_taker{
        width:50%;
        margin-left:-1px;
        padding-left:1px
    }
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01{
    padding:20px 10px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place{
    display:block;
    background:#edf3fc;
    padding:10px 15px;
    border:1px solid #d1ddee;
    margin:0 10px 10px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place .chk_box{
    float:left;
    display:inline-block;
    width:85%;
    line-height:30px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place input[type=radio]+label span{
    top:7px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place input{
    margin-left:10px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_place label{
    margin-left:10px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .choice_tit{
    float:left;
    display:inline-block;
    width:15% !important;
    line-height:30px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 .btn_frmline{
    padding:.25rem;
    width:80px;
    line-height:1.25rem;
    background:#fff;
    border:1px solid #d4d6db;
    color:#606060;
    text-align:center
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td input{
    width:100%
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .addr input{
    width:20%
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .addr button{
    background:#434a54;
    color:#fff;
    width:128px;
    height:45px;
    border:0;
    border-radius:3px
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .ad_choice{
    padding:5px 0
}
.orderform-wrap #forderform #sod_frm_taker .tbl_frm01 td .ad_choice input{
    width:auto
}
.orderform-wrap #forderform #sod_frm_taker #od_b_addr_jibeon{
    display:inline-block;
    margin:5px 0 0
}
.orderform-wrap #forderform #sod_frm_taker div.tbl_frm01{
    padding:0px 10px !important
}
.orderform-wrap #forderform #sod_frm_taker .order_choice_place{
    position:relative;
    background:#edf3fc;
    border:1px solid #d1ddee;
    padding-left:10px;
    font-size:.75rem
}
.orderform-wrap #forderform #sod_frm_taker td input[type=radio]{
    width:auto;
    -webkit-appearance:radio;
    -webkit-border-radius:initial
}
.orderform-wrap #forderform #sod_frm_taker td input[type=checkbox]{
    width:auto;
    -webkit-appearance:radio;
    -webkit-border-radius:initial
}
.orderform-wrap #forderform #sod_frm_taker label{
    display:inline-block;
    font-weight:normal
}
.orderform-wrap #forderform #sod_frm_orderer{
    margin:0 0 30px;
    border:1px solid #e3e5e8;
    background:#fff;
    width:100%
}
.orderform-wrap #forderform #sod_frm_orderer #od_addr_jibeon{
    display:inline-block;
    margin:5px 0 0
}
@media(min-width: 768px){
    .orderform-wrap #forderform #sod_frm_orderer{
        width:50%
    }
}
.orderform-wrap #forderform #od_tot_price{
    margin:1rem 0;
    background:#fff;
    text-align:right;
    padding:0 10px;
    background:#e5f0ff;
    text-align:right;
    padding-top:1rem;
    padding-bottom:1rem
}
.orderform-wrap #forderform #od_tot_price strong{
    font-size:1.5rem;
    color:#842029
}
.orderform-wrap #forderform #od_pay_sl h3{
    font-size:1.167em;
    margin:20px 0 5px
}
.orderform-wrap #forderform #od_pay_sl input[type=radio]{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    text-indent:-999px;
    left:0;
    z-index:-1px
}
.orderform-wrap #forderform #od_pay_sl input[type=radio]:checked+.lb_icon{
    border:1px solid #ff006c;
    z-index:3
}
.orderform-wrap #forderform #od_pay_sl .lb_icon{
    display:flex;
    background:#fff;
    border:1px solid #eceff4;
    margin:-1px 0 0 -1px;
    cursor:pointer;
    height:66px;
    position:relative;
    padding-left:65px;
    padding-top:20px;
    padding-right:1rem
}
.orderform-wrap #forderform #od_pay_sl .lb_icon:hover{
    border-top:1px solid #212529;
    border-bottom:1px solid #212529
}
.orderform-wrap #forderform #sod_frm_paysel{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}
.orderform-wrap #forderform #sod_frm_paysel legend{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden;
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden
}
.orderform-wrap #forderform #sod_frm_paysel .KPAY{
    background:url("/img/kpay.png") no-repeat 50% 50% #fff;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .PAYNOW{
    background:url("/img/paynow.png") no-repeat 50% 50% #fff;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .PAYCO{
    background:url("/img/payco.png") no-repeat 50% 50% #fff;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .inicis_lpay{
    background:url("/img/lpay_logo.png") no-repeat 50% 50% #fff;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .inicis_kakaopay{
    position:relative;
    overflow:hidden;
    text-indent:-999px;
    width:130px;
    padding-left:2rem;
    padding-top:18px
}
.orderform-wrap #forderform #sod_frm_paysel .inicis_kakaopay em{
    width:70px;
    height:30px;
    background:url("/img/kakao.png") no-repeat 50% 50% #ffeb00;
    overflow:hidden;
    text-indent:-999px;
    border-radius:30px
}
.orderform-wrap #forderform #sod_frm_paysel .kakaopay_icon{
    background:url("/img/kakao.png") no-repeat 50% 50% #fff;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .naverpay_icon{
    background:url("/img/ico-default-naverpay.png") no-repeat 50% 50% #fff;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .samsungpay_icon{
    background:url('/img/samsungpay.png') no-repeat 50% 50% #fff;
    display:inline-block;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .ssgpay_icon{
    background:url('/img/ssgpay_icon.png') no-repeat 50% 50% #fff;
    display:inline-block;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .skpay_icon{
    background:url('/img/skpay11_icon.png') no-repeat 50% 50% #fff; 
    background-size: 70px;
    display:inline-block;
    overflow:hidden;
    text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .PAYCO, .orderform-wrap #forderform #sod_frm_paysel .paycopay_icon{
    background:url('/img/payco.png') no-repeat 50% 50% #fff;
    overflow:hidden;text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .inicis_lpay, .orderform-wrap #forderform #sod_frm_paysel .lpay_icon{
    background:url('/img/lpay_logo.png') no-repeat 50% 50% #fff;
    overflow:hidden;text-indent:-999px
}
.orderform-wrap #forderform #sod_frm_paysel .bank_icon{
    background:url("/img/pay_icon1.png") no-repeat 15px 50% #fff
}
.orderform-wrap #forderform #sod_frm_paysel .vbank_icon{
    background:url("/img/pay_icon2.png") no-repeat 15px 50% #fff
}
.orderform-wrap #forderform #sod_frm_paysel .iche_icon{
    background:url("/img/pay_icon2.png") no-repeat 15px 50% #fff
}
.orderform-wrap #forderform #sod_frm_paysel .hp_icon{
    background:url("/img/pay_icon3.png") no-repeat 24px 50% #fff
}
.orderform-wrap #forderform #sod_frm_paysel .card_icon{
    background:url("/img/pay_icon4.png") no-repeat 17px 50% #fff
}
.orderform-wrap #forderform #sod_frm_paysel ul.pay_way{
    margin:0;
    padding:15px
}
.orderform-wrap #forderform #sod_frm_paysel ul.pay_way input[type=radio]+label span{
    top:7px
}
.orderform-wrap #forderform #sod_frm_paysel ul:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_frm_paysel li{
    position:relative;
    line-height:28px;
    text-align:left;
    list-style:none
}
.orderform-wrap #forderform #forderform .sod_right #sod_bsk_tot{
    border:1px solid #e3e5e8;
    margin-bottom:2rem
}
.orderform-wrap #forderform #forderform .od_pay_buttons_el{
    margin-top:20px;
    border:1px solid #e3e5e8;
    background:#fff;
    padding:10px
}
.orderform-wrap #forderform #forderform .od_pay_buttons_el h3{
    font-size:1.25rem;
    margin:0px 0 5px;
    font-weight:600
}
.orderform-wrap #forderform #forderform #sod_frm_pt{
    border-top:1px solid #e3e5e8
}
.orderform-wrap #forderform .sod_right .pay_tbl{
    border:1px solid #e3e5e8;
    border-bottom:0 none
}
.orderform-wrap #forderform .sod_right #od_tot_price{
    border:1px solid #e3e5e8;
    margin-bottom:2rem
}
.orderform-wrap #forderform .sod_right #sod_bsk_tot{
    border:1px solid #3a8afd
}
.orderform-wrap #forderform .sod_right #sod_bsk_tot:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform .sod_right #sod_bsk_tot ul{
    padding-left:0
}
.orderform-wrap #forderform .sod_right #sod_bsk_tot ul,.orderform-wrap #forderform .sod_right #sod_bsk_tot li{
    list-style:none
}
.orderform-wrap #forderform .sod_right .sod_info li{
    position:relative;
    float:left;
    background:#fff;
    width:33.333%;
    height:70px;
    text-align:center;
    border-bottom:1px solid #e7ebf1;
    padding:15px 0
}
.orderform-wrap #forderform .sod_right .sod_info li:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform .sod_right .sod_info li span{
    display:block;
    color:#777;
    margin-bottom:5px;
    font-weight:bold;
    color:#000
}
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_sell{
    border-right:1px solid #e7ebf1
}
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_coupon{
    border-right:1px solid #e7ebf1
}
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_coupon:before{
    display:block;
    content:"-";
    position:absolute;
    top:25px;
    left:-10px;
    width:20px;
    height:20px;
    background:#fff;
    color:#9da6c9;
    border-radius:50%;
    border:1px solid #e7ebf1;
    font-weight:bold;
    font-size:16px;
    line-height:14px
}
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_dvr:before{
    display:block;
    content:"+";
    position:absolute;
    top:25px;
    left:-10px;
    width:20px;
    height:20px;
    background:#fff;
    color:#9da6c9;
    border-radius:50%;
    border:1px solid #e7ebf1;
    font-weight:bold;
    font-size:16px;
    line-height:14px
}
.orderform-wrap #forderform .sod_right .sod_info .sod_bsk_cnt strong{
    font-size:1.25em
}
.orderform-wrap #forderform .sod_right .sod_info_bt{
    clear:both;
    padding:10px 15px;
    background:#fff
}
.orderform-wrap #forderform .sod_right .sod_info_bt:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform .sod_right .sod_info_bt li:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform .sod_right .sod_info_bt li span{
    display:inline-block;
    float:left;
    width:50%;
    line-height:28px;
    text-align:left;
    font-weight:bold;
    color:#000
}
.orderform-wrap #forderform .sod_right .sod_info_bt li strong{
    display:inline-block;
    float:left;
    width:50%;
    line-height:28px;
    text-align:right
}
.orderform-wrap #forderform .sod_right .sod_info_option{
    clear:both;
    border-top:1px solid #e7ebf1
}
.orderform-wrap #forderform .sod_right .sod_info_option h2{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden
}
.orderform-wrap #forderform .sod_right .sod_info_option ul{
    padding:10px 15px;
    background:#fff
}
.orderform-wrap #forderform .sod_right .sod_info_option li{
    margin-bottom:5px
}
.orderform-wrap #forderform .sod_right .sod_info_option li:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit{
    display:inline-block;
    float:left;
    width:50%;
    line-height:28px;
    text-align:left;
    font-weight:bold
}
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .btn_frmline{
    width:auto;
    height:30px;
    color:#3a8afd;
    background:#fff;
    border:1px solid #d4d6db
}
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .cp_cancel{
    width:auto;
    height:30px;
    border:1px solid #d4d6db;
    padding:0 5px;
    margin-left:5px;
    color:#b1b1b1;
    vertical-align:baseline
}
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .od_coupon{
    z-index:10000;
    position:absolute;
    top:50%;
    left:50%;
    min-width:300px;
    height:auto !important;
    height:500px;
    max-height:500px;
    margin-left:-200px;
    margin-top:-150px;
    border:1px solid #dde7e9;
    border-radius:3px;
    background:#fff;
    overflow-y:auto;
    overflow-x:inherit
}
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_tit .od_coupon>td{
    text-align:left
}
.orderform-wrap #forderform .sod_right .sod_info_option>td{
    display:inline-block;
    float:left;
    width:50%;
    line-height:28px;
    text-align:right;
    text-align:right;
    padding:10px;
    height:30px
}
.orderform-wrap #forderform .sod_right .sod_info_option>td .cp_cancel{
    margin:0 0 0 2px
}
.orderform-wrap #forderform .sod_right .sod_info_option>td .btn_frmline{
    padding:0 7px;
    border:1px solid #38b2b9;
    color:#38b2b9;
    background:#fff;
    height:23px;
    line-height:21px;
    margin:0
}
.orderform-wrap #forderform .sod_right .sod_info_option .sod_ifop_t{
    display:inline-block;
    float:left;
    width:50%;
    line-height:28px;
    text-align:right
}
.orderform-wrap #forderform #sod_point{
    clear:both;
    background:#fff;
    margin-top:10px;
    border:1px solid #e3e5e8
}
.orderform-wrap #forderform #sod_point h2{
    font-size:1.167em;
    padding:15px;
    border-bottom:1px solid #e3e5e8
}
.orderform-wrap #forderform #sod_point h2:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_point .point_tit{
    vertical-align:baseline;
    float:left;
    line-height:28px
}
.orderform-wrap #forderform #sod_point .point_tit label{
    vertical-align:baseline
}
.orderform-wrap #forderform #sod_point .point_ipt{
    float:right;
    display:inline-block;
    margin-left:35px;
    text-align:left;
    text-align:right;
    font-weight:normal
}
.orderform-wrap #forderform #sod_point .point_ipt:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #sod_point .point_ipt #od_temp_point{
    width:100px;
    height:30px;
    text-align:right;
    padding:0 5px;
    border:1px solid #d0d3db;
    border-radius:3px
}
.orderform-wrap #forderform #sod_frm_pt{
    padding:20px
}
.orderform-wrap #forderform #sod_frm_pt .max_point_box em{
    font-style:normal !important
}
.orderform-wrap #forderform #settle_bank{
    border:1px solid #e3e5e8;
    border-top:0 none;
    background:#fff;
    padding:10px;
    clear:both;
    line-height:32px
}
.orderform-wrap #forderform #settle_bank:after{
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.orderform-wrap #forderform #settle_bank label{
    float:left;
    width:30%;
    line-height:30px
}
.orderform-wrap #forderform #settle_bank select{
    width:70%;
    height:32px;
    margin:0 0 5px;
    border:1px solid #e3e5e8;
    border-radius:3px;
    text-align:left
}
.orderform-wrap #forderform #settle_bank input{
    width:70%;
    height:32px;
    margin:0 0 5px;
    border:1px solid #e3e5e8;
    border-radius:3px;
    text-align:left
}
.orderform-wrap #forderform #settle_bank option{
    padding:3px 0
}
.orderform-wrap #forderform #settle_bank #od_deposit_name{
    height:32px;
    padding:0 5px;
    border:1px solid #e3e5e8
}
.orderform-wrap #forderform #display_pay_button{
    background:#fff;
    padding:20px;
    border:1px solid #e3e5e8;
    border-top:0
}
.orderform-wrap #forderform #display_pay_button .btn_submit{
    border:1px solid #0d6efd;
    padding:.5rem 1rem;
    background-color:rgba(61,139,253,.5);
    font-family:"Noto Sans Kr",sans-serif;
    font-weight:600;
    font-size:1.25rem
}
.orderform-wrap #forderform #display_pay_button .btn01{
    border:1px solid #dc3545;
    padding:.5rem 1rem;
    background-color:rgba(227,93,106,.5);
    font-family:"Noto Sans Kr",sans-serif;
    font-weight:600;
    font-size:1.25rem
}
.orderform-wrap #forderform .display_setup_message{
    margin:0 0 10px;
    padding:15px;
    border:1px solid #fccdff;
    background:#ffeef9
}
.orderform-wrap #forderform .display_setup_message strong{
    display:block;
    margin:0 0 10px
}
.orderform-wrap #forderform #sod_frm_same{
    margin:0 0 10px
}
.orderform-wrap #forderform #sod_frm_pay_info{
    margin:0 0 10px
}
.orderform-wrap #forderform #sod_frm_deli{
    position:relative;
    line-height:2em
}
.orderform-wrap #forderform #sod_frm_escrow{
    margin:30px 0 0
}
.orderform-wrap #forderform #display_pay_process{
    padding:20px;
    text-align:center
}
.orderform-wrap #forderform .od_prd_list{
    padding-bottom:1rem;
    margin-bottom:1rem
}
.orderform-wrap #forderform .od_prd_list #sod_list{
    width:100%
}
.orderform-wrap #forderform .od_prd_list #sod_list thead tr th{
    text-align:center;
    padding-top:1rem;
    padding-bottom:1rem;
    border-bottom:1px solid rgba(0,0,0,.25)
}
.orderform-wrap #forderform .od_prd_list table{
    border:1px solid #ccc;
    border-collapse:collapse;
    margin:0;
    padding:0;
    width:100%;
    table-layout:auto
}
.orderform-wrap #forderform .od_prd_list table caption{
    font-size:1.5em;
    margin:.5em 0 .75em
}
.orderform-wrap #forderform .od_prd_list table tr{
    background-color:#f8f8f8;
    border:1px solid #ddd;
    padding:.35em
}
.orderform-wrap #forderform .od_prd_list table th{
    padding:.625em;
    text-align:center;
    font-size:.85em;
    letter-spacing:.1em;
    text-transform:uppercase
}
.orderform-wrap #forderform .od_prd_list table td{
    padding:.625em;
    text-align:center
}
@media(max-width: 767.98px){
    .orderform-wrap #forderform .od_prd_list table{
        border:0
    }
    .orderform-wrap #forderform .od_prd_list table caption{
        font-size:1.3em
    }
    .orderform-wrap #forderform .od_prd_list table thead{
        border:none;
        clip:rect(0 0 0 0);
        height:1px;
        margin:-1px;
        overflow:hidden;
        padding:0;
        position:absolute;
        width:1px
    }
    .orderform-wrap #forderform .od_prd_list table tr{
        border-bottom:3px solid #ddd;
        display:block;
        margin-bottom:.625em
    }
    .orderform-wrap #forderform .od_prd_list table td{
        border-bottom:1px solid #ddd;
        display:block;
        font-size:.8em;
        text-align:right
    }
    .orderform-wrap #forderform .od_prd_list table td::before{
        content:attr(data-label);
        float:left;
        font-weight:bold;
        text-transform:uppercase
    }
    .orderform-wrap #forderform .od_prd_list table td:last-child{
        border-bottom:0
    }
    .orderform-wrap #forderform .od_prd_list table td:nth-child(2)::before{
        content:" 총수량 : "
    }
    .orderform-wrap #forderform .od_prd_list table td:nth-child(3)::before{
        content:" 판매가 : "
    }
    .orderform-wrap #forderform .od_prd_list table td:nth-child(4)::before{
        content:" 소계 : "
    }
    .orderform-wrap #forderform .od_prd_list table td:nth-child(5)::before{
        content:" 포인트 : "
    }
    .orderform-wrap #forderform .od_prd_list table td:nth-child(6)::before{
        content:" 배송비 : "
    }
}
.orderform-wrap #forderform .pay_tbl th{
    white-space:nowrap
}
.orderform-wrap #forderform #display_pay_button{
    display:flex;
    justify-content:space-between
}
.order-view-wrap .td_prd .option-name{
    font-size:.875rem
}
.order-view-wrap .td_prd .list-group .list-group-item{
    font-size:.75rem;
    color:#6c757d;
    padding:.25rem .5rem
}
.order-view-wrap .order-info{
    flex-direction:column
}
.order-view-wrap .order-info h3{
    font-size:1rem;
    font-weight:600;
    color:#495057
}
.order-view-wrap .order-info th,.order-view-wrap .order-info td{
    font-size:.875rem
}
.order-view-wrap .order-info th{
    white-space:nowrap
}
@media(min-width: 768px){
    .order-view-wrap .order-info{
        flex-direction:row
    }
}
.order-view-wrap .receiver-address{
    margin-left:0
}
@media(min-width: 768px){
    .order-view-wrap .receiver-address{
        margin-left:.5rem
    }
}
.order-view-wrap .pay-stats-wrap{
    flex-direction:row
}
.order-view-wrap .pay-stats-wrap .list-group{
    width:100%
}
.order-view-wrap .pay-stats-wrap .list-group-item{
    text-align:center;
    width:50%;
    border:1px solid #e9ecef;
    flex:1 1 auto;
    font-size:.875rem
}
@media(min-width: 768px){
    .order-view-wrap .pay-stats-wrap .list-group-item{
        width:auto
    }
}
.order-view-wrap .pay-stats-wrap .list-group-item span{
    display:block;
    font-size:.875rem
}
#scash{
    margin:0 auto
}
#scash #win_title{
    font-size:1.5rem;
    border:1px solid #dee2e6;
    padding:1rem;
    background-color:#fff;
    font-weight:600;
    font-family:"Noto Sans Kr",sans-serif
}
#scash section{
    padding:10px 0;
    border:1px solid #dee2e6;
    padding:1rem;
    background-color:#fff;
    margin-bottom:2rem
}
#scash h2{
    margin:0 0 10px;
    text-align:center;
    font-weight:600;
    color:#495057;
    font-family:"Noto Sans Kr",sans-serif;
    border-bottom:1px solid #dee2e6;
    padding-bottom:1rem;
    margin-bottom:1rem;
    font-size:1.25rem
}
#scash .basic_tbl th{
    padding:0 10px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    background:#f2f5f9;
    text-align:left
}
#scash #scash_apply{
    padding:10px 0 20px;
    text-align:center
}
#scash #scash_apply button{
    padding:10px;
    border:0;
    background:#565e60;
    color:#fff
}
#scash #scash_copy{
    text-align:center
}
#scash table{
    width:100%
}
#scash table th,#scash table td{
    font-size:.875rem;
    padding:.5rem
}
#scash table th{
    text-align:right
}
.sod_frm_mobile .sound_only{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile .sound_only:not(caption){
    position:absolute !important
}
.sod_frm_mobile ul,.sod_frm_mobile li{
    list-style:none
}
.sod_frm_mobile .sod_list{
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap
}
.sod_frm_mobile .sod_list li.sod_li{
    padding:.5rem;
    width:100%;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    border-bottom:1px solid rgba(0,0,0,.25);
    margin-bottom:2rem
}
.sod_frm_mobile .sod_list li.sod_li .li_name,.sod_frm_mobile .sod_list li.sod_li .li_op_wr{
    text-align:center
}
.sod_frm_mobile .sod_list li.sod_li .sod_opt ul{
    padding:0
}
.sod_frm_mobile .sod_list li.sod_li .sod_opt ul li{
    font-size:.875;
    font-weight:600;
    color:#6c757d
}
.sod_frm_mobile .sod_list li.sod_li .li_prqty{
    display:flex;
    font-size:.875rem;
    flex-direction:column
}
.sod_frm_mobile .sod_list li.sod_li .li_prqty span.li_prqty_sp{
    margin:0 auto;
    width:80%;
    display:flex;
    justify-content:space-between;
    border-bottom:1px dashed #dee2e6;
    padding:.25rem 0
}
.sod_frm_mobile .sod_list li.sod_li .li_prqty span.li_prqty_sp span{
    display:flex
}
.sod_frm_mobile .sod_list li.sod_li .total_price.total_span{
    margin:0 auto;
    width:80%;
    display:flex;
    justify-content:space-between;
    font-size:1rem;
    padding:.5rem 0
}
.sod_frm_mobile .sod_list li.sod_li .total_price.total_span strong{
    color:#0d6efd
}
.sod_frm_mobile .sod_ta_wr{
    background-color:#e9ecef;
    padding:1rem
}
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot{
    margin-bottom:0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between
}
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dt,.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dd{
    width:50%;
    display:flex;
    border-bottom:1px solid #ced4da;
    margin:0;
    padding:.5rem 0
}
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dt strong,.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dd strong{
    color:#0d6efd
}
.sod_frm_mobile .sod_ta_wr #m_sod_bsk_tot dd{
    justify-content:end
}
.sod_frm_mobile #sod_frm_orderer{
    margin-top:2rem;
    border:1px solid #e3e5e8;
    background:#fff;
    padding:1rem
}
.sod_frm_mobile #sod_frm_orderer h2{
    font-weight:600;
    font-size:1.25rem;
    font-family:"Noto Sans KR",sans-serif;
    border-bottom:1px solid #dee2e6;
    padding-bottom:.5rem
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul{
    margin:0;
    padding:0
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li{
    font-size:.875rem;
    padding:.25rem .5rem;
    display:flex;
    justify-content:space-between
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4){
    flex-direction:column;
    margin-top:1rem
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) [name=od_zip]{
    width:100px
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) .btn_frmline.btn_addsch{
    border:1px solid #ced4da;
    padding:.25rem 1rem
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) .frm_input{
    margin-bottom:.25rem
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) br{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li:nth-child(4) br:not(caption){
    position:absolute !important
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li label{
    width:100px;
    align-items:center;
    display:flex
}
.sod_frm_mobile #sod_frm_orderer .odf_list ul li .frm_input{
    font-size:.875rem;
    border:1px solid #dee2e6;
    width:100%;
    padding:.25rem 1rem
}
.sod_frm_mobile #sod_frm_taker{
    margin-top:2rem;
    border:1px solid #e3e5e8;
    background:#fff;
    padding:1rem
}
.sod_frm_mobile #sod_frm_taker h2{
    font-weight:600;
    font-size:1.25rem;
    font-family:"Noto Sans KR",sans-serif;
    border-bottom:1px solid #dee2e6;
    padding-bottom:.5rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul{
    padding:0;
    margin:0;
    flex-direction:column;
    display:flex
}
.sod_frm_mobile #sod_frm_taker .odf_list ul .dlv_slt{
    padding:1rem;
    background-color:#e9ecef;
    margin-bottom:1rem;
    display:block
}
.sod_frm_mobile #sod_frm_taker .odf_list ul .dlv_slt div{
    display:block
}
.sod_frm_mobile #sod_frm_taker .odf_list ul .dlv_slt #order_address{
    border:1px solid #adb5bd;
    padding:0 1rem;
    background-color:#fff
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2){
    font-size:.875rem;
    padding:.25rem .5rem;
    display:flex;
    justify-content:space-between;
    flex-direction:row
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) [name=od_zip]{
    width:100px
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) .btn_frmline.btn_addsch{
    border:1px solid #ced4da;
    padding:.25rem 1rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) .frm_input{
    margin-bottom:.25rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) br{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) br:not(caption){
    position:absolute !important
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) label{
    width:100px;
    align-items:center;
    display:flex
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) .frm_input{
    font-size:.875rem;
    border:1px solid #dee2e6;
    width:100%;
    padding:.25rem 1rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) [name=ad_subject]{
    width:100%;
    margin-right:30px;
    margin-left:16px
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(n+2) #od_memo{
    width:95%;
    border:1px solid #ced4da;
    margin-left:5%
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6){
    flex-direction:column;
    margin-top:1rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) [name=od_b_zip]{
    width:100px
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) .btn_frmline.btn_addsch{
    border:1px solid #ced4da;
    padding:.25rem 1rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) .frm_input{
    margin-bottom:.25rem
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) br{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li:nth-child(6) br:not(caption){
    position:absolute !important
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li .ad_default{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li .ad_default:not(caption){
    position:absolute !important
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li #ad_default{
    margin-left:.25em
}
.sod_frm_mobile #sod_frm_taker .odf_list ul li #ad_default::after{
    content:"기본";
    display:block;
    width:55px;
    padding-left:.8rem;
    padding-top:.45rem;
    margin-left:-42px
}
.sod_frm_mobile #sod_frm_pay{
    margin-top:2rem;
    border:1px solid #e3e5e8;
    background:#fff;
    padding:1rem
}
.sod_frm_mobile #sod_frm_pay h2{
    font-weight:600;
    font-size:1.25rem;
    font-family:"Noto Sans KR",sans-serif;
    border-bottom:1px solid #dee2e6;
    padding-bottom:.5rem
}
.sod_frm_mobile #sod_frm_pay .odf_tbl table{
    width:100%
}
.sod_frm_mobile #sod_frm_pay .odf_tbl table th{
    white-space:nowrap
}
.sod_frm_mobile #sod_frm_pay .odf_tbl table th,.sod_frm_mobile #sod_frm_pay .odf_tbl table td{
    font-size:.875rem;
    padding:.5rem
}
.sod_frm_mobile #sod_frm_pay .odf_tbl #od_coupon_btn{
    border:1px solid #dee2e6;
    padding:.25rem .5rem
}
.sod_frm_mobile #sod_frm_pay .odf_tbl #od_coupon_cancel{
    margin-left:.5rem;
    border:1px solid #dee2e6;
    padding:.25rem .5rem;
    background-color:#e35d6a;
    color:#fff
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap{
    background-color:#f8f9fa;
    padding:.25rem;
    position:absolute;
    border:1px solid #dee2e6;
    box-shadow:2px 2px 5px rgba(0,0,0,.25)
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap h3{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap h3:not(caption){
    position:absolute !important
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm h3{
    font-size:1rem;
    font-weight:600
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap{
    font-size:.75rem
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap caption{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap caption:not(caption){
    position:absolute !important
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap th,.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap td{
    text-align:center;
    font-size:.75rem
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap th button,.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_frm .tbl_head02.tbl_wrap td button{
    border:1px solid #ced4da;
    padding:.15rem .5rem;
    background-color:#0dcaf0
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap .btn_confirm{
    text-align:right
}
.sod_frm_mobile #sod_frm_pay .odf_tbl .od_coupon_wrap #od_coupon_close{
    border:1px solid #dc3545;
    padding:.25rem .5rem
}
.sod_frm_mobile #sod_frm_pay #sod_frm_pt_alert{
    font-size:.75rem;
    color:#dc3545;
    padding:.5rem;
    background-color:#e9ecef
}
.sod_frm_mobile #sod_frm_pay #m_sod_frm_paysel ul{
    padding:0;
    margin:0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}
.sod_frm_mobile #sod_frm_pay #m_sod_frm_paysel ul li{
    display:flex;
    width:50%;
    flex:1 1 auto;
    margin-bottom:.5rem;
    color:#495057;
    font-size:.875rem;
    font-weight:600;
    font-family:"Noto Sans KR",sans-serif
}
.sod_frm_mobile #sod_frm_pay .sod_frm_point{
    background-color:#e9ecef;
    padding:1rem;
    font-size:.875rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.sod_frm_mobile #sod_frm_pay .sod_frm_point div{
    justify-content:space-between;
    display:flex;
    flex-direction:row
}
.sod_frm_mobile #sod_frm_pay .sod_frm_point #sod_frm_pt_info{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.sod_frm_mobile #sod_frm_pay .sod_frm_point #sod_frm_pt_info span{
    display:flex;
    justify-content:space-between
}
.sod_frm_mobile #settle_bank{
    margin-top:1rem;
    border:1px sodli #dee2e6;
    background-color:#e9ecef;
    padding:1rem;
    font-size:.875rem
}
.sod_frm_mobile #display_pay_button{
    display:flex;
    justify-content:space-between;
    padding:1rem 0;
    margin:1.5rem 0
}
.sod_frm_mobile #display_pay_button .btn_submit{
    font-family:"Noto Sans KR",sans-serif;
    border:1px solid #6c757d;
    background-color:#6ea8fe;
    color:#fff;
    padding:.75rem 1.5rem
}
.sod_frm_mobile #display_pay_button .btn_cancel{
    font-family:"Noto Sans KR",sans-serif;
    border:1px solid #6c757d;
    background-color:#ea868f;
    color:#fff;
    padding:.75rem 1.5rem
}
.personalpayform-wrap .pesonal.sod_left h2{
    font-size:1.25rem;
    font-weight:600;
    font-family:"Noto Sans KR",sans-serif;
    margin-bottom:1.5rem;
    border-bottom:1px solid #e9ecef;
    padding-bottom:1rem
}
.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table{
    width:100%
}
.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table tr th,.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table tr td{
    padding:.5rem;
    border-bottom:1px solid #f8f9fa
}
.personalpayform-wrap .pesonal.sod_left .tbl_frm01.tbl_wrap table tr:nth-child(2) td{
    padding:1rem;
    background-color:#f8f9fa;
    font-size:.875rem
}
.personalpayform-wrap #display_pay_button{
    display:flex;
    justify-content:space-between;
    background:#fff;
    padding:20px
}
.personalpayform-wrap #display_pay_button .btn_submit{
    border:1px solid #0d6efd;
    padding:.5rem 1rem;
    background-color:rgba(61,139,253,.5);
    font-family:"Noto Sans Kr",sans-serif;
    font-weight:600;
    font-size:1.25rem
}
.personalpayform-wrap #display_pay_button .btn01{
    border:1px solid #dc3545;
    padding:.5rem 1rem;
    background-color:rgba(227,93,106,.5);
    font-family:"Noto Sans Kr",sans-serif;
    font-weight:600;
    font-size:1.25rem
}
.personalpayform-wrap .sound_only{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.personalpayform-wrap .sound_only:not(caption){
    position:absolute !important
}
.personalpayform-wrap .frm_input{
    width:100%;
    border:1px solid #e9ecef;
    padding:.25rem .5rem
}
.personalpayform-wrap .sod_right{
    margin-top:2rem
}
.personalpayform-wrap .sod_right h2{
    font-size:1.25rem;
    font-weight:600;
    font-family:"Noto Sans KR",sans-serif;
    margin-bottom:1.5rem;
    border-bottom:1px solid #e9ecef;
    padding-bottom:1rem
}
.personalpayform-wrap .sod_right #sod_frm_paysel legend{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.personalpayform-wrap .sod_right #sod_frm_paysel legend:not(caption){
    position:absolute !important
}
.personalpayform-wrap .sod_right #sod_frm_paysel .pay_way{
    padding:0;
    margin:0;
    color:#3d8bfd;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}
.personalpayform-wrap .sod_right #sod_frm_paysel .pay_way li{
    list-style:none;
    display:flex;
    padding:.5rem 1rem;
    border:1px solid #e9ecef;
    margin-bottom:.5rem;
    flex:1 1 auto
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer{
    padding:1rem
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer h2{
    font-size:1.25rem;
    font-weight:600;
    font-family:"Noto Sans KR",sans-serif;
    margin-bottom:1.5rem;
    border-bottom:1px solid #e9ecef;
    padding-bottom:1rem
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl{
    margin-bottom:2rem
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl table{
    width:100%
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl table tr th,.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer .odf_tbl table tr td{
    font-size:.875rem;
    padding:.5rem 1rem
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer #sod_frm_paysel legend{
    font-size:1.25rem;
    font-weight:600;
    font-family:"Noto Sans KR",sans-serif;
    margin-bottom:1.5rem;
    border-bottom:1px solid #e9ecef;
    padding-bottom:1rem
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer #sod_frm_paysel .pay_way{
    list-style:none;
    margin:0;
    padding:0
}
.personalpayform-wrap #m_pv_sod_frm #m_sod_frm_orderer #sod_frm_paysel .pay_way li{
    list-style:none;
    padding:.25rem 1rem;
    font-size:.875rem
}
.personalpayform-wrap #m_pv_sod_frm .btn_cancel{
    border:1px solid #dc3545;
    padding:.5rem 1rem;
    background-color:rgba(227,93,106,.5);
    font-family:"Noto Sans Kr",sans-serif;
    font-weight:600;
    font-size:1.25rem
}
.item-sort-wrap a{
    font-size:.75rem;
    font-family:"Nanum Gothic",sans-serif
}
@media(min-width: 768px){
    .item-sort-wrap a{
        font-size:.875rem
    }
}
.item-sort-wrap .active a{
    color:#fff
}
.item-sort-wrap .list-group-item{
    padding:.25rem .5rem
}
@media(min-width: 768px){
    .item-sort-wrap .list-group-item{
        padding:.5rem 1.25rem
    }
}
.list-category-sub-wrap .sub-category-item{
    background-color:#f8f9fa;
    font-size:.875rem
}
.list-category-sub-wrap .sub-category-item:hover{
    box-shadow:2px 2px 5px rgba(0,0,0,.1)
}
.result-category .cate-item{
    background-color:#f8f9fa
}
.sev_img{
    margin-top:1rem;
    margin-bottom:1rem;
    text-align:center
}
.sev_img img{
    max-width:100%;
    height:auto
}
.my-side-menu{
    right:0;
    height:100%;
    max-width:0;
    top:0;
    background-color:#fff;
    z-index:2011
}
.my-side-menu .show-side-menu-btn{
    position:absolute;
    left:-41px;
    top:30%;
    background-color:#fff
}
.right-side-menu{
    background-color:#fff;
    transition:.3s
}
.right-side-menu .swiper-slide{
    display:block;
    width:100%
}
.right-side-menu .content{
    width:100%
}
.right-side-menu .list-group.btns{
    border:none;
    border-top:1px solid #dee2e6;
    border-left:1px solid #dee2e6;
    border-bottom:1px solid #dee2e6
}
.right-side-menu .list-group.btns .list-group-item{
    border:none;
    padding:0
}
.right-side-menu .list-group.btns .list-group-item .btn{
    width:100%;
    border:none
}
.mobile-bottom-menu{
    background-color:#fff;
    font-weight:600;
    bottom:-46.8px !important;
    transition:all .2s ease-out
}
.mobile-bottom-menu i{
    font-size:1.25rem
}
.mobile-bottom-menu.view-mobile-bottom-menu{
    bottom:0 !important;
    transition:all .2s ease-out
}
@media(min-width: 768px){
    .mobile-bottom-menu.view-mobile-bottom-menu{
        display:none !important
    }
}
.paging-wrap .pg_wrap{
    display:flex;
    justify-content:center
}
.paging-wrap .pg_wrap .pg{
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    justify-content:center;
    flex-direction:row
}
.paging-wrap .pg_wrap .pg .pg_current,.paging-wrap .pg_wrap .pg .pg_page{
    display:flex;
    padding:.25rem;
    font-size:.75rem;
    padding:.5rem;
    background-color:#ced4da;
    margin-right:.25rem;
    margin-bottom:.25rem
}
.paging-wrap .pg_wrap .pg .pg_current:hover,.paging-wrap .pg_wrap .pg .pg_page:hover{
    background-color:#dee2e6
}
@media(min-width: 768px){
    .paging-wrap .pg_wrap .pg .pg_current,.paging-wrap .pg_wrap .pg .pg_page{
        padding:.5rem;
        font-size:.875rem;
        padding:.5rem 1rem;
        background-color:#ced4da;
        margin-right:.25rem
    }
}
.paging-wrap .pg_wrap .pg .pg_current{
    color:#fff;
    background-color:#0d6efd
}
.paging-wrap .pg_wrap .pg .pg_current:hover{
    background-color:#0d6efd
}
.sv_member{
    display:none
}
.sv{
    display:flex;
    flex-direction:column
}
.sv a{
    font-size:.875rem;
    padding:.25rem .5rem;
    font-family:"Nanum Gothic",sans-serif
}
.sv a:hover{
    color:#0d6efd
}
#copymove{
    padding:1rem
}
#copymove .sound_only{
    display:none
}
#copymove .win_title{
    font-family:"Noto Sans KR",sans-serif;
    font-size:1rem
}
#copymove .tbl_wrap table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0 5px;
    background:#fff;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec
}
#copymove .tbl_wrap caption{
    padding:10px 0;
    font-weight:bold;
    text-align:left
}
#copymove .tbl_head01{
    margin:0 0 10px
}
#copymove .tbl_head01 caption{
    padding:0;
    font-size:0;
    line-height:0;
    overflow:hidden
}
#copymove .tbl_head01 thead th{
    padding:20px 0;
    font-weight:normal;
    text-align:center;
    border-bottom:1px solid #ececec;
    height:40px
}
#copymove .tbl_head01 thead th input{
    vertical-align:top
}
#copymove .tbl_head01 tfoot th,#copymove .tbl_head01 tfoot td{
    padding:10px 0;
    border-top:1px solid #c1d1d5;
    border-bottom:1px solid #c1d1d5;
    background:#d7e0e2;
    text-align:center
}
#copymove .tbl_head01 tbody th{
    padding:8px 0;
    border-bottom:1px solid #e8e8e8
}
#copymove .tbl_head01 td{
    color:#666;
    padding:10px 5px;
    border-top:1px solid #ecf0f1;
    border-bottom:1px solid #ecf0f1;
    line-height:1.4em;
    height:60px;
    word-break:break-all
}
#copymove .tbl_head01 tbody tr:hover td{
    background:#fafafa
}
#copymove .tbl_head01 a:hover{
    text-decoration:underline
}
#copymove .win_desc{
    text-align:center;
    display:block
}
#copymove .tbl_wrap{
    margin:20px
}
#copymove .win_btn{
    padding:0 20px 20px
}
.copymove_current{
    float:right;
    background:#ff3061;
    padding:5px;
    color:#fff;
    border-radius:3px
}
.copymove_currentbg{
    background:#f4f4f4
}
.top-hero-section{
    -webkit-transition:max-height .35s;
    -moz-transition:max-height .35s;
    -ms-transition:max-height .35s;
    -o-transition:max-height .35s;
    transition:max-height .35s;
    top:0px;
    margin-bottom:0px !important;
    width:100%;
    position:relative;
    overflow:hidden;
    text-align:center;
    margin:0;
    color:#fff;
    height:280px;
    max-height:280px
}
.top-hero-section::before{
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
@media(min-width: 768px){
    .top-hero-section{
        top:0px;
        margin-bottom:0px !important;
        height:448px;
        max-height:448px
    }
}
@media(min-width: 992px){
    .top-hero-section{
        top:0px;
        margin-bottom:0px !important;
        height:560px;
        max-height:560px
    }
}
.top-hero-section .hero-wrap{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
    padding-top:0px
}
.top-hero-section .hero-wrap .hero-title{
    font-weight:900;
    font-size:2rem;
    font-family:"Noto Sans KR",sans-serif;
    text-shadow:2px 2px .5rem rgba(33,37,41,.5);
    -webkit-animation:fade-in 3s ease-out both;
    animation:fade-in 3s ease-out both
}
@media(min-width: 768px){
    .top-hero-section .hero-wrap .hero-title{
        font-size:3.5rem
    }
}
@media(min-width: 992px){
    .top-hero-section .hero-wrap .hero-title{
        font-size:4.5rem
    }
}
.top-hero-section .hero-wrap .lead-text{
    text-shadow:2px 2px .25rem rgba(0,0,0,.75);
    -webkit-animation:fade-in 3s ease-out both;
    animation:fade-in 3s ease-out both;
    font-size:1rem
}
@media(min-width: 768px){
    .top-hero-section .hero-wrap .lead-text{
        font-size:1.25rem
    }
}
@media(min-width: 992px){
    .top-hero-section .hero-wrap .lead-text{
        font-size:1.5rem
    }
}
.top-hero-section.background-zoom::before{
    -webkit-animation:kenburns-top-right 5s ease-out both;
    animation:kenburns-top-right 5s ease-out both;
    content:"";
    opacity:1;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1
}
section.height-scale-down{
    max-height:250px
}
@media(min-width: 768px){
    section.height-scale-down{
        max-height:350px
    }
}
section.height-scale-down-subpage{
    max-height:150px !important
}
@media(min-width: 768px){
    section.height-scale-down-subpage{
        max-height:200px !important
    }
}
.top-hero-section.sub-page-hero{
    height:140px;
    max-height:140px
}
@media(min-width: 768px){
    .top-hero-section.sub-page-hero{
        top:0px;
        margin-bottom:0px !important;
        height:224px;
        max-height:224px
    }
}
@media(min-width: 992px){
    .top-hero-section.sub-page-hero{
        top:0px;
        margin-bottom:0px !important;
        height:280px;
        max-height:280px
    }
}
.dropdown-menu{
    z-index:2000
}
#sns_register .sns-wrap{
    width:100%;
    height:auto;
    line-height:53px;
    margin:0;
    text-align:right;
    padding:0 20px
}
@media(min-width: 768px){
    #sns_register .sns-wrap{
        width:auto;
        height:56px
    }
}
.alert.alert-sm{
    font-size:.75rem
}
.ff-noto{
    font-family:"Noto Sans KR",sans-serif
}
.ff-nanum{
    font-family:"Nanum Gothic",sans-serif
}
.large-image-wrap{
    height:100%
}
.large-image-wrap img{
    max-width:100%;
    height:auto
}
.large-image-wrap .swiper{
    width:100%;
    height:100%
}
.large-image-wrap .swiper-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.large-image-wrap .swiper-slide img{
    display:block;
    max-width:100%;
    height:auto;
    object-fit:cover
}
.pg_wrap{
    display:flex;
    justify-content:center
}
.pg_wrap .sound_only{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.pg_wrap .sound_only:not(caption){
    position:absolute !important
}
.pg_wrap .pg{
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    justify-content:center;
    flex-direction:row
}
.pg_wrap .pg .pg_current,.pg_wrap .pg .pg_page{
    display:flex;
    padding:.25rem;
    font-size:.75rem;
    padding:.5rem;
    background-color:#ced4da;
    margin-right:.25rem;
    margin-bottom:.25rem
}
.pg_wrap .pg .pg_current:hover,.pg_wrap .pg .pg_page:hover{
    background-color:#dee2e6
}
@media(min-width: 768px){
    .pg_wrap .pg .pg_current,.pg_wrap .pg .pg_page{
        padding:.5rem;
        font-size:.875rem;
        padding:.5rem 1rem;
        background-color:#ced4da;
        margin-right:.25rem
    }
}
.pg_wrap .pg .pg_current{
    color:#fff;
    background-color:#0d6efd
}
.pg_wrap .pg .pg_current:hover{
    background-color:#0d6efd
}
.sev_admin,.sct_admin,.sit_admin{
    position:fixed;
    background-color:#fff;
    border:1px solid #e9ecef;
    box-shadow:2px 2px 5px rgba(0,0,0,.15);
    z-index:2;
    top:224px
}
.sev_admin .sound_only,.sct_admin .sound_only,.sit_admin .sound_only{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sev_admin .sound_only:not(caption),.sct_admin .sound_only:not(caption),.sit_admin .sound_only:not(caption){
    position:absolute !important
}
@media(max-width: 767.98px){
    .sev_admin,.sct_admin,.sit_admin{
        display:none
    }
}
.sound_only{
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
.sound_only:not(caption){
    position:absolute !important
}
.mce-content-body .mce-item-anchor{
    background:rgba(0,0,0,0) url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center
}
.mce-content-body .mce-item-anchor:empty{
    cursor:default;
    display:inline-block;
    height:12px !important;
    padding:0 2px;
    -webkit-user-modify:read-only;
    -moz-user-modify:read-only;
    -webkit-user-select:all;
    -moz-user-select:all;
    user-select:all;
    width:8px !important
}
.mce-content-body .mce-item-anchor:not(:empty){
    background-position-x:2px;
    display:inline-block;
    padding-left:12px
}
.mce-content-body .mce-item-anchor[data-mce-selected]{
    outline-offset:1px
}
.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){
    outline:3px solid #ffe89d
}
.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){
    outline:3px solid #fed635
}
.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){
    outline:3px solid #fed635
}
.tox-comments-visible span.tox-comment:not([data-mce-selected]){
    background-color:#ffe89d;
    outline:0
}
.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){
    background-color:#fed635
}
.tox-checklist>li:not(.tox-checklist--hidden){
    list-style:none;
    margin:.25em 0
}
.tox-checklist>li:not(.tox-checklist--hidden)::before{
    content:url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
    cursor:pointer;
    height:1em;
    margin-left:-1.5em;
    margin-top:.125em;
    position:absolute;
    width:1em
}
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{
    content:url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")
}
[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{
    margin-left:0;
    margin-right:-1.5em
}
code[class*=language-],pre[class*=language-]{
    color:#000;
    background:0 0;
    text-shadow:0 1px #fff;
    font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
    font-size:1em;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;
    -moz-tab-size:4;
    tab-size:4;
    -webkit-hyphens:none;
    hyphens:none
}
code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{
    text-shadow:none;
    background:#b3d4fc
}
@media print{
    code[class*=language-],pre[class*=language-]{
        text-shadow:none
    }
}
pre[class*=language-]{
    padding:1em;
    margin:.5em 0;
    overflow:auto
}
:not(pre)>code[class*=language-],pre[class*=language-]{
    background:#f5f2f0
}
:not(pre)>code[class*=language-]{
    padding:.1em;
    border-radius:.3em;
    white-space:normal
}
.token.cdata,.token.comment,.token.doctype,.token.prolog{
    color:#708090
}
.token.punctuation{
    color:#999
}
.token.namespace{
    opacity:.7
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
    color:#905
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{
    color:#690
}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{
    color:#9a6e3a;
    background:rgba(255,255,255,.5)
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#07a
}
.token.class-name,.token.function{
    color:#dd4a68
}
.token.important,.token.regex,.token.variable{
    color:#e90
}
.token.bold,.token.important{
    font-weight:700
}
.token.italic{
    font-style:italic
}
.token.entity{
    cursor:help
}
.mce-content-body{
    overflow-wrap:break-word;
    word-wrap:break-word
}
.mce-content-body .mce-visual-caret{
    background-color:#000;
    background-color:currentColor;
    position:absolute
}
.mce-content-body .mce-visual-caret-hidden{
    display:none
}
.mce-content-body [data-mce-caret]{
    left:-1000px;
    margin:0;
    padding:0;
    position:absolute;
    right:auto;
    top:0
}
.mce-content-body .mce-offscreen-selection{
    left:-2000000px;
    max-width:1000000px;
    position:absolute
}
.mce-content-body [contentEditable=false]{
    cursor:default
}
.mce-content-body [contentEditable=true]{
    cursor:text
}
.tox-cursor-format-painter{
    cursor:url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default
}
div.mce-footnotes hr{
    margin-inline-end:auto;
    margin-inline-start:0;
    width:25%
}
div.mce-footnotes li>a.mce-footnotes-backlink{
    text-decoration:none
}
@media print{
    sup.mce-footnote a{
        color:#000;
        text-decoration:none
    }
    div.mce-footnotes{
        break-inside:avoid;
        width:100%
    }
    div.mce-footnotes li>a.mce-footnotes-backlink{
        display:none
    }
}
.mce-content-body figure.align-left{
    float:left
}
.mce-content-body figure.align-right{
    float:right
}
.mce-content-body figure.image.align-center{
    display:table;
    margin-left:auto;
    margin-right:auto
}
.mce-preview-object{
    border:1px solid gray;
    display:inline-block;
    line-height:0;
    margin:0 2px 0 2px;
    position:relative
}
.mce-preview-object .mce-shim{
    background:url(data:image/gif;
    base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.mce-preview-object[data-mce-selected="2"] .mce-shim{
    display:none
}
.mce-content-body .mce-mergetag:hover{
    background-color:rgba(0,108,231,.1)
}
.mce-content-body .mce-mergetag-affix{
    background-color:rgba(0,108,231,.1);
    color:#006ce7
}
.mce-object{
    background:rgba(0,0,0,0) url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
    border:1px dashed #aaa
}
.mce-pagebreak{
    border:1px dashed #aaa;
    cursor:default;
    display:block;
    height:5px;
    margin-top:15px;
    page-break-before:always;
    width:100%
}
@media print{
    .mce-pagebreak{
        border:0
    }
}
.tiny-pageembed .mce-shim{
    background:url(data:image/gif;
    base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.tiny-pageembed[data-mce-selected="2"] .mce-shim{
    display:none
}
.tiny-pageembed{
    display:inline-block;
    position:relative
}
.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{
    display:block;
    overflow:hidden;
    padding:0;
    position:relative;
    width:100%
}
.tiny-pageembed--21by9{
    padding-top:42.857143%
}
.tiny-pageembed--16by9{
    padding-top:56.25%
}
.tiny-pageembed--4by3{
    padding-top:75%
}
.tiny-pageembed--1by1{
    padding-top:100%
}
.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{
    border:0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.mce-content-body[data-mce-placeholder]{
    position:relative
}
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{
    color:rgba(34,47,62,.7);
    content:attr(data-mce-placeholder);
    position:absolute
}
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{
    left:1px
}
.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{
    right:1px
}
.mce-content-body div.mce-resizehandle{
    background-color:#4099ff;
    border-color:#4099ff;
    border-style:solid;
    border-width:1px;
    box-sizing:border-box;
    height:10px;
    position:absolute;
    width:10px;
    z-index:1298
}
.mce-content-body div.mce-resizehandle:hover{
    background-color:#4099ff
}
.mce-content-body div.mce-resizehandle:nth-of-type(1){
    cursor:nwse-resize
}
.mce-content-body div.mce-resizehandle:nth-of-type(2){
    cursor:nesw-resize
}
.mce-content-body div.mce-resizehandle:nth-of-type(3){
    cursor:nwse-resize
}
.mce-content-body div.mce-resizehandle:nth-of-type(4){
    cursor:nesw-resize
}
.mce-content-body .mce-resize-backdrop{
    z-index:10000
}
.mce-content-body .mce-clonedresizable{
    cursor:default;
    opacity:.5;
    outline:1px dashed #000;
    position:absolute;
    z-index:10001
}
.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{
    border:0
}
.mce-content-body .mce-resize-helper{
    background:#555;
    background:rgba(0,0,0,.75);
    border:1px;
    border-radius:3px;
    color:#fff;
    display:none;
    font-family:sans-serif;
    font-size:12px;
    line-height:14px;
    margin:5px 10px;
    padding:5px;
    position:absolute;
    white-space:nowrap;
    z-index:10002
}
.tox-rtc-user-selection{
    position:relative
}
.tox-rtc-user-cursor{
    bottom:0;
    cursor:default;
    position:absolute;
    top:0;
    width:2px
}
.tox-rtc-user-cursor::before{
    background-color:inherit;
    border-radius:50%;
    content:"";
    display:block;
    height:8px;
    position:absolute;
    right:-3px;
    top:-3px;
    width:8px
}
.tox-rtc-user-cursor:hover::after{
    background-color:inherit;
    border-radius:100px;
    box-sizing:border-box;
    color:#fff;
    content:attr(data-user);
    display:block;
    font-size:12px;
    font-weight:700;
    left:-5px;
    min-height:8px;
    min-width:8px;
    padding:0 12px;
    position:absolute;
    top:-11px;
    white-space:nowrap;
    z-index:1000
}
.tox-rtc-user-selection--1 .tox-rtc-user-cursor{
    background-color:#2dc26b
}
.tox-rtc-user-selection--2 .tox-rtc-user-cursor{
    background-color:#e03e2d
}
.tox-rtc-user-selection--3 .tox-rtc-user-cursor{
    background-color:#f1c40f
}
.tox-rtc-user-selection--4 .tox-rtc-user-cursor{
    background-color:#3598db
}
.tox-rtc-user-selection--5 .tox-rtc-user-cursor{
    background-color:#b96ad9
}
.tox-rtc-user-selection--6 .tox-rtc-user-cursor{
    background-color:#e67e23
}
.tox-rtc-user-selection--7 .tox-rtc-user-cursor{
    background-color:#aaa69d
}
.tox-rtc-user-selection--8 .tox-rtc-user-cursor{
    background-color:#f368e0
}
.tox-rtc-remote-image{
    background:#eaeaea url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
    border:1px solid #ccc;
    min-height:240px;
    min-width:320px
}
.mce-match-marker{
    background:#aaa;
    color:#fff
}
.mce-match-marker-selected{
    background:#39f;
    color:#fff
}
.mce-match-marker-selected::-moz-selection{
    background:#39f;
    color:#fff
}
.mce-match-marker-selected::selection{
    background:#39f;
    color:#fff
}
.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{
    outline:3px solid #b4d7ff
}
.mce-content-body hr[data-mce-selected]{
    outline:3px solid #b4d7ff;
    outline-offset:1px
}
.mce-content-body [contentEditable=false] [contentEditable=true]:focus{
    outline:3px solid #b4d7ff
}
.mce-content-body [contentEditable=false] [contentEditable=true]:hover{
    outline:3px solid #b4d7ff
}
.mce-content-body [contentEditable=false][data-mce-selected]{
    cursor:not-allowed;
    outline:3px solid #b4d7ff
}
.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{
    outline:0
}
.mce-content-body [data-mce-selected=inline-boundary]{
    background-color:#b4d7ff
}
.mce-content-body .mce-edit-focus{
    outline:3px solid #b4d7ff
}
.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{
    position:relative
}
.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{
    background:0 0
}
.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{
    background:0 0
}
.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{
    outline:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{
    background-color:rgba(180,215,255,.7);
    border:1px solid rgba(180,215,255,.7);
    bottom:-1px;
    content:"";
    left:-1px;
    mix-blend-mode:multiply;
    position:absolute;
    right:-1px;
    top:-1px
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    .mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{
        border-color:rgba(0,84,180,.7)
    }
}
.mce-content-body img[data-mce-selected]::-moz-selection{
    background:0 0
}
.mce-content-body img[data-mce-selected]::selection{
    background:0 0
}
.ephox-snooker-resizer-bar{
    background-color:#b4d7ff;
    opacity:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.ephox-snooker-resizer-cols{
    cursor:col-resize
}
.ephox-snooker-resizer-rows{
    cursor:row-resize
}
.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{
    opacity:1
}
.mce-spellchecker-word{
    background-image:url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
    background-position:0 calc(100% + 1px);
    background-repeat:repeat-x;
    background-size:auto 6px;
    cursor:default;
    height:2rem
}
.mce-spellchecker-grammar{
    background-image:url("data:image/svg+xml;
    charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
    background-position:0 calc(100% + 1px);
    background-repeat:repeat-x;
    background-size:auto 6px;
    cursor:default
}
.mce-toc{
    border:1px solid gray
}
.mce-toc h2{
    margin:4px
}
.mce-toc li{
    list-style-type:none
}
[data-mce-block]{
    display:block
}
.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{
    border:1px dashed #bbb
}
.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{
    background-repeat:no-repeat;
    border:1px dashed #bbb;
    margin-left:3px;
    padding-top:10px
}
.mce-visualblocks p{
    background-image:url(data:image/gif;
    base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)
}
.mce-visualblocks h1{
    background-image:url(data:image/gif;
    base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)
}
.mce-visualblocks h2{
    background-image:url(data:image/gif;
    base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)
}
.mce-visualblocks h3{
    background-image:url(data:image/gif;
    base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)
}
.mce-visualblocks h4{
    background-image:url(data:image/gif;
    base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)
}
.mce-visualblocks h5{
    background-image:url(data:image/gif;
    base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)
}
.mce-visualblocks h6{
    background-image:url(data:image/gif;
    base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)
}
.mce-visualblocks div:not([data-mce-bogus]){
    background-image:url(data:image/gif;
    base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)
}
.mce-visualblocks section{
    background-image:url(data:image/gif;
    base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)
}
.mce-visualblocks article{
    background-image:url(data:image/gif;
    base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)
}
.mce-visualblocks blockquote{
    background-image:url(data:image/gif;
    base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)
}
.mce-visualblocks address{
    background-image:url(data:image/gif;
    base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)
}
.mce-visualblocks pre{
    background-image:url(data:image/gif;
    base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)
}
.mce-visualblocks figure{
    background-image:url(data:image/gif;
    base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)
}
.mce-visualblocks figcaption{
    border:1px dashed #bbb
}
.mce-visualblocks hgroup{
    background-image:url(data:image/gif;
    base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)
}
.mce-visualblocks aside{
    background-image:url(data:image/gif;
    base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)
}
.mce-visualblocks ul{
    background-image:url(data:image/gif;
    base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)
}
.mce-visualblocks ol{
    background-image:url(data:image/gif;
    base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)
}
.mce-visualblocks dl{
    background-image:url(data:image/gif;
    base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)
}
.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{
    margin-left:3px
}
.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{
    background-position-x:right;
    margin-right:3px
}
.mce-nbsp,.mce-shy{
    background:#aaa
}
.mce-shy::after{
    content:"-"
}
body{
    font-family:sans-serif
}
table{
    border-collapse:collapse
}
.tox-editor-header{
    overflow:auto
}
@media(min-width: 768px){
    .tox-editor-header{
        overflow:hidden
    }
}
#tinymce{
    padding:.5rem
}
.tox-promotion{
    display:none
}
.text-bg-graydark{
    background-color:var(--bs-gray-dark)
}
/*# sourceMappingURL=askseo.css.map */