.major-list-outer {}
.major-list {}
.major-list li {}
.major-list li a,.major-list li a span {width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.front-face {z-index:2;}
.major-list li a span.back-face {z-index:3;background:url(../images/png.png) #e8474c no-repeat center center;display:none;opacity:0.5;}
.major-list li a {overflow:hidden}
.major-list li a:hover span.back-face {/*z-index:3;*/ display:block;}
.animated {-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes flipInX {0% {-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
40% {-webkit-transform:perspective(400px) rotateX(-10deg);}
70% {-webkit-transform:perspective(400px) rotateX(10deg);}
100% {-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@-moz-keyframes flipInX {0% {-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
40% {-moz-transform:perspective(400px) rotateX(-10deg);}
70% {-moz-transform:perspective(400px) rotateX(10deg);}
100% {-moz-transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@-ms-keyframes flipInX {0% {-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
40% {-ms-transform:perspective(400px) rotateX(-10deg);}
70% {-ms-transform:perspective(400px) rotateX(10deg);}
100% {-ms-transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX {0% {transform:perspective(400px) rotateX(90deg);opacity:0;}
40% {transform:perspective(400px) rotateX(-10deg);}
70% {transform:perspective(400px) rotateX(10deg);}
100% {transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX {-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-ms-backface-visibility:visible !important;-ms-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX;}
@-webkit-keyframes flipOutX {0% {-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;}
100% {-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-moz-keyframes flipOutX {0% {-moz-transform:perspective(400px) rotateX(0deg);opacity:1;}
100% {-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-ms-keyframes flipOutX {0% {-ms-transform:perspective(400px) rotateX(0deg);opacity:1;}
100% {-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipOutX {0% {transform:perspective(400px) rotateX(0deg);opacity:1;}
100% {transform:perspective(400px) rotateX(90deg);opacity:0;}
}
.flipOutX {-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible !important;-ms-animation-name:flipOutX;-ms-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important;}
@-webkit-keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeIn {0% {opacity:0;}
100% {opacity:1;}
}
.fadeIn {height:100%;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
@-ms-keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
@keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
.fadeOut {-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-ms-animation-name:fadeOut;animation-name:fadeOut;height:0;}
@-webkit-keyframes tada {0% {-webkit-transform:scale(1);}
10%,20% {-webkit-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90% {-webkit-transform:scale(1.1) rotate(3deg);}
40%,60%,80% {-webkit-transform:scale(1.1) rotate(-3deg);}
100% {-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada {0% {-moz-transform:scale(1);}
10%,20% {-moz-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90% {-moz-transform:scale(1.1) rotate(3deg);}
40%,60%,80% {-moz-transform:scale(1.1) rotate(-3deg);}
100% {-moz-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada {0% {-ms-transform:scale(1);}
10%,20% {-ms-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90% {-ms-transform:scale(1.1) rotate(3deg);}
40%,60%,80% {-ms-transform:scale(1.1) rotate(-3deg);}
100% {-ms-transform:scale(1) rotate(0);}
}
@keyframes tada {0% {transform:scale(1);}
10%,20% {transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90% {transform:scale(1.1) rotate(3deg);}
40%,60%,80% {transform:scale(1.1) rotate(-3deg);}
100% {transform:scale(1) rotate(0);}
}
@-webkit-keyframes flash {0%,50%,100% {opacity:0;}
25%,75% {opacity:1;}
}
@-moz-keyframes flash {0%,50%,100% {opacity:0;}
25%,75% {opacity:1;}
}
@-ms-keyframes flash {0%,50%,100% {opacity:0;}
25%,75% {opacity:1;}
}
@keyframes flash {0%,50%,100% {opacity:0;}
25%,75% {opacity:1;}
}
@-webkit-keyframes bounceInUp {0% {opacity:0;-webkit-transform:translateY(2000px);}
60% {opacity:1;-webkit-transform:translateY(-30px);}
80% {-webkit-transform:translateY(10px);}
100% {-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceInUp {0% {opacity:0;-moz-transform:translateY(2000px);}
60% {opacity:1;-moz-transform:translateY(-30px);}
80% {-moz-transform:translateY(10px);}
100% {-moz-transform:translateY(0);}
}
@-ms-keyframes bounceInUp {0% {opacity:0;-ms-transform:translateY(2000px);}
60% {opacity:1;-ms-transform:translateY(-30px);}
80% {-ms-transform:translateY(10px);}
100% {-ms-transform:translateY(0);}
}
@keyframes bounceInUp {0% {opacity:0;transform:translateY(2000px);}
60% {opacity:1;transform:translateY(-30px);}
80% {transform:translateY(10px);}
100% {transform:translateY(0);}
}
.animated.bounceInUp {-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-ms-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceInDown {0% {opacity:0;-webkit-transform:translateY(-2000px);}
60% {opacity:1;-webkit-transform:translateY(30px);}
80% {-webkit-transform:translateY(-10px);}
100% {-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceInDown {0% {opacity:0;-moz-transform:translateY(-2000px);}
60% {opacity:1;-moz-transform:translateY(30px);}
80% {-moz-transform:translateY(-10px);}
100% {-moz-transform:translateY(0);}
}
@-ms-keyframes bounceInDown {0% {opacity:0;-ms-transform:translateY(-2000px);}
60% {opacity:1;-ms-transform:translateY(30px);}
80% {-ms-transform:translateY(-10px);}
100% {-ms-transform:translateY(0);}
}
@keyframes bounceInDown {0% {opacity:0;transform:translateY(-2000px);}
60% {opacity:1;transform:translateY(30px);}
80% {transform:translateY(-10px);}
100% {transform:translateY(0);}
}
.animated.bounceInDown {-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-ms-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft {0% {opacity:0;-webkit-transform:translateX(-2000px);}
60% {opacity:1;-webkit-transform:translateX(30px);}
80% {-webkit-transform:translateX(-10px);}
100% {-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInLeft {0% {opacity:0;-moz-transform:translateX(-2000px);}
60% {opacity:1;-moz-transform:translateX(30px);}
80% {-moz-transform:translateX(-10px);}
100% {-moz-transform:translateX(0);}
}
@-ms-keyframes bounceInLeft {0% {opacity:0;-ms-transform:translateX(-2000px);}
60% {opacity:1;-ms-transform:translateX(30px);}
80% {-ms-transform:translateX(-10px);}
100% {-ms-transform:translateX(0);}
}
@keyframes bounceInLeft {0% {opacity:0;transform:translateX(-2000px);}
60% {opacity:1;transform:translateX(30px);}
80% {transform:translateX(-10px);}
100% {transform:translateX(0);}
}
.animated.bounceInLeft {-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-ms-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight {0% {opacity:0;-webkit-transform:translateX(2000px);}
60% {opacity:1;-webkit-transform:translateX(-30px);}
80% {-webkit-transform:translateX(10px);}
100% {-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInRight {0% {opacity:0;-moz-transform:translateX(2000px);}
60% {opacity:1;-moz-transform:translateX(-30px);}
80% {-moz-transform:translateX(10px);}
100% {-moz-transform:translateX(0);}
}
@-ms-keyframes bounceInRight {0% {opacity:0;-ms-transform:translateX(2000px);}
60% {opacity:1;-ms-transform:translateX(-30px);}
80% {-ms-transform:translateX(10px);}
100% {-ms-transform:translateX(0);}
}
@keyframes bounceInRight {0% {opacity:0;transform:translateX(2000px);}
60% {opacity:1;transform:translateX(-30px);}
80% {transform:translateX(10px);}
100% {transform:translateX(0);}
}
.animated.bounceInRight {-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-ms-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes slideInRight {0% {opacity:0;-webkit-transform:translateX(2000px);}
100% {opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes slideInRight {0% {opacity:0;-moz-transform:translateX(2000px);}
100% {opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes slideInRight {0% {opacity:0;-ms-transform:translateX(2000px);}
100% {opacity:1;-ms-transform:translateX(0);}
}
@keyframes slideInRight {0% {opacity:0;transform:translateX(2000px);}
100% {opacity:1;transform:translateX(0);}
}
@-webkit-keyframes slideOutLeft {0% {opacity:1;-webkit-transform:translateX(0);}
100% {opacity:0;-webkit-transform:translateX(-2000px);}
}
@-moz-keyframes slideOutLeft {0% {opacity:1;-moz-transform:translateX(0);}
100% {opacity:0;-moz-transform:translateX(-2000px);}
}
@-ms-keyframes slideOutLeft {0% {opacity:1;-ms-transform:translateX(0);}
100% {opacity:0;-ms-transform:translateX(-2000px);}
}
@keyframes slideOutLeft {0% {opacity:1;transform:translateX(0);}
100% {opacity:0;transform:translateX(-2000px);}
}
/* Above all are from animate.css by daneden http://daneden.me/animate/ */.from-top {-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}
.from-left {-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;}
.from-top,.from-left {-webkit-animation:enter-clockwise 0.23s ease-out;-moz-animation:enter-clockwise 0.23s ease-out;-ms-animation:enter-clockwise 0.23s ease-out;animation:enter-clockwise 0.23s ease-out;}
.from-right {-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;}
.from-bottom {-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;}
.from-right,.from-bottom {-webkit-animation:enter-anti-clockwise 0.23s ease-out;-moz-animation:enter-anti-clockwise 0.23s ease-out;-ms-animation:enter-anti-clockwise 0.23s ease-out;animation:enter-anti-clockwise 0.23s ease-out;}
.to-top {-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;}
.to-left {-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;}
.to-top,.to-left {-webkit-animation:leave-anti-clockwise 0.23s ease-out;-moz-animation:leave-anti-clockwise 0.23s ease-out;-ms-animation:leave-anti-clockwise 0.23s ease-out;animation:leave-anti-clockwise 0.23s ease-out;}
.to-right {-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;}
.to-bottom {-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;}
.to-right,.to-bottom {-webkit-animation:leave-clockwise 0.23s ease-out;-moz-animation:leave-clockwise 0.23s ease-out;-ms-animation:leave-clockwise 0.23s ease-out;animation:leave-clockwise 0.23s ease-out;}
@-webkit-keyframes enter-clockwise {from {z-index:3;-webkit-transform:rotate(-90deg);}
to {z-index:3;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes enter-clockwise {from {z-index:3;-moz-transform:rotate(-90deg);}
to {z-index:3;-moz-transform:rotate(0deg);}
}
@-ms-keyframes enter-clockwise {from {z-index:3;-ms-transform:rotate(-90deg);}
to {z-index:3;-ms-transform:rotate(0deg);}
}
@keyframes enter-clockwise {from {z-index:3;transform:rotate(-90deg);}
to {z-index:3;transform:rotate(0deg);}
}
@-webkit-keyframes enter-anti-clockwise {from {z-index:3;-webkit-transform:rotate(90deg);}
to {z-index:3;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes enter-anti-clockwise {from {z-index:3;-moz-transform:rotate(90deg);}
to {z-index:3;-moz-transform:rotate(0deg);}
}
@-ms-keyframes enter-anti-clockwise {from {z-index:3;-ms-transform:rotate(90deg);}
to {z-index:3;-ms-transform:rotate(0deg);}
}
@keyframes enter-anti-clockwise {from {z-index:3;transform:rotate(90deg);}
to {z-index:3;transform:rotate(0deg);}
}
@-webkit-keyframes leave-clockwise {from {z-index:3;-webkit-transform:rotate(0deg);}
to {z-index:3;-webkit-transform:rotate(90deg);}
}
@-moz-keyframes leave-clockwise {from {z-index:3;-moz-transform:rotate(0deg);}
to {z-index:3;-moz-transform:rotate(90deg);}
}
@-ms-keyframes leave-clockwise {from {z-index:3;-ms-transform:rotate(0deg);}
to {z-index:3;-ms-transform:rotate(90deg);}
}
@keyframes leave-clockwise {from {z-index:3;transform:rotate(0deg);}
to {z-index:3;transform:rotate(90deg);}
}
@-webkit-keyframes leave-anti-clockwise {from {z-index:3;-webkit-transform:rotate(0deg);}
to {z-index:3;-webkit-transform:rotate(-90deg);}
}
@-moz-keyframes leave-anti-clockwise {from {z-index:3;-moz-transform:rotate(0deg);}
to {z-index:3;-moz-transform:rotate(-90deg);}
}
@-ms-keyframes leave-anti-clockwise {from {z-index:3;-ms-transform:rotate(0deg);}
to {z-index:3;-ms-transform:rotate(-90deg);}
}
@keyframes leave-anti-clockwise {from {z-index:3;transform:rotate(0deg);}
to {z-index:3;transform:rotate(-90deg);}
}
@-webkit-keyframes slideDown {from {-webkit-transform:translateY(-75px);}
to {-webkit-transform:translateY(0px);}
}
@-moz-keyframes slideDown {from {-moz-transform:translateY(-75px);}
to {-moz-transform:translateY(0px);}
}
@-ms-keyframes slideDown {from {-ms-transform:translateY(-75px);}
to {-ms-transform:translateY(0px);}
}
@keyframes slideDown {from {transform:translateY(-75px);}
to {transform:translateY(0px);}
}
@-webkit-keyframes slideUp {from {-webkit-transform:translateY(0px);}
to {-webkit-transform:translateY(-75px);}
}
@-moz-keyframes slideUp {from {-moz-transform:translateY(0px);}
to {-moz-transform:translateY(-75px);}
}
@-ms-keyframes slideUp {from {-ms-transform:translateY(0px);}
to {-ms-transform:translateY(-75px);}
}
@keyframes slideUp {from {transform:translateY(0px);}
to {transform:translateY(-75px);}
}
@-webkit-keyframes bounceStrenth {0% {opacity:0;-webkit-transform:scale(0);}
60% {opacity:1;-webkit-transform:scale(1.2);}
100% {-webkit-transform:scale(1);}
}
@-moz-keyframes bounceStrenth {0% {opacity:0;-moz-transform:scale(0);}
60% {opacity:1;-moz-transform:scale(1.2);}
100% {-moz-transform:scale(1);}
}
@-ms-keyframes bounceStrenth {0% {opacity:0;-ms-transform:scale(0);}
60% {opacity:1;-ms-transform:scale(1.2);}
100% {-ms-transform:scale(1);}
}
@keyframes bounceStrenth {0% {opacity:0;transform:scale(0);}
60% {opacity:1;transform:scale(1.2);}
100% {transform:scale(1);}
}
@-webkit-keyframes bounceBigStrenth {0% {opacity:0;-webkit-transform:scale(0);}
60% {opacity:1;-webkit-transform:scale(1.4);}
100% {-webkit-transform:scale(1);}
}
@-moz-keyframes bounceBigStrenth {0% {opacity:0;-moz-transform:scale(0);}
60% {opacity:1;-moz-transform:scale(1.4);}
100% {-moz-transform:scale(1);}
}
@-ms-keyframes bounceBigStrenth {0% {opacity:0;-ms-transform:scale(0);}
60% {opacity:1;-ms-transform:scale(1.4);}
100% {-ms-transform:scale(1);}
}
@keyframes bounceBigStrenth {0% {opacity:0;transform:scale(0);}
60% {opacity:1;transform:scale(1.4);}
100% {transform:scale(1);}
}
@-webkit-keyframes spin {from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spin {from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
@-ms-keyframes spin {from {-ms-transform:rotate(0deg);}
to {-ms-transform:rotate(360deg);}
}
@keyframes spin {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}