@charset "utf-8";
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset,
img {
    border: 0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: 400;
    font-style: normal
}
ol,
ul {
    list-style: none
}
caption,
th {
    text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}
q:after,
q:before {
    content: ""
}
abbr,
acronym {
    border: 0
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
* html .clearfix {
    height: 1%
}
.clearfix {
    display: block
}
body,
html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}
#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.slide {
    float: left
}
.slide,
.slidesContainer {
    height: 100%;
    display: block
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.section.table,
.slide.table {
    display: table;
    width: 100%
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}
.slidesContainer {
    float: left;
    position: relative
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}
.scrollable {
    overflow: scroll
}
.easing {
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1
}
#fullPage-nav.right {
    right: 17px
}
#fullPage-nav.left {
    left: 17px
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}
.fullPage-slidesNav.bottom {
    bottom: 17px
}
.fullPage-slidesNav.top {
    top: 17px
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
    margin: 0;
    padding: 0
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}
.fullPage-slidesNav li {
    display: inline-block
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px
}
.fullPage-tooltip.right {
    right: 20px
}
.fullPage-tooltip.left {
    left: 20px
}
body {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}
.magictime {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.magic {
    -webkit-animation-name: magic;
    -moz-animation-name: magic;
    -ms-animation-name: magic;
    -o-animation-name: magic;
    animation-name: magic
}
.openDownLeft {
    -webkit-animation-name: openDownLeft;
    -moz-animation-name: openDownLeft;
    -ms-animation-name: openDownLeft;
    -o-animation-name: openDownLeft;
    animation-name: openDownLeft
}
.openDownRight {
    -webkit-animation-name: openDownRight;
    -moz-animation-name: openDownRight;
    -ms-animation-name: openDownRight;
    -o-animation-name: openDownRight;
    animation-name: openDownRight
}
.openUpLeft {
    -webkit-animation-name: openUpLeft;
    -moz-animation-name: openUpLeft;
    -ms-animation-name: openUpLeft;
    -o-animation-name: openUpLeft;
    animation-name: openUpLeft
}
.openUpRight {
    -webkit-animation-name: openUpRight;
    -moz-animation-name: openUpRight;
    -ms-animation-name: openUpRight;
    -o-animation-name: openUpRight;
    animation-name: openUpRight
}
.openDownLeftRetourn {
    -webkit-animation-name: openDownLeftRetourn;
    -moz-animation-name: openDownLeftRetourn;
    -ms-animation-name: openDownLeftRetourn;
    -o-animation-name: openDownLeftRetourn;
    animation-name: openDownLeftRetourn
}
.openDownRightRetourn {
    -webkit-animation-name: openDownRightRetourn;
    -moz-animation-name: openDownRightRetourn;
    -ms-animation-name: openDownRightRetourn;
    -o-animation-name: openDownRightRetourn;
    animation-name: openDownRightRetourn
}
.openUpLeftRetourn {
    -webkit-animation-name: openUpLeftRetourn;
    -moz-animation-name: openUpLeftRetourn;
    -ms-animation-name: openUpLeftRetourn;
    -o-animation-name: openUpLeftRetourn;
    animation-name: openUpLeftRetourn
}
.openUpRightRetourn {
    -webkit-animation-name: openUpRightRetourn;
    -moz-animation-name: openUpRightRetourn;
    -ms-animation-name: openUpRightRetourn;
    -o-animation-name: openUpRightRetourn;
    animation-name: openUpRightRetourn
}
.openDownLeftOut {
    -webkit-animation-name: openDownLeftOut;
    -moz-animation-name: openDownLeftOut;
    -ms-animation-name: openDownLeftOut;
    -o-animation-name: openDownLeftOut;
    animation-name: openDownLeftOut
}
.openDownRightOut {
    -webkit-animation-name: openDownRightOut;
    -moz-animation-name: openDownRightOut;
    -ms-animation-name: openDownRightOut;
    -o-animation-name: openDownRightOut;
    animation-name: openDownRightOut
}
.openUpLeftOut {
    -webkit-animation-name: openUpLeftOut;
    -moz-animation-name: openUpLeftOut;
    -ms-animation-name: openUpLeftOut;
    -o-animation-name: openUpLeftOut;
    animation-name: openUpLeftOut
}
.openUpRightOut {
    -webkit-animation-name: openUpRightOut;
    -moz-animation-name: openUpRightOut;
    -ms-animation-name: openUpRightOut;
    -o-animation-name: openUpRightOut;
    animation-name: openUpRightOut
}
.perspectiveDown {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveDown;
    -moz-animation-name: perspectiveDown;
    -ms-animation-name: perspectiveDown;
    -o-animation-name: perspectiveDown;
    animation-name: perspectiveDown
}
.perspectiveLeft {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveLeft;
    -moz-animation-name: perspectiveLeft;
    -ms-animation-name: perspectiveLeft;
    -o-animation-name: perspectiveLeft;
    animation-name: perspectiveLeft
}
.perspectiveRight {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveRight;
    -moz-animation-name: perspectiveRight;
    -ms-animation-name: perspectiveRight;
    -o-animation-name: perspectiveRight;
    animation-name: perspectiveRight
}
.perspectiveUp {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveUp;
    -moz-animation-name: perspectiveUp;
    -ms-animation-name: perspectiveUp;
    -o-animation-name: perspectiveUp;
    animation-name: perspectiveUp
}
.perspectiveDownRetourn {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveDownRetourn;
    -moz-animation-name: perspectiveDownRetourn;
    -ms-animation-name: perspectiveDownRetourn;
    -o-animation-name: perspectiveDownRetourn;
    animation-name: perspectiveDownRetourn
}
.perspectiveLeftRetourn {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveLeftRetourn;
    -moz-animation-name: perspectiveLeftRetourn;
    -ms-animation-name: perspectiveLeftRetourn;
    -o-animation-name: perspectiveLeftRetourn;
    animation-name: perspectiveLeftRetourn
}
.perspectiveRightRetourn {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveRightRetourn;
    -moz-animation-name: perspectiveRightRetourn;
    -ms-animation-name: perspectiveRightRetourn;
    -o-animation-name: perspectiveRightRetourn;
    animation-name: perspectiveRightRetourn
}
.perspectiveUpRetourn {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: perspectiveUpRetourn;
    -moz-animation-name: perspectiveUpRetourn;
    -ms-animation-name: perspectiveUpRetourn;
    -o-animation-name: perspectiveUpRetourn;
    animation-name: perspectiveUpRetourn
}
.puffIn {
    -webkit-animation-name: puffIn;
    -moz-animation-name: puffIn;
    -ms-animation-name: puffIn;
    -o-animation-name: puffIn;
    animation-name: puffIn
}
.puffOut {
    -webkit-animation-name: puffOut;
    -moz-animation-name: puffOut;
    -ms-animation-name: puffOut;
    -o-animation-name: puffOut;
    animation-name: puffOut
}
.rotateDown {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateDown;
    -moz-animation-name: rotateDown;
    -ms-animation-name: rotateDown;
    -o-animation-name: rotateDown;
    animation-name: rotateDown
}
.rotateLeft {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateLeft;
    -moz-animation-name: rotateLeft;
    -ms-animation-name: rotateLeft;
    -o-animation-name: rotateLeft;
    animation-name: rotateLeft
}
.rotateRight {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateRight;
    -moz-animation-name: rotateRight;
    -ms-animation-name: rotateRight;
    -o-animation-name: rotateRight;
    animation-name: rotateRight
}
.rotateUp {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    -o-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: rotateUp;
    -moz-animation-name: rotateUp;
    -ms-animation-name: rotateUp;
    -o-animation-name: rotateUp;
    animation-name: rotateUp
}
.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -ms-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown
}
.slideLeft {
    -webkit-animation-name: slideLeft;
    -moz-animation-name: slideLeft;
    -ms-animation-name: slideLeft;
    -o-animation-name: slideLeft;
    animation-name: slideLeft
}
.slideRight {
    -webkit-animation-name: slideRight;
    -moz-animation-name: slideRight;
    -ms-animation-name: slideRight;
    -o-animation-name: slideRight;
    animation-name: slideRight
}
.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -ms-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp
}
.slideDownRetourn {
    -webkit-animation-name: slideDownRetourn;
    -moz-animation-name: slideDownRetourn;
    -ms-animation-name: slideDownRetourn;
    -o-animation-name: slideDownRetourn;
    animation-name: slideDownRetourn
}
.slideLeftRetourn {
    -webkit-animation-name: slideLeftRetourn;
    -moz-animation-name: slideLeftRetourn;
    -ms-animation-name: slideLeftRetourn;
    -o-animation-name: slideLeftRetourn;
    animation-name: slideLeftRetourn
}
.slideRightRetourn {
    -webkit-animation-name: slideRightRetourn;
    -moz-animation-name: slideRightRetourn;
    -ms-animation-name: slideRightRetourn;
    -o-animation-name: slideRightRetourn;
    animation-name: slideRightRetourn
}
.slideUpRetourn {
    -webkit-animation-name: slideUpRetourn;
    -moz-animation-name: slideUpRetourn;
    -ms-animation-name: slideUpRetourn;
    -o-animation-name: slideUpRetourn;
    animation-name: slideUpRetourn
}
.swap {
    -webkit-animation-name: swap;
    -moz-animation-name: swap;
    -ms-animation-name: swap;
    -o-animation-name: swap;
    animation-name: swap
}
.twisterInDown {
    -webkit-animation-name: twisterInDown;
    -moz-animation-name: twisterInDown;
    -ms-animation-name: twisterInDown;
    -o-animation-name: twisterInDown;
    animation-name: twisterInDown
}
.twisterInUp {
    -webkit-animation-name: twisterInUp;
    -moz-animation-name: twisterInUp;
    -ms-animation-name: twisterInUp;
    -o-animation-name: twisterInUp;
    animation-name: twisterInUp
}
.vanishIn {
    -webkit-animation-name: vanishIn;
    -moz-animation-name: vanishIn;
    -ms-animation-name: vanishIn;
    -o-animation-name: vanishIn;
    animation-name: vanishIn
}
.vanishOut {
    -webkit-animation-name: vanishOut;
    -moz-animation-name: vanishOut;
    -ms-animation-name: vanishOut;
    -o-animation-name: vanishOut;
    animation-name: vanishOut
}
.swashOut {
    -webkit-animation-name: swashOut;
    -moz-animation-name: swashOut;
    -ms-animation-name: swashOut;
    -o-animation-name: swashOut;
    animation-name: swashOut
}
.swashIn {
    -webkit-animation-name: swashIn;
    -moz-animation-name: swashIn;
    -ms-animation-name: swashIn;
    -o-animation-name: swashIn;
    animation-name: swashIn
}
.foolishOut {
    -webkit-animation-name: foolishOut;
    -moz-animation-name: foolishOut;
    -ms-animation-name: foolishOut;
    -o-animation-name: foolishOut;
    animation-name: foolishOut
}
.foolishIn {
    -webkit-animation-name: foolishIn;
    -moz-animation-name: foolishIn;
    -ms-animation-name: foolishIn;
    -o-animation-name: foolishIn;
    animation-name: foolishIn
}
.holeOut {
    -webkit-animation-name: holeOut;
    -moz-animation-name: holeOut;
    -ms-animation-name: holeOut;
    -o-animation-name: holeOut;
    animation-name: holeOut
}
.tinRightOut {
    -webkit-animation-name: tinRightOut;
    -moz-animation-name: tinRightOut;
    -ms-animation-name: tinRightOut;
    -o-animation-name: tinRightOut;
    animation-name: tinRightOut
}
.tinLeftOut {
    -webkit-animation-name: tinLeftOut;
    -moz-animation-name: tinLeftOut;
    -ms-animation-name: tinLeftOut;
    -o-animation-name: tinLeftOut;
    animation-name: tinLeftOut
}
.tinUpOut {
    -webkit-animation-name: tinUpOut;
    -moz-animation-name: tinUpOut;
    -ms-animation-name: tinUpOut;
    -o-animation-name: tinUpOut;
    animation-name: tinUpOut
}
.tinDownOut {
    -webkit-animation-name: tinDownOut;
    -moz-animation-name: tinDownOut;
    -ms-animation-name: tinDownOut;
    -o-animation-name: tinDownOut;
    animation-name: tinDownOut
}
.tinRightIn {
    -webkit-animation-name: tinRightIn;
    -moz-animation-name: tinRightIn;
    -ms-animation-name: tinRightIn;
    -o-animation-name: tinRightIn;
    animation-name: tinRightIn
}
.tinLeftIn {
    -webkit-animation-name: tinLeftIn;
    -moz-animation-name: tinLeftIn;
    -ms-animation-name: tinLeftIn;
    -o-animation-name: tinLeftIn;
    animation-name: tinLeftIn
}
.tinUpIn {
    -webkit-animation-name: tinUpIn;
    -moz-animation-name: tinUpIn;
    -ms-animation-name: tinUpIn;
    -o-animation-name: tinUpIn;
    animation-name: tinUpIn
}
.tinDownIn {
    -webkit-animation-name: tinDownIn;
    -moz-animation-name: tinDownIn;
    -ms-animation-name: tinDownIn;
    -o-animation-name: tinDownIn;
    animation-name: tinDownIn
}
.bombRightOut {
    -webkit-animation-name: bombRightOut;
    -moz-animation-name: bombRightOut;
    -ms-animation-name: bombRightOut;
    -o-animation-name: bombRightOut;
    animation-name: bombRightOut
}
.bombLeftOut {
    -webkit-animation-name: bombLeftOut;
    -moz-animation-name: bombLeftOut;
    -ms-animation-name: bombLeftOut;
    -o-animation-name: bombLeftOut;
    animation-name: bombLeftOut
}
@-moz-keyframes magic {
    0% {
        opacity: 1;
        -moz-transform-origin: 100% 200%;
        -moz-transform: scale(1, 1) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 200% 500%;
        -moz-transform: scale(0, 0) rotate(270deg)
    }
}
@-webkit-keyframes magic {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 200%;
        -webkit-transform: scale(1, 1) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 500%;
        -webkit-transform: scale(0, 0) rotate(270deg)
    }
}
@-o-keyframes magic {
    0% {
        opacity: 1;
        -o-transform-origin: 100% 200%;
        -o-transform: scale(1, 1) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 200% 500%;
        -o-transform: scale(0, 0) rotate(270deg)
    }
}
@-ms-keyframes magic {
    0% {
        opacity: 1;
        -ms-transform-origin: 100% 200%;
        -ms-transform: scale(1, 1) rotate(0deg)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 200% 500%;
        -ms-transform: scale(0, 0) rotate(270deg)
    }
}
@keyframes magic {
    0% {
        opacity: 1;
        transform-origin: 100% 200%;
        transform: scale(1, 1) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform-origin: 200% 500%;
        transform: scale(0, 0) rotate(270deg)
    }
}
@-moz-keyframes openDownLeft {
    0% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openDownLeft {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openDownLeft {
    0% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openDownLeft {
    0% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openDownLeft {
    0% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openDownRight {
    0% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openDownRight {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openDownRight {
    0% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openDownRight {
    0% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openDownRight {
    0% {
        transform-origin: bottom right;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openUpLeft {
    0% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openUpLeft {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openUpLeft {
    0% {
        -o-transform-origin: top left;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: top left;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openUpLeft {
    0% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openUpLeft {
    0% {
        transform-origin: top left;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openUpRight {
    0% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openUpRight {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openUpRight {
    0% {
        -o-transform-origin: top right;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        -o-transform-origin: top right;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openUpRight {
    0% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openUpRight {
    0% {
        transform-origin: top right;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openDownLeftRetourn {
    0% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
}
@-webkit-keyframes openDownLeftRetourn {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}
@-o-keyframes openDownLeftRetourn {
    0% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: bottom left;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
}
@-ms-keyframes openDownLeftRetourn {
    0% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
}
@keyframes openDownLeftRetourn {
    0% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
}
@-moz-keyframes openDownRightRetourn {
    0% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
}
@-webkit-keyframes openDownRightRetourn {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}
@-o-keyframes openDownRightRetourn {
    0% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: bottom right;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
}
@-ms-keyframes openDownRightRetourn {
    0% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
}
@keyframes openDownRightRetourn {
    0% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: bottom right;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
}
@-moz-keyframes openUpLeftRetourn {
    0% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: top left;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
}
@-webkit-keyframes openUpLeftRetourn {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}
@-o-keyframes openUpLeftRetourn {
    0% {
        -o-transform-origin: top left;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: top left;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
}
@-ms-keyframes openUpLeftRetourn {
    0% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: top left;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
}
@keyframes openUpLeftRetourn {
    0% {
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: top left;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
}
@-moz-keyframes openUpRightRetourn {
    0% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform-origin: top right;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
}
@-webkit-keyframes openUpRightRetourn {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}
@-o-keyframes openUpRightRetourn {
    0% {
        -o-transform-origin: top right;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform-origin: top right;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
}
@-ms-keyframes openUpRightRetourn {
    0% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform-origin: top right;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
}
@keyframes openUpRightRetourn {
    0% {
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
    100% {
        transform-origin: top right;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
}
@-moz-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: bottom left;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: bottom left;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: bottom left;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: bottom left;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openDownLeftOut {
    0% {
        opacity: 1;
        transform-origin: bottom left;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: bottom right;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: bottom right;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: bottom right;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: bottom right;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openDownRightOut {
    0% {
        opacity: 1;
        transform-origin: bottom right;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: top left;
        -moz-transform: rotate(110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: top left;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: top left;
        -o-transform: rotate(110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -ms-transform-origin: top left;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: top left;
        -ms-transform: rotate(110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openUpLeftOut {
    0% {
        opacity: 1;
        transform-origin: top left;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: top right;
        -moz-transform: rotate(0deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -moz-transform-origin: top right;
        -moz-transform: rotate(-110deg);
        -moz-animation-timing-function: ease-in-out
    }
}
@-webkit-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}
@-o-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: top right;
        -o-transform: rotate(0deg);
        -o-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -o-transform-origin: top right;
        -o-transform: rotate(-110deg);
        -o-animation-timing-function: ease-in-out
    }
}
@-ms-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -ms-transform-origin: top right;
        -ms-transform: rotate(0deg);
        -ms-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -ms-transform-origin: top right;
        -ms-transform: rotate(-110deg);
        -ms-animation-timing-function: ease-in-out
    }
}
@keyframes openUpRightOut {
    0% {
        opacity: 1;
        transform-origin: top right;
        transform: rotate(0deg);
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out
    }
}
@-moz-keyframes perspectiveDown {
    0% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(-180deg)
    }
}
@-webkit-keyframes perspectiveDown {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg)
    }
}
@-o-keyframes perspectiveDown {
    0% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(-180deg)
    }
}
@-ms-keyframes perspectiveDown {
    0% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(-180deg)
    }
}
@keyframes perspectiveDown {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg)
    }
    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg)
    }
}
@-moz-keyframes perspectiveLeft {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(-180deg)
    }
}
@-webkit-keyframes perspectiveLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg)
    }
}
@-o-keyframes perspectiveLeft {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(-180deg)
    }
}
@-ms-keyframes perspectiveLeft {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(-180deg)
    }
}
@keyframes perspectiveLeft {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }
}
@-moz-keyframes perspectiveRight {
    0% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(180deg)
    }
}
@-webkit-keyframes perspectiveRight {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg)
    }
}
@-o-keyframes perspectiveRight {
    0% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(180deg)
    }
}
@-ms-keyframes perspectiveRight {
    0% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(0deg)
    }
    100% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(180deg)
    }
}
@keyframes perspectiveRight {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0deg)
    }
    100% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg)
    }
}
@-moz-keyframes perspectiveUp {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(180deg)
    }
}
@-webkit-keyframes perspectiveUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg)
    }
}
@-o-keyframes perspectiveUp {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(180deg)
    }
}
@-ms-keyframes perspectiveUp {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0deg)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(180deg)
    }
}
@keyframes perspectiveUp {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg)
    }
}
@-moz-keyframes perspectiveDownRetourn {
    0% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -moz-transform-origin: 0 100%;
        -moz-transform: perspective(800px) rotateX(0deg)
    }
}
@-webkit-keyframes perspectiveDownRetourn {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
}
@-o-keyframes perspectiveDownRetourn {
    0% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -o-transform-origin: 0 100%;
        -o-transform: perspective(800px) rotateX(0deg)
    }
}
@-ms-keyframes perspectiveDownRetourn {
    0% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        -ms-transform-origin: 0 100%;
        -ms-transform: perspective(800px) rotateX(0deg)
    }
}
@keyframes perspectiveDownRetourn {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg)
    }
    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg)
    }
}
@-moz-keyframes perspectiveLeftRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0deg)
    }
}
@-webkit-keyframes perspectiveLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
}
@-o-keyframes perspectiveLeftRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0deg)
    }
}
@-ms-keyframes perspectiveLeftRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0deg)
    }
}
@keyframes perspectiveLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg)
    }
}
@-moz-keyframes perspectiveRightRetourn {
    0% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -moz-transform-origin: 100% 0;
        -moz-transform: perspective(800px) rotateY(0deg)
    }
}
@-webkit-keyframes perspectiveRightRetourn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
}
@-o-keyframes perspectiveRightRetourn {
    0% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -o-transform-origin: 100% 0;
        -o-transform: perspective(800px) rotateY(0deg)
    }
}
@-ms-keyframes perspectiveRightRetourn {
    0% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(180deg)
    }
    100% {
        -ms-transform-origin: 100% 0;
        -ms-transform: perspective(800px) rotateY(0deg)
    }
}
@keyframes perspectiveRightRetourn {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg)
    }
    100% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0deg)
    }
}
@-moz-keyframes perspectiveUpRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0deg)
    }
}
@-webkit-keyframes perspectiveUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
}
@-o-keyframes perspectiveUpRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0deg)
    }
}
@-ms-keyframes perspectiveUpRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(180deg)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0deg)
    }
}
@keyframes perspectiveUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg)
    }
    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg)
    }
}
@-moz-keyframes puffIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -moz-filter: blur(2px)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -moz-filter: blur(0px)
    }
}
@-webkit-keyframes puffIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@-o-keyframes puffIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@-ms-keyframes puffIn {
    0% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        filter: blur(2px)
    }
    100% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        filter: blur(0px)
    }
}
@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(2px)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        filter: blur(0px)
    }
}
@-moz-keyframes puffOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -moz-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -moz-filter: blur(2px)
    }
}
@-webkit-keyframes puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}
@-o-keyframes puffOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}
@-ms-keyframes puffOut {
    0% {
        opacity: 1;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        filter: blur(0px)
    }
    100% {
        opacity: 0;
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        filter: blur(2px)
    }
}
@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(2px)
    }
}
@-moz-keyframes rotateDown {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 100%;
        -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@-webkit-keyframes rotateDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@-o-keyframes rotateDown {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 100%;
        -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@-ms-keyframes rotateDown {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 100%;
        -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@keyframes rotateDown {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@-moz-keyframes rotateLeft {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@-webkit-keyframes rotateLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@-o-keyframes rotateLeft {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@-ms-keyframes rotateLeft {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 0;
        -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@keyframes rotateLeft {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@-moz-keyframes rotateRight {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@-webkit-keyframes rotateRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@-o-keyframes rotateRight {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@-ms-keyframes rotateRight {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 0;
        -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@keyframes rotateRight {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@-moz-keyframes rotateUp {
    0% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 0;
        -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@-webkit-keyframes rotateUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@-o-keyframes rotateUp {
    0% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 0;
        -o-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@-ms-keyframes rotateUp {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 0;
        -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@keyframes rotateUp {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@-moz-keyframes slideDown {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(100%)
    }
}
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
}
@-o-keyframes slideDown {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(100%)
    }
}
@-ms-keyframes slideDown {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(100%)
    }
}
@keyframes slideDown {
    0% {
        transform-origin: 0 0;
        transform: translateY(0%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
}
@-moz-keyframes slideLeft {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(-100%)
    }
}
@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(-100%)
    }
}
@-o-keyframes slideLeft {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(-100%)
    }
}
@-ms-keyframes slideLeft {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(-100%)
    }
}
@keyframes slideLeft {
    0% {
        transform-origin: 0 0;
        transform: translateX(0%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(-100%)
    }
}
@-moz-keyframes slideRight {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(100%)
    }
}
@-webkit-keyframes slideRight {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%)
    }
}
@-o-keyframes slideRight {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(100%)
    }
}
@-ms-keyframes slideRight {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(100%)
    }
}
@keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translateX(0%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(100%)
    }
}
@-moz-keyframes slideUp {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(-100%)
    }
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
}
@-o-keyframes slideUp {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(-100%)
    }
}
@-ms-keyframes slideUp {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(-100%)
    }
}
@keyframes slideUp {
    0% {
        transform-origin: 0 0;
        transform: translateY(0%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
}
@-moz-keyframes slideDownRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0%)
    }
}
@-webkit-keyframes slideDownRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%)
    }
}
@-o-keyframes slideDownRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0%)
    }
}
@-ms-keyframes slideDownRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0%)
    }
}
@keyframes slideDownRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(0%)
    }
}
@-moz-keyframes slideLeftRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(-100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0%)
    }
}
@-webkit-keyframes slideLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(-100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0%)
    }
}
@-o-keyframes slideLeftRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(-100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0%)
    }
}
@-ms-keyframes slideLeftRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(-100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0%)
    }
}
@keyframes slideLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateX(-100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(0%)
    }
}
@-moz-keyframes slideRightRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateX(0%)
    }
}
@-webkit-keyframes slideRightRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0%)
    }
}
@-o-keyframes slideRightRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateX(0%)
    }
}
@-ms-keyframes slideRightRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateX(0%)
    }
}
@keyframes slideRightRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateX(100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateX(0%)
    }
}
@-moz-keyframes slideUpRetourn {
    0% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(-100%)
    }
    100% {
        -moz-transform-origin: 0 0;
        -moz-transform: translateY(0%)
    }
}
@-webkit-keyframes slideUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0%)
    }
}
@-o-keyframes slideUpRetourn {
    0% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(-100%)
    }
    100% {
        -o-transform-origin: 0 0;
        -o-transform: translateY(0%)
    }
}
@-ms-keyframes slideUpRetourn {
    0% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(-100%)
    }
    100% {
        -ms-transform-origin: 0 0;
        -ms-transform: translateY(0%)
    }
}
@keyframes slideUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
    100% {
        transform-origin: 0 0;
        transform: translateY(0%)
    }
}
@-moz-keyframes swap {
    0% {
        opacity: 0;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(1, 1) translate(0px, 0)
    }
}
@-webkit-keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0)
    }
}
@-o-keyframes swap {
    0% {
        opacity: 0;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(1, 1) translate(0px, 0)
    }
}
@-ms-keyframes swap {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 100% 100%;
        -ms-transform: scale(1, 1) translate(0px, 0)
    }
}
@keyframes swap {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) translate(-700px, 0)
    }
    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) translate(0px, 0)
    }
}
@-moz-keyframes twisterInDown {
    0% {
        opacity: 0;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}
@-webkit-keyframes twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}
@-o-keyframes twisterInDown {
    0% {
        opacity: 0;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -o-transform-origin: 0 100%;
        -o-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}
@-ms-keyframes twisterInDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 100% 100%;
        -ms-transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}
@keyframes twisterInDown {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    30% {
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }
    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) rotate(0deg) translateY(0%)
    }
}
@-moz-keyframes twisterInUp {
    0% {
        opacity: 0;
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}
@-webkit-keyframes twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}
@-o-keyframes twisterInUp {
    0% {
        opacity: 0;
        -o-transform-origin: 100% 0;
        -o-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -o-transform-origin: 100% 0;
        -o-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}
@-ms-keyframes twisterInUp {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 100% 0;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        -ms-transform-origin: 100% 0;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}
@keyframes twisterInUp {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    30% {
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }
    100% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(1, 1) rotate(0deg) translateY(0)
    }
}
@-moz-keyframes vanishIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@-o-keyframes vanishIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@-ms-keyframes vanishIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(90px)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
}
@-moz-keyframes vanishOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}
@-webkit-keyframes vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}
@-o-keyframes vanishOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}
@-ms-keyframes vanishOut {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}
@keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(20px)
    }
}
@-moz-keyframes swashOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0)
    }
}
@-webkit-keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0)
    }
}
@-o-keyframes swashOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0)
    }
}
@-ms-keyframes swashOut {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0)
    }
}
@keyframes swashOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
    80% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(0.9, .9)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0)
    }
}
@-moz-keyframes swashIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0.9, .9)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1)
    }
}
@-webkit-keyframes swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, .9)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1)
    }
}
@-o-keyframes swashIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0.9, .9)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1)
    }
}
@-ms-keyframes swashIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0.9, .9)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1)
    }
}
@keyframes swashIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0)
    }
    90% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(0.9, .9)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1)
    }
}
@-moz-keyframes foolishOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -moz-transform-origin: 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotate(0deg)
    }
}
@-webkit-keyframes foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg)
    }
}
@-o-keyframes foolishOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -o-transform-origin: 100% 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -o-transform-origin: 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotate(0deg)
    }
}
@-ms-keyframes foolishOut {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 100% 0;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0) rotate(0deg)
    }
}
@keyframes foolishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        transform-origin: 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(0deg)
    }
}
@-moz-keyframes foolishIn {
    0% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -moz-transform-origin: 0 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -moz-transform-origin: 100% 100%;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -moz-transform-origin: 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotate(0deg)
    }
}
@-webkit-keyframes foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg)
    }
}
@-o-keyframes foolishIn {
    0% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -o-transform-origin: 0 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -o-transform-origin: 100% 100%;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -o-transform-origin: 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -o-transform-origin: 0 0;
        -o-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotate(0deg)
    }
}
@-ms-keyframes foolishIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 100%;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 100% 100%;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 0 0;
        -ms-transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1) rotate(0deg)
    }
}
@keyframes foolishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(0.5, .5) rotate(0deg)
    }
    60% {
        opacity: 1;
        transform-origin: 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    80% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(0.5, .5) rotate(0deg)
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(0deg)
    }
}
@-moz-keyframes holeOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(0, 0) rotateY(180deg)
    }
}
@-webkit-keyframes holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotateY(180deg)
    }
}
@-o-keyframes holeOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 50% 50%;
        -o-transform: scale(0, 0) rotateY(180deg)
    }
}
@-ms-keyframes holeOut {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 50% 50%;
        -ms-transform: scale(0, 0) rotateY(180deg)
    }
}
@keyframes holeOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotateY(0deg)
    }
    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotateY(180deg)
    }
}
@-moz-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(900%)
    }
}
@-webkit-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%)
    }
}
@-o-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(900%)
    }
}
@-ms-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateX(900%)
    }
}
@keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%)
    }
}
@-moz-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(-900%)
    }
}
@-webkit-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%)
    }
}
@-o-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(-900%)
    }
}
@-ms-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateX(-900%)
    }
}
@keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%)
    }
}
@-moz-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%)
    }
}
@-webkit-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%)
    }
}
@-o-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%)
    }
}
@-ms-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateY(-900%)
    }
}
@keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%)
    }
}
@-moz-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(900%)
    }
}
@-webkit-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%)
    }
}
@-o-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(900%)
    }
}
@-ms-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateY(900%)
    }
}
@keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
    10%,
    30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%)
    }
}
@-moz-keyframes tinRightIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
}
@-webkit-keyframes tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
}
@-o-keyframes tinRightIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
}
@-ms-keyframes tinRightIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateX(0)
    }
}
@keyframes tinRightIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
}
@-moz-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateX(0)
    }
}
@-webkit-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0)
    }
}
@-o-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateX(0)
    }
}
@-ms-keyframes tinLeftIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateX(0)
    }
}
@keyframes tinLeftIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateX(0)
    }
}
@-moz-keyframes tinUpIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
}
@-webkit-keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
}
@-o-keyframes tinUpIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
}
@-ms-keyframes tinUpIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateY(0)
    }
}
@keyframes tinUpIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
}
@-moz-keyframes tinDownIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -moz-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0)
    }
}
@-webkit-keyframes tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0)
    }
}
@-o-keyframes tinDownIn {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        -o-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0)
    }
}
@-ms-keyframes tinDownIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: scale(1, 1) translateY(0)
    }
}
@keyframes tinDownIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%)
    }
    50%,
    70%,
    90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0)
    }
    100%,
    60%,
    80% {
        opacity: 1;
        transform: scale(1, 1) translateY(0)
    }
}
@-moz-keyframes bombRightOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -moz-transform-origin: 200% 50%;
        -moz-transform: rotate(160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: 200% 50%;
        -moz-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}
@-webkit-keyframes bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}
@-o-keyframes bombRightOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -o-transform-origin: 200% 50%;
        -o-transform: rotate(160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: 200% 50%;
        -o-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}
@-ms-keyframes bombRightOut {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 200% 50%;
        -ms-transform: rotate(160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: 200% 50%;
        -ms-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}
@keyframes bombRightOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}
@-moz-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -moz-transform-origin: 50% 50%;
        -moz-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -moz-transform-origin: -100% 50%;
        -moz-transform: rotate(-160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -moz-transform-origin: -100% 50%;
        -moz-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}
@-webkit-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}
@-o-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -o-transform-origin: 50% 50%;
        -o-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        -o-transform-origin: -100% 50%;
        -o-transform: rotate(-160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        -o-transform-origin: -100% 50%;
        -o-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}
@-ms-keyframes bombLeftOut {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: 50% 50%;
        -ms-transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform-origin: -100% 50%;
        -ms-transform: rotate(-160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform-origin: -100% 50%;
        -ms-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}
@keyframes bombLeftOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        -webkit-filter: blur(0px)
    }
    50% {
        opacity: 1;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(0px)
    }
    100% {
        opacity: 0;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}
.drop-element,
.drop-element *,
.drop-element:after,
.drop-element:before,
.drop-element:after,
.drop-element:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.drop-element {
    position: absolute;
    display: none
}
.drop-element.drop-open {
    display: block
}
.drop-element.drop-theme-hubspot-popovers {
    max-width: 100%;
    max-height: 100%
}
.drop-element.drop-theme-hubspot-popovers .drop-content {
    position: relative;
    background: #ebebeb;
    color: #444;
    line-height: 1.5em
}
.drop-element.drop-theme-hubspot-popovers .drop-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 10px;
    border-style: solid
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-center .drop-content {
    margin-bottom: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-center .drop-content:before {
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-top-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-center .drop-content {
    margin-top: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-center .drop-content:before {
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-right.drop-element-attached-middle .drop-content {
    margin-right: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-right.drop-element-attached-middle .drop-content:before {
    left: 100%;
    top: 50%;
    margin-top: -10px;
    border-left-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-left.drop-element-attached-middle .drop-content {
    margin-left: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-left.drop-element-attached-middle .drop-content:before {
    right: 100%;
    top: 50%;
    margin-top: -10px;
    border-right-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
    margin-top: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before {
    bottom: 100%;
    left: 10px;
    border-bottom-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
    margin-top: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before {
    bottom: 100%;
    right: 10px;
    border-bottom-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
    margin-bottom: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before {
    top: 100%;
    left: 10px;
    border-top-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
    margin-bottom: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before {
    top: 100%;
    right: 10px;
    border-top-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
    margin-right: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before {
    top: 10px;
    left: 100%;
    border-left-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
    margin-left: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before {
    top: 10px;
    right: 100%;
    border-right-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
    margin-right: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before {
    bottom: 10px;
    left: 100%;
    border-left-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
    margin-left: 10px
}
.drop-element.drop-theme-hubspot-popovers.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before {
    bottom: 10px;
    right: 100%;
    border-right-color: #ebebeb
}
.drop-element.drop-theme-hubspot-popovers .drop-content {
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 3px;
    font-size: 13px
}
.drop-element.drop-theme-hubspot-popovers .drop-content .drop-content-inner {
    border: 1px solid #dbdbdb;
    padding: 14px;
    background: #fff;
    overflow: hidden;
    width: 280px
}
.drop-element.drop-theme-hubspot-popovers .drop-content .drop-content-inner .title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 400;
    line-height: 1
}
.drop-element.drop-theme-hubspot-popovers .drop-content .drop-content-inner p:last-child {
    margin-bottom: 0
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}
.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
/*!
Video.js Default Styles (http://videojs.com)
Version 4.6.4
Create your own skin at http://designer.videojs.com
*/

.vjs-default-skin {
    color: #ccc
}
@font-face {
    font-family: VideoJS;
    src: url(font/vjs.eot);
    src: url(font/vjs.eot?#iefix) format('embedded-opentype'), url(font/vjs.woff) format('woff'), url(font/vjs.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
.vjs-default-skin .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    background-color: #333;
    background-color: rgba(51, 51, 51, .9)
}
.vjs-default-skin .vjs-slider:focus {
    -webkit-box-shadow: 0 0 2em #fff;
    -moz-box-shadow: 0 0 2em #fff;
    box-shadow: 0 0 2em #fff
}
.vjs-default-skin .vjs-slider-handle {
    position: absolute;
    left: 0;
    top: 0
}
.vjs-default-skin .vjs-slider-handle:before {
    content: "\e009";
    font-family: VideoJS;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 1em #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.vjs-default-skin .vjs-control-bar {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7)
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,
.vjs-default-skin.vjs-error .vjs-control-bar,
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
    display: none
}
@media \0screen {
    .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
        content: ""
    }
}
.vjs-default-skin .vjs-control {
    outline: 0;
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 3em;
    width: 4em
}
.vjs-default-skin .vjs-control:before {
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}
.vjs-default-skin .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.vjs-default-skin .vjs-play-control {
    width: 5em;
    cursor: pointer
}
.vjs-default-skin .vjs-play-control:before {
    content: "\e001"
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
    content: "\e002"
}
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
    width: 4em;
    left: -2em;
    list-style: none
}
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
    cursor: pointer;
    float: right
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
    content: "\e006"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
    content: "\e003"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
    content: "\e004"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
    content: "\e005"
}
.vjs-default-skin .vjs-volume-control {
    width: 5em;
    float: right
}
.vjs-default-skin .vjs-volume-bar {
    width: 5em;
    height: .6em;
    margin: 1.1em auto 0
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
    height: 2.9em
}
.vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: .5em;
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 #66a8cc
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
    width: .5em;
    height: .5em;
    left: 4.5em
}
.vjs-default-skin .vjs-volume-handle:before {
    font-size: .9em;
    top: -.2em;
    left: -.2em;
    width: 1em;
    height: 1em
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
    width: 6em;
    left: -4em
}
.vjs-default-skin .vjs-progress-control {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    font-size: .3em;
    height: 1em;
    top: -1em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}
.vjs-default-skin:hover .vjs-progress-control {
    font-size: .9em;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.vjs-default-skin .vjs-progress-holder {
    height: 100%
}
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}
.vjs-default-skin .vjs-play-progress {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 #66a8cc
}
.vjs-default-skin .vjs-load-progress {
    background: #646464;
    background: rgba(255, 255, 255, .4)
}
.vjs-default-skin .vjs-seek-handle {
    width: 1.5em;
    height: 100%
}
.vjs-default-skin .vjs-seek-handle:before {
    padding-top: .1em
}
.vjs-default-skin.vjs-live .vjs-progress-control,
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider {
    display: none
}
.vjs-default-skin.vjs-live .vjs-live-display {
    display: block
}
.vjs-default-skin .vjs-live-display {
    display: none;
    font-size: 1em;
    line-height: 3em
}
.vjs-default-skin .vjs-time-controls {
    font-size: 1em;
    line-height: 3em
}
.vjs-default-skin .vjs-current-time,
.vjs-default-skin .vjs-duration {
    float: left
}
.vjs-default-skin .vjs-remaining-time {
    display: none;
    float: left
}
.vjs-time-divider {
    float: left;
    line-height: 3em
}
.vjs-default-skin .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    float: right
}
.vjs-default-skin .vjs-fullscreen-control:before {
    content: "\e000"
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\e00b"
}
.vjs-default-skin .vjs-big-play-button {
    left: .5em;
    top: .5em;
    font-size: 3em;
    display: block;
    z-index: 2;
    position: absolute;
    width: 4em;
    height: 2.6em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7);
    border: .1em solid #3b4249;
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    border-radius: .8em;
    -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    -moz-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    left: 50%;
    margin-left: -2.1em;
    top: 50%;
    margin-top: -1.4000000000000001em
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,
.vjs-default-skin.vjs-has-started .vjs-big-play-button,
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
    display: none
}
.vjs-default-skin .vjs-big-play-button:focus,
.vjs-default-skin:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #505050;
    background-color: rgba(50, 50, 50, .75);
    -webkit-box-shadow: 0 0 3em #fff;
    -moz-box-shadow: 0 0 3em #fff;
    box-shadow: 0 0 3em #fff;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}
.vjs-default-skin .vjs-big-play-button:before {
    content: "\e001";
    font-family: VideoJS;
    line-height: 2.6em;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}
.vjs-error .vjs-big-play-button,
.vjs-error-display {
    display: none
}
.vjs-error .vjs-error-display {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.vjs-error .vjs-error-display:before {
    content: 'X';
    font-family: Arial;
    font-size: 4em;
    color: #666;
    line-height: 1;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    width: 100%
}
.vjs-error-display div {
    position: absolute;
    font-size: 1.4em;
    text-align: center;
    bottom: 1em;
    right: 1em;
    left: 1em
}
.vjs-error-display a,
.vjs-error-display a:visited {
    color: #F4A460
}
.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 4em;
    line-height: 1;
    width: 1em;
    height: 1em;
    margin-left: -.5em;
    margin-top: -.5em;
    opacity: .75;
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear
}
.video-js.vjs-error .vjs-loading-spinner {
    display: none!important;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}
.vjs-default-skin .vjs-loading-spinner:before {
    content: "\e01e";
    font-family: VideoJS;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    text-align: center;
    text-shadow: 0 0 .1em #000
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}
.vjs-default-skin .vjs-menu-button {
    float: right;
    cursor: pointer
}
.vjs-default-skin .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    margin-bottom: 3em;
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 1.55em solid #000;
    border-top-color: rgba(7, 40, 50, .5)
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 10em;
    bottom: 1.5em;
    max-height: 15em;
    overflow: auto;
    left: -5em;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7);
    -webkit-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2);
    -moz-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2);
    box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2)
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
    display: block
}
.vjs-default-skin .vjs-menu-button ul li {
    list-style: none;
    margin: 0;
    padding: .3em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    background-color: #000
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover,
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover {
    outline: 0;
    color: #111;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}
.vjs-default-skin .vjs-subtitles-button:before {
    content: "\e00c"
}
.vjs-default-skin .vjs-captions-button:before {
    content: "\e008"
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}
.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-js:-moz-full-screen {
    position: absolute
}
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}
.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}
.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}
.vjs-poster {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}
.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}
.video-js.vjs-using-native-controls .vjs-poster {
    display: none
}
.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    left: 1em;
    right: 1em
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}
.video-js .vjs-text-track {
    display: none;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}
.video-js .vjs-subtitles {
    color: #fff
}
.video-js .vjs-captions {
    color: #fc6
}
.vjs-tt-cue {
    display: block
}
.vjs-default-skin .vjs-hidden {
    display: none
}
.vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}
.vjs-no-js {
    padding: 20px;
    color: #ccc;
    background-color: #333;
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}
.vjs-no-js a,
.vjs-no-js a:visited {
    color: #F4A460
}
body,
input,
textarea {
    font-family: '微软雅黑', 'Helvetica Neue', sans-serif, SimHei;
    -webkit-font-smoothing: antialiased
}
.drop {
    z-index: 999
}
.drop .drop-content {
    border-radius: 3px!important
}
.drop.error .drop-content {
    background: #D95C5C;
    color: #FFF
}
.drop.error .drop-content:before {
    border-top-color: #D95C5C!important
}
img.hidden {
    display: none
}
#current-user {
    float: right;
    display: inline-block;
    font-weight: 700;
    margin: 20px 0 auto auto;
    padding: 0 20px
}
#current-user>img {
    width: 50px;
    border-radius: 50px
}
#background-video,
.page-background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: #000
}
.page-background-image {
    background: rgba(0, 0, 0, .5)
}
.ie10 .page-background-image,
.ie11 .page-background-image {
    height: 10000px!important
}
.ie10 .footer.section .tableCell>.wrapper>.inner-wrapper,
.ie11 .footer.section .tableCell>.wrapper>.inner-wrapper {
    overflow-y: hidden
}
#video-description {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    color: #FFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}
#fullpage>.section>.tableCell {
    min-width: 470px
}
#fullpage .videoBG {
    opacity: .7!important
}
#fullpage .videoBG_wrapper {
    display: none
}
#fullpage .description-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
}
#top-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: #FFF;
    z-index: 999;
    overflow-y: hidden
}
#top-menu .logo {
    padding: 12px 0;
    display: inline-block;
    float: left
}
#a_logo {
    margin-left: 50px;
}
#top-menu .logo img {
    height: 66px
}
#top-menu .login,
#top-menu .register {
    float: right;
    display: inline-block;
    font-weight: 700;
    margin: 29px 20px auto auto;
    padding: 0 30px;
    height: 34px;
    line-height: 34px
}
#top-menu .public-pages {
    display: inline-block;
    height: 100%;
    line-height: 90px;
    margin-left: 210px
}
#top-menu .public-pages li {
    float: left;
    margin: 12px;
    8px;
    font-size: 12px;
}
#top-menu .public-pages li a {
    text-decoration: none;
    color: #000;
    font-weight: 700
}
#top-menu form .wrapper {
    position: absolute;
    top: 30px;
    left: 255px
}
.button {
    display: inline-block;
    font-size: 16px;
    padding: 0 1.5em;
    text-transform: none;
    line-height: 30px;
    height: 30px;
    color: #FFF;
    background-image: none;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    outline: 0;
    cursor: pointer
}
a.button {
    text-decoration: none
}
.green.button {
    color: #FFF;
    background: #32be77
}
.green.button:hover {
    background: #2eb06f
}
.green.button:active {
    background: #2aa165
}
.blue.button {
    color: #FFF;
    background: #5191bd
}
.blue.button:hover {
    background: #4b86ad
}
.blue.button:active {
    background: #447a9e
}
.modal {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    background: rgba(0, 0, 0, .9);
    display: table;
    visibility: hidden;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0
}
.modal>a.close {
    background: url(/static/741d1470d9e0c66fd7ed8510df2a52bd.svg) no-repeat center;
    position: fixed;
    top: 27px;
    right: 27px;
    opacity: .3;
    cursor: pointer;
    display: block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0);
    -webkit-transition: .5s cubic-bezier(.27, 1.64, .32, .95);
    -moz-transition: .5s cubic-bezier(.27, 1.64, .32, .95);
    -ms-transition: .5s cubic-bezier(.27, 1.64, .32, .95);
    -o-transition: .5s cubic-bezier(.27, 1.64, .32, .95);
    transition: .5s cubic-bezier(.27, 1.64, .32, .95);
    z-index: 10000
}
.modal>a.close:hover {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 50%;
    border-color: rgba(255, 255, 255, .3)
}
.modal>.content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.page-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: background-image .25s
}
.first.page-background {
    background-image: url(/static/491faa2f908c0f9e6985d152d50ea0ce.jpg)
}
.last.page-background {
    background-image: url(/static/e086635deedc5306572176b295897fdf.jpg)
}
#video-description .has-no-video {
    margin-top: 180px
}
#video-description .play {
    display: inline-block;
    line-height: 59px;
    cursor: pointer;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: transparent;
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative;
    margin-top: 180px
}
#video-description .play:hover {
    background-color: rgba(255, 255, 255, .8)
}
#video-description .play-triangle {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 25px solid #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -15px
}
#video-description .play:hover .play-triangle {
    border-left: 30px solid #000
}
#video-description .play:active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
#video-description .words {
    position: absolute;
    width: 100%
}
#video-description h1 {
    font-size: 72px;
    font-weight: 700;
    margin: 35px auto;
    position: absolute;
    width: 100%;
    top: -60px
}
#video-description h2 {
    font-size: 24px;
    position: absolute;
    width: 100%;
    top: 85px
}
form.register-form>.wrapper {
    position: relative;
    width: 100%
}
form.register-form>.wrapper>.register {
    position: relative;
    display: table;
    background: rgba(0, 0, 0, .5);
    padding: 25px;
    border-radius: 10px;
    margin: 70px auto 0
}
form.register-form .input-wrapper {
    display: table-cell;
    float: left;
    background: #FFF;
    margin-right: 10px;
    padding: 10px;
    border-radius: 3px;
    height: 26px;
    cursor: text
}
form.register-form .button-wrapper {
    display: table-cell;
    vertical-align: top
}
form.register-form .input-wrapper input {
    height: 23px;
    font-size: 16px;
    border: 1px solid #FFF;
    width: 280px;
    outline: 0
}
form.register-form .input-wrapper.gkey input {
    width: 125px
}
form.register-form {
    position: absolute;
    display: block;
    width: 100%
}
form.register-form .prefix {
    color: #666;
    background: #EEE;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 3px;
    height: 18px
}
form.register-form .register.button {
    float: right;
    height: 46px;
    border-radius: 3px;
    background: #f75288;
    border: 0;
    font-size: 18px
}
form.register-form .register.button:hover {
    background: #d94878
}
form.register-form .register.button:active {
    background: #c9426f
}
#fullPage-nav li span {
    background-color: #000!important;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}
#fullPage-nav.light-nav li span {
    background: #FFF!important;
    border-color: #FFF!important
}
#fullPage-nav li .active span {
    background: #f75288!important;
    border-color: #f75288!important
}
.section-inner {
    display: table;
    width: 100%;
    height: 100%
}
.left-section,
.right-section {
    display: table-cell;
    height: 100%;
    width: 50%;
    text-align: center;
    vertical-align: middle
}
.circle-wrapper {
    width: 680px;
    height: 680px;
    margin: auto;
    position: relative
}
.ios.circle-wrapper {
    width: 400px;
    height: 400px
}
.doted-circle.circling {
    -webkit-animation: rotate-infinity 16s linear infinite;
    -moz-animation: rotate-infinity 16s linear infinite;
    -ms-animation: rotate-infinity 16s linear infinite;
    animation: rotate-infinity 16s linear infinite
}
.doted-circle,
.filled-circle {
    position: absolute;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.left-section .doted-circle,
.left-section .filled-circle {
    margin-left: 10%
}
.right-section .doted-circle,
.right-section .filled-circle {
    margin-left: -10%
}
.doted-circle {
    width: 100%;
    height: 100%;
    border: 2px dashed #CCC
}
.filled-circle {
    top: 14px;
    left: 24px;
    width: 95%;
    height: 95%;
    overflow: hidden
}
.blue.doted-circle {
    border-color: #6dabd6
}
.red.doted-circle {
    border-color: #f07373
}
.green.doted-circle {
    border-color: #59d596
}
.yellow.doted-circle {
    border-color: #f4ae83
}
.blue.filled-circle {
    background: #6dabd6
}
.red.filled-circle {
    background: #f07373
}
.green.filled-circle {
    background: #59d596
}
.yellow.filled-circle {
    background: #f4ae83
}
.article-wrapper {
    text-align: left
}
.left-section .article-wrapper {
    margin: 0 5% 0 15%
}
.right-section .article-wrapper {
    margin: 0 15%
}
.article-wrapper h1 {
    margin-bottom: 40px;
    font-size: 60px;
    font-weight: 700
}
.article-wrapper h2 {
    margin-bottom: 5px;
    font-size: 35px;
    font-weight: 700
}
.article-wrapper p {
    font-size: 30px;
    line-height: 50px;
    opacity: 0;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in
}
.article-wrapper p.show {
    opacity: 1;
    word-break: break-all
}
.article-wrapper ul.screenshot {
    padding-top: 20px
}
.article-wrapper ul.screenshot li {
    float: left;
    margin: 10px 10px 0 0;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF
}
.screenshot-preview {
    width: 800px
}
.screenshot-drop .drop-content {
    background: #FFF!important;
    padding: 8px 8px 2px!important
}
.frame-2-6 [class*=part-] {
    position: absolute;
    width: 100px;
    opacity: 1;
    -webkit-transition: all .8s ease-in;
    -moz-transition: all .8s ease-in;
    -ms-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in
}
.frame-2-6 .part-0 {
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px
}
.frame-2-6 .part-1 {
    top: 5%;
    left: 50%;
    margin-left: -50px
}
.frame-2-6 .part-2 {
    top: 32%;
    right: 10%
}
.frame-2-6 .part-3 {
    bottom: 12%;
    right: 22%
}
.frame-2-6 .part-4 {
    bottom: 12%;
    left: 22%
}
.frame-2-6 .part-5 {
    top: 32%;
    left: 10%
}
.frame-2-6.together [class*=part-] {
    opacity: 0
}
.frame-2-6.together .part-1 {
    top: 40%;
    left: 52%
}
.frame-2-6.together .part-2 {
    top: 40%;
    right: 40%
}
.frame-2-6.together .part-3 {
    bottom: 40%;
    right: 41%
}
.frame-2-6.together .part-4 {
    bottom: 40%;
    left: 41%
}
.frame-2-6.together .part-5 {
    top: 40%;
    left: 41%
}
.frame-2-6-2 {
    display: none
}
.table-wrapper {
    display: table;
    width: 100%;
    height: 100%
}
.table-wrapper.hidden {
    display: none
}
.word-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #FFF
}
.word-wrapper h2 {
    font-size: 48px;
    font-weight: 700;
    margin-top: 40px
}
[class*='.frame-2-']>.part-1 {
    margin-bottom: 30px
}
.frame-2-2[class*=part-] {
    width: 250px
}
.frame-2-6-1 {
    display: none;
    position: absolute;
    left: 50%;
    top: 20%;
    opacity: 0;
    margin-left: -77px;
    margin-top: -56px
}
.frame-3[class*=part-] {
    position: absolute
}
.frame-3.part-1 {
    top: 15%;
    left: 50%;
    margin-left: -87px
}
.frame-3.part-2 {
    bottom: 25%;
    right: 13%
}
.frame-3.part-3 {
    bottom: 25%;
    left: 13%
}
.frame-5.part-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}
.frame-5.part-2.click {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}
.footer.section .tableCell {
    display: table
}
.footer.section .tableCell>.wrapper {
    display: table-row;
    position: relative;
    width: 100%
}
.footer.section .tableCell>.wrapper>.inner-wrapper {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.footer.section h1 {
    font-size: 60px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2
}
.footer.section form.register-form {
    font-size: 24px
}
.footer.section form.register-form .input-wrapper {
    height: 35px;
    padding: 15px
}
.footer.section form.register-form .register.button {
    height: 65px;
    font-size: 24px
}
.footer.section form.register-form .prefix {
    height: auto
}
.footer.section form.register-form .input-wrapper input {
    height: 36px;
    font-size: 22px
}
.footer.section form.register-form .input-wrapper.gkey input {
    width: 170px
}
.footer.section .partners {
    text-align: center;
    margin: 0 130px 20px;
    position: relative
}
.footer.section .partners .partner.title {
    font-size: 16px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
    background-color: #666;
    color: #FFF
}
.footer.section .partners .partner.title>span {
    margin-top: 9px;
    line-height: 20px;
    display: inline-block
}
.footer.section .partners .partner {
    display: inline-block;
    margin: 10px 0 0 10px
}
.footer.section .partners .partner img {
    -webkit-filter: grayscale(100%);
    filter: url(/static/e4cab1df58c957502ba1fdabb0bc528c.svg#grayscale);
    height: 40px
}
.footer.section .partners .partner:hover img {
    filter: none;
    -webkit-filter: none
}
#footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 0;
    background: #FFF;
    position: relative;
    display: table-row;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%
}
#footer .footer {
    display: table-cell;
    margin: 0 auto
}
#footer .footer .us {
    font-size: 14px;
    color: #999;
    display: inline-block;
    margin-left: 130px
}
#footer .footer .us ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#footer .footer .us ul li {
    display: inline-block;
    margin-right: 15px
}
#footer .footer .us ul li a {
    color: #999;
    text-decoration: none
}
#footer .footer .us p {
    padding: 20px 0
}
#footer .footer .share {
    float: right;
    vertical-align: top;
    display: inline-block;
    margin-right: 130px
}
#footer .footer .share img {
    opacity: .5;
    cursor: pointer
}
#footer .footer .share img:hover {
    opacity: 1
}
#footer .footer .share .weixin {
    position: relative;
    display: inline-block
}
.register.button.loading>span {
    display: none
}
.register.button.loading>.loading-container {
    display: inline-block
}
.loading-container {
    margin: 7px auto;
    display: none
}
.loading,
.loading-container {
    height: 30px;
    position: relative;
    width: 30px;
    border-radius: 100%
}
.loading-container .loading,
.loading-container:hover .loading {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.monkey.loading {
    border: 1px solid transparent;
    border-color: transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%
}
.loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #FFF;
    position: absolute;
    font-size: 10px;
    font-weight: 700;
    margin-top: 6px;
    opacity: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 34px
}
@media only screen and (max-width: 980px) {
    form.register-form .input-wrapper {
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }
    form.register-form .button-wrapper {
        display: block
    }
    form.register-form .register.button {
        float: none;
        width: 100%!important
    }
    .frame-2-2 img.part-1,
    .frame-2-3 img.part-1,
    .frame-2-4 img.part-1,
    .frame-2-5 img.part-1 {
        width: 58%
    }
    .frame-3[class*=part-] {
        width: 30%!important
    }
    .frame-3.part-1 {
        top: 15%!important;
        left: 58%!important;
        margin-left: -87px!important
    }
    .frame-3.part-2 {
        bottom: 19%!important;
        right: 11%!important
    }
    .frame-3.part-3 {
        bottom: 19%!important;
        left: 16%!important
    }
    img.frame-4,
    img.frame-5 {
        width: 66%
    }
    img.frame-5.part-2 {
        width: auto
    }
    .circle-wrapper {
        width: 400px!important;
        height: 400px!important
    }
    .footer.section h1 {
        font-size: 40px!important
    }
}
@media only screen and (max-width: 1366px) {
    #top-menu {
        height: 60px
    }
    #top-menu .logo {
        padding: 10px 0
    }
    #top-menu .logo img {
        height: 40px
    }
    #top-menu form .wrapper {
        top: 16px;
        left: 155px
    }
    #top-menu .public-pages {
        line-height: 60px;
        margin-left: 20px
    }
    #top-menu .login,
    #top-menu .register {
        margin: 13px 20px auto auto
    }
    #current-user {
        margin: 10px 0 auto auto;
        padding: 0 20px
    }
    #current-user>img {
        width: 40px;
        border-radius: 40px
    }
    .circle-wrapper {
        width: 580px;
        height: 580px
    }
    .article-wrapper {
        text-align: left;
        margin: 0 10% 0 15%
    }
    .article-wrapper h1 {
        margin-bottom: 40px;
        font-size: 45px;
        font-weight: 700
    }
    .article-wrapper p {
        font-size: 22px;
        line-height: 40px
    }
    .footer.section h1 {
        font-size: 50px;
        margin-bottom: 40px
    }
    .frame-3[class*=part-] {
        width: 150px
    }
    .frame-3.part-1 {
        top: 15%;
        left: 53%;
        margin-left: -87px
    }
    .frame-3.part-2 {
        bottom: 25%;
        right: 13%
    }
    .frame-3.part-3 {
        bottom: 25%;
        left: 13%
    }
    .footer.section .partners .partner img {
        height: 40px
    }
}
@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}
@-moz-keyframes loading-text-opacity {
    0%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-o-keyframes loading-text-opacity {
    0%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes loading-text-opacity {
    0%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes loading-text-opacity {
    0%, 20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes up-and-down {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}
@-moz-keyframes up-and-down {
    0% {
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    50% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}
@-o-keyframes up-and-down {
    0% {
        -o-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    50% {
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -o-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}
@-o-keyframes up-and-down {
    0% {
        -o-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    50% {
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -o-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}
@keyframes rotate-infinity {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes rotate-infinity {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes rotate-infinity {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-ms-keyframes rotate-infinity {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.smart-app-banner {
    position: fixed;
    width: 100%;
    height: 250px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 40px 35px 70px
}
.smart-app-banner a {
    text-decoration: none
}
.smart-app-banner a.close {
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 50px;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-indent: 13px;
    line-height: 43px;
    background: rgba(0, 0, 0, .38);
    border-bottom-right-radius: 50px
}
.smart-app-banner img {
    position: absolute;
    height: 180px;
    width: 180px
}
.smart-app-banner a.download {
    font-size: 50px;
    display: inline-block;
    height: 80px;
    color: #FFF;
    background: #ff5847;
    padding: 15px 25px;
    line-height: 80px;
    border-radius: 15px;
    margin: 35px 0;
    position: absolute;
    right: 40px;
    z-index: 1000
}
.smart-app-banner a.download:active {
    background: #ff4232
}
.smart-app-banner .words {
    font-size: 40px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 220px 0;
    line-height: 60px
}
.smart-app-banner.android {
    padding: 35px 40px
}
.smart-app-banner.android a.close {
    left: auto;
    right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50px;
    text-align: center
}
#footbac {
    background-image: url(e086635deedc5306572176b295897fdf.jpg);
}
#background-video {
    width: 100%;
    height: 100%;
    background-image: url(topbc.gif);
    background-repeat: no-repeat;
    background-size:100% 100%;
}
#spantt {
    background-color: inherit;
}