.hexGrid{
    overflow:hidden;
    width:100%;
    margin:0 auto;
    padding:0.866% 0;
    padding-bottom:5%
}
.hexGrid:after{
    content:"";
    display:block;
    clear:both
}
.hex{
    position:relative;
    list-style-type:none;
    float:left;
    overflow:hidden;
    visibility:hidden;
    outline:1px solid transparent;
    -webkit-transform:rotate(-60deg) skewY(30deg) translatez(-1px);
    -ms-transform:rotate(-60deg) skewY(30deg) translatez(-1px);
    transform:rotate(-60deg) skewY(30deg) translatez(-1px)
}
.hex *{
    position:absolute;
    visibility:visible;
    outline:1px solid transparent
}
.hexIn{
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    overflow:hidden;
    -webkit-transform:skewY(-30deg) rotate(60deg);
    -ms-transform:skewY(-30deg) rotate(60deg);
    transform:skewY(-30deg) rotate(60deg)
}
.hex img{
    left:-100%;
    right:-100%;
    width:auto;
    height:100%;
    margin:0 auto
}
.hex img.reverseTransform{
    transform:rotate(0deg) skewY(-30deg) translatez(0px);
    pointer-events:none
}
.hexIn .hoverState{
    visibility:hidden;
    opacity:0
}
.hexIn .activeState{
    visibility:hidden
}
.hexIn.active .activeState{
    visibility:visible;
    z-index:10
}
.hexIn .borderImg{
    visibility:visible;
    z-index:20
}
.hexIn:hover .hoverState{
    visibility:visible;
    opacity:1
}
.adjust3 .hex{
    width:32%;
    padding-bottom:36.950%;
    margin-bottom:0.5%;
    margin-left:0.5%
}
.adjust3 .hex.shift{
    width:32% !important;
    padding-bottom:36.950% !important;
    margin-bottom:0.5% !important;
    margin-left:0.5% !important;
    margin-top:0px !important;
    -webkit-transform:translateX(0%) rotate(-60deg) skewY(30deg) !important;
    -ms-transform:translateX(0%) rotate(-60deg) skewY(30deg) !important;
    transform:translateX(0%) rotate(-60deg) skewY(30deg) !important
}
.adjust3 .hex:not(.opacity-5):nth-of-type(2n+4), .adjust3 .hex:not(.opacity-5):nth-of-type(2n+5){
    margin-top:-8.5%;
    margin-bottom:-3.5%;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}
.adjust5 .hex{
    width:19.2%;
    padding-bottom:22.170%;
    margin-bottom:0.5%;
    margin-left:0.5%
}
.adjust5 .hex:nth-child(9n+6), .adjust5 .hex:nth-child(9n+7), .adjust5 .hex:nth-child(9n+8), .adjust5 .hex:nth-child(9n+9){
    margin-top:-5.5%;
    margin-bottom:-3.5%;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}
.adjust5 .hex:nth-child(9n+6){
    margin-left:0.75%
}
.adjust5 .hex:nth-child(9n+10), .adjust5 .hex:nth-child(9n+11), .adjust5 .hex:nth-child(9n+12){
    margin-top:-1.5%;
    margin-bottom:-3.5%;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}
.adjust5 .hex:nth-child(9n+10){
    clear:left;
    margin-left:10.65%
}
.adjust6 .hex{
    width:16%;
    padding-bottom:18.475%;
    margin-bottom:0.5%;
    margin-left:0.5%
}
.adjust6 .hex:nth-child(10n+7), .adjust6 .hex:nth-child(10n+8), .adjust6 .hex:nth-child(10n+9), .adjust6 .hex:nth-child(10n+10), .adjust6 .hex:nth-child(10n+11){
    margin-top:-4.676%;
    margin-bottom:-4.676%;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}
.adjust6 .hex:nth-child(10n+7){
    margin-left:0.75%
}
.adjust7 .hex{
    width:13.7%;
    padding-bottom:15.819%;
    margin-bottom:0.5%;
    margin-left:0.5%
}
.adjust7 .hex:nth-child(11n+8), .adjust7 .hex:nth-child(11n+9), .hex:nth-child(11n+10), .hex:nth-child(11n+11), .hex:nth-child(11n+12), .hex:nth-child(11n+13){
    margin-top:-3.9%;
    margin-bottom:-3.9%;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}
.adjust7 .hex:nth-child(11n+8){
 //   margin-left:29.1%
}
.adjust8 .hex{
    width:12%;
    padding-bottom:13.856%;
    margin-bottom:0.5%;
    margin-left:0.5%
}
.adjust8 .hex:nth-child(12n+9), .adjust8 .hex:nth-child(12n+10), .adjust8 .hex:nth-child(12n+11), .adjust8 .hex:nth-child(12n+12), .adjust8 .hex:nth-child(12n+13), .adjust8 .hex:nth-child(12n+14), .adjust8 .hex:nth-child(12n+15) {
    margin-top:-3.5%;
    margin-bottom:-3.5%;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}

.adjust8 .hex:nth-child(12n+16) {
    margin-top:7.6%;
  //  margin-bottom:3.5%;
    left:-835px;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
}

@media only screen and (max-width : 1199px) {
   .adjust8 .hex:nth-child(12n+16) {
   margin-top:7.6%;
  //  margin-bottom:3.5%;
    left:-765px;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
 }
}

@media only screen and (max-width : 972px) {
   .adjust8 .hex:nth-child(12n+16) {
   margin-top:7.6%;
  //  margin-bottom:3.5%;
    left:-670px;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
 }
}

@media only screen and (max-width : 414px) {
   .adjust8 .hex:nth-child(12n+16) {
   margin-top:7.6%;
  //  margin-bottom:3.5%;
    left:-315px;
    -webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg);
    transform:translateX(50%) rotate(-60deg) skewY(30deg)
 }
}

.adjust8 .hex:nth-child(12n+9){
   // margin-left:13.25%
}
.hex:before,.hex:after{
    content:"";
    border-left:104px solid transparent;
    border-right:104px solid transparent;
    position:absolute
}
.hex:before{
    top:-59px;
    border-bottom:60px solid #6C6
}
.hex:after{
    bottom:-59px;
    border-top:60px solid #6C6
}
@keyframes noise-anim{
    0%{
        clip:rect(72px,9999px,102px,0)
    }
    5%{
        clip:rect(61px,9999px,157px,0)
    }
    10%{
        clip:rect(110px,9999px,141px,0)
    }
    15%{
        clip:rect(84px,9999px,81px,0)
    }
    20%{
        clip:rect(105px,9999px,8px,0)
    }
    25%{
        clip:rect(150px,9999px,113px,0)
    }
    30%{
        clip:rect(14px,9999px,129px,0)
    }
    35%{
        clip:rect(25px,9999px,147px,0)
    }
    40%{
        clip:rect(35px,9999px,68px,0)
    }
    45%{
        clip:rect(24px,9999px,133px,0)
    }
    50%{
        clip:rect(69px,9999px,133px,0)
    }
    55%{
        clip:rect(110px,9999px,161px,0)
    }
    60%{
        clip:rect(101px,9999px,82px,0)
    }
    65%{
        clip:rect(83px,9999px,67px,0)
    }
    70%{
        clip:rect(78px,9999px,52px,0)
    }
    75%{
        clip:rect(91px,9999px,16px,0)
    }
    80%{
        clip:rect(126px,9999px,27px,0)
    }
    85%{
        clip:rect(165px,9999px,67px,0)
    }
    90%{
        clip:rect(72px,9999px,124px,0)
    }
    95%{
        clip:rect(121px,9999px,122px,0)
    }
    100%{
        clip:rect(89px,9999px,99px,0)
    }
}
.glitch:hover:after{
    position:absolute;
    left:2px;
    top:0;
    overflow:hidden;
    clip:rect(0, 900px, 0, 0);
    animation:noise-anim 1.5s infinite linear alternate-reverse
}
@keyframes noise-anim-2{
    0%{
        clip:rect(89px,9999px,79px,0)
    }
    5%{
        clip:rect(130px,9999px,158px,0)
    }
    10%{
        clip:rect(158px,9999px,165px,0)
    }
    15%{
        clip:rect(30px,9999px,92px,0)
    }
    20%{
        clip:rect(127px,9999px,102px,0)
    }
    25%{
        clip:rect(112px,9999px,119px,0)
    }
    30%{
        clip:rect(96px,9999px,26px,0)
    }
    35%{
        clip:rect(62px,9999px,7px,0)
    }
    40%{
        clip:rect(112px,9999px,55px,0)
    }
    45%{
        clip:rect(79px,9999px,130px,0)
    }
    50%{
        clip:rect(139px,9999px,68px,0)
    }
    55%{
        clip:rect(102px,9999px,114px,0)
    }
    60%{
        clip:rect(157px,9999px,58px,0)
    }
    65%{
        clip:rect(117px,9999px,19px,0)
    }
    70%{
        clip:rect(2px,9999px,131px,0)
    }
    75%{
        clip:rect(108px,9999px,143px,0)
    }
    80%{
        clip:rect(33px,9999px,1px,0)
    }
    85%{
        clip:rect(72px,9999px,165px,0)
    }
    90%{
        clip:rect(163px,9999px,61px,0)
    }
    95%{
        clip:rect(12px,9999px,52px,0)
    }
    100%{
        clip:rect(3px,9999px,86px,0)
    }
}
.glitch:hover:before{
    position:absolute;
    left:-2px;
    top:0;
    overflow:hidden;
    clip:rect(0, 900px, 0, 0);
    animation:noise-anim-2 2s infinite linear alternate-reverse
}
.glitch:hover:after{
    position:absolute;
    left:2px;
    top:0;
    overflow:hidden;
    clip:rect(0, 900px, 0, 0);
    animation:noise-anim 1.5s infinite linear alternate-reverse
}
 @charset "UTF-8";
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    30%{
        -webkit-transform:scaleX(1.25) scaleY(0.75);
        transform:scaleX(1.25) scaleY(0.75)
    }
    40%{
        -webkit-transform:scaleX(0.75) scaleY(1.25);
        transform:scaleX(0.75) scaleY(1.25)
    }
    60%{
        -webkit-transform:scaleX(1.15) scaleY(0.85);
        transform:scaleX(1.15) scaleY(0.85)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    30%{
        -webkit-transform:scaleX(1.25) scaleY(0.75);
        -ms-transform:scaleX(1.25) scaleY(0.75);
        transform:scaleX(1.25) scaleY(0.75)
    }
    40%{
        -webkit-transform:scaleX(0.75) scaleY(1.25);
        -ms-transform:scaleX(0.75) scaleY(1.25);
        transform:scaleX(0.75) scaleY(1.25)
    }
    60%{
        -webkit-transform:scaleX(1.15) scaleY(0.85);
        -ms-transform:scaleX(1.15) scaleY(0.85);
        transform:scaleX(1.15) scaleY(0.85)
    }
    100%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
@keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        -ms-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        -ms-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        -ms-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(0.9) rotate(-3deg);
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(0.9) rotate(-3deg);
        -ms-transform:scale(0.9) rotate(-3deg);
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        -ms-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        -ms-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
        -ms-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:translateX(0%);
        -ms-transform:translateX(0%);
        transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        -ms-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        -ms-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        -ms-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        -ms-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        -ms-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0%);
        -ms-transform:translateX(0%);
        transform:translateX(0%)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        -ms-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        -ms-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
}
@keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        -ms-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    -ms-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        -ms-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        -ms-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        -ms-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        -ms-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        -ms-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        -ms-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        -ms-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        -ms-transform:translateX(0%) skewX(-15deg);
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0%) skewX(0deg);
        -ms-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        -ms-transform:translateX(0%) skewX(0deg);
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        -ms-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        -ms-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    100%{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        -ms-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        -ms-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        -ms-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    100%{
        -webkit-transform:translateY(700px);
        -ms-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        -ms-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        -ms-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg);
        -ms-transform:translateX(0px) rotate(0deg);
        transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        -ms-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
 .widget.pageBubbles{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    max-width:100%;
    text-align:center;
    padding:0;
    margin:0;
    overflow:hidden
}
.widget.pageBubbles{
    pointer-events:none
}
.widget.pageBubbles .bubble{
    pointer-events:all
}
.widget.pageBubbles *{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
@media (max-width: @break-md){
    .widget.pageBubbles{
        display:none
    }
}
.widget.pageBubbles{
}
.bubble{
    position:absolute
}
.bubPos1{
    left:10%
}
.bubPos2{
    left:20%
}
.bubPos3{
    left:30%
}
.bubPos4{
    left:40%
}
.bubPos5{
    left:50%
}
.bubPos6{
    left:60%
}
.bubPos7{
    left:70%
}
.bubPos8{
    left:80%
}
.bubPos9{
    left:90%
}
.bubPos10{
    left:98%
}
.bubble.bub1{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-animation:moveUp 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation:moveUp 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -o-animation:moveUp 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -ms-animation:moveUp 20s linear infinite, sideWays 4s ease-in-out infinite alternate
}
.bubble.bub2{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -o-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -ms-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate
}
.bubble.bub3{
    display:none;
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    transform:scale(.7);
    -webkit-animation:moveUp 14s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -moz-animation:moveUp 14s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -o-animation:moveUp 14s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -ms-animation:moveUp 14s linear infinite, sideWays 5s ease-in-out infinite alternate
}
.bubble.bub4{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-animation:moveUp 25s linear infinite, sideWays 6s ease-in-out infinite alternate;
    -moz-animation:moveUp 25s linear infinite, sideWays 6s ease-in-out infinite alternate;
    -o-animation:moveUp 25s linear infinite, sideWays 6s ease-in-out infinite alternate;
    -ms-animation:moveUp 25s linear infinite, sideWays 6s ease-in-out infinite alternate
}
.bubble.bub5{
    display:none;
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    transform:scale(.8);
    -webkit-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -o-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -ms-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate
}
.bubble.bub6{
    -webkit-transform:scale(.5);
    -moz-transform:scale(.5);
    transform:scale(.5);
    -webkit-animation:moveUp 14s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation:moveUp 14s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -o-animation:moveUp 14s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -ms-animation:moveUp 14s linear infinite, sideWays 2s ease-in-out infinite alternate
}
.bubble.bub7{
    -webkit-transform:scale(.9);
    -moz-transform:scale(.9);
    transform:scale(.9);
    -webkit-animation:moveUp 13s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation:moveUp 13s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -o-animation:moveUp 13s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -ms-animation:moveUp 13s linear infinite, sideWays 2s ease-in-out infinite alternate
}
.bubble.bub8{
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    transform:scale(.6);
    -webkit-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -o-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -ms-animation:moveUp 15s linear infinite, sideWays 3s ease-in-out infinite alternate
}
.bubble.bub9{
    display:none;
    -webkit-transform:scale(.2);
    -moz-transform:scale(.2);
    transform:scale(.2);
    -webkit-animation:moveUp 10s linear infinite, sideWays 1s ease-in-out infinite alternate;
    -moz-animation:moveUp 10s linear infinite, sideWays 1s ease-in-out infinite alternate;
    -o-animation:moveUp 10s linear infinite, sideWays 1s ease-in-out infinite alternate;
    -ms-animation:moveUp 10s linear infinite, sideWays 1s ease-in-out infinite alternate
}
.bubble.bub10{
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    transform:scale(.7);
    -webkit-animation:moveUp 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation:moveUp 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -o-animation:moveUp 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -ms-animation:moveUp 19s linear infinite, sideWays 4s ease-in-out infinite alternate
}
.bubblePoint .bubble img{
    width:initial !important;
    height:inherit !important
}
.bubblePoint .bubble{
}
@-webkit-keyframes moveUp{
    0%{
        bottom:0;
        top:100%
    }
    100%{
        bottom:100%;
        top:0
    }
}
@-webkit-keyframes sideWays{
    0%{
        margin-left:0px
    }
    100%{
        margin-left:50px
    }
}
@-moz-keyframes moveUp{
    0%{
        bottom:0;
        top:100%
    }
    100%{
        bottom:100%;
        top:0
    }
}
@-moz-keyframes sideWays{
    0%{
        margin-left:0px
    }
    100%{
        margin-left:50px
    }
}
@-o-keyframes moveUp{
    0%{
        bottom:0;
        top:100%
    }
    100%{
        bottom:100%;
        top:0
    }
}
@-o-keyframes sideWays{
    0%{
        margin-left:0px
    }
    100%{
        margin-left:50px
    }
}
@-ms-keyframes moveUp{
    0%{
        bottom:0;
        top:100%
    }
    100%{
        bottom:100%;
        top:0
    }
}
@-ms-keyframes sideWays{
    0%{
        margin-left:0px
    }
    100%{
        margin-left:50px
    }
}
 .ps-container{
    -ms-touch-action:none;
    touch-action:none;
    overflow:hidden !important;
    -ms-overflow-style:none
}
@supports (-ms-overflow-style: none){
    .ps-container{
        overflow:auto !important
    }
}
@media screen and (-ms-high-contrast: active) , (-ms-high-contrast: none){
    .ps-container{
        overflow:auto !important
    }
}
.customContainer .ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{
    right:10px!important
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{
    display:block;
    background-image:url('../deep/img/scrollbar/track.png');
    width:12px
}
.ps-container.ps-in-scrolling{
    pointer-events:none
}
.customContainer .ps-container>.ps-scrollbar-y-rail{
    top:0px !important
}
.ps-container>.ps-scrollbar-y-rail{
    position:absolute;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    opacity:1;
    -webkit-transition:background-color .2s linear, opacity .2s linear;
    -moz-transition:background-color .2s linear, opacity .2s linear;
    -o-transition:background-color .2s linear, opacity .2s linear;
    transition:background-color .2s linear, opacity .2s linear;
    right:3px;
    width:7px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{
    position:absolute;
    background-color:#fca91e;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear;
    right:2px;
    width:7px
}
.ps-container:hover.ps-in-scrolling{
    pointer-events:none
}
.ps-container:hover>.ps-scrollbar-y-rail{
    opacity:1
}