html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

html {
    font-size: 14px;
    line-height: 1.715
}

.grid {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.grid .line {
    font-size: 1rem;
    line-height: 1.715;
    box-shadow: 0 1px 0 #eee
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-ms-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateY(0)
    }
    40% {
        -ms-transform: translateY(-30px)
    }
    60% {
        -ms-transform: translateY(-15px)
    }
}

@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(0.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -ms-transform: scale(1.05)
    }
    70% {
        -ms-transform: scale(0.9)
    }
    100% {
        -ms-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(0.9)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateY(30px)
    }
    80% {
        -ms-transform: translateY(-10px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateX(30px)
    }
    80% {
        -ms-transform: translateX(-10px)
    }
    100% {
        -ms-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateX(-30px)
    }
    80% {
        -ms-transform: translateX(10px)
    }
    100% {
        -ms-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateY(-30px)
    }
    80% {
        -ms-transform: translateY(10px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }
}

@-ms-keyframes bounceOut {
    0% {
        -ms-transform: scale(1)
    }
    25% {
        -ms-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -ms-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0.3)
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(0.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(0.3)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-ms-keyframes bounceOutDown {
    0% {
        -ms-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-ms-keyframes bounceOutLeft {
    0% {
        -ms-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-ms-keyframes bounceOutRight {
    0% {
        -ms-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-ms-keyframes bounceOutUp {
    0% {
        -ms-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes fluffy {
    0% {
        -webkit-transform: translateY(-10px)
    }
    50% {
        -webkit-transform: translateY(0px)
    }
    100% {
        -webkit-transform: translateY(-10px)
    }
}

@-moz-keyframes fluffy {
    0% {
        -moz-transform: translateY(-10px)
    }
    50% {
        -moz-transform: translateY(0px)
    }
    100% {
        -moz-transform: translateY(-10px)
    }
}

@-ms-keyframes fluffy {
    0% {
        -ms-transform: translateY(-10px)
    }
    50% {
        -ms-transform: translateY(0px)
    }
    100% {
        -ms-transform: translateY(-10px)
    }
}

@-o-keyframes fluffy {
    0% {
        -o-transform: translateY(-10px)
    }
    50% {
        -o-transform: translateY(0px)
    }
    100% {
        -o-transform: translateY(-10px)
    }
}

@keyframes fluffy {
    0% {
        transform: translateY(-10px)
    }
    50% {
        transform: translateY(0px)
    }
    100% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@-moz-keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@-ms-keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@-o-keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeInOut {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes fadeInOut {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes fadeInOut {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutNone {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0
    }
    100% {
        display: none
    }
}

@-moz-keyframes fadeOutNone {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0
    }
    100% {
        display: none
    }
}

@-ms-keyframes fadeOutNone {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0
    }
    100% {
        display: none
    }
}

@-o-keyframes fadeOutNone {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0
    }
    100% {
        display: none
    }
}

@keyframes fadeOutNone {
    0% {
        opacity: 1
    }
    99% {
        opacity: 0
    }
    100% {
        display: none
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}

@-ms-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-ms-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}

@-ms-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-20px)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-ms-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(20px)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-ms-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}

@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-ms-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-o-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-animation-timing-function: ease-in
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-animation-timing-function: ease-in
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-ms-keyframes flipInY {
    0% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -ms-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -ms-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-ms-keyframes flipOutY {
    0% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}

@-ms-keyframes hinge {
    0% {
        -ms-transform: rotate(0);
        -ms-transform-origin: top left;
        -ms-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -ms-transform: rotate(80deg);
        -ms-transform-origin: top left;
        -ms-animation-timing-function: ease-in-out
    }
    40% {
        -ms-transform: rotate(60deg);
        -ms-transform-origin: top left;
        -ms-animation-timing-function: ease-in-out
    }
    80% {
        -ms-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -ms-transform-origin: top left;
        -ms-animation-timing-function: ease-in-out
    }
    100% {
        -ms-transform: translateY(700px);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-ms-keyframes lightSpeedIn {
    0% {
        -ms-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -ms-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -ms-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -ms-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-ms-keyframes lightSpeedOut {
    0% {
        -ms-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -ms-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1)
    }
    50% {
        -ms-transform: scale(1.1)
    }
    100% {
        -ms-transform: scale(1)
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1)
    }
    50% {
        -o-transform: scale(1.1)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}

@-ms-keyframes rollIn {
    0% {
        opacity: 0;
        -ms-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(0deg)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}

@-ms-keyframes rollOut {
    0% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(100%) rotate(120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateIn {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInDownLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInDownRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInUpLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInUpRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOut {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutDownLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutDownRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutUpLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutUpRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@-moz-keyframes shake {
    0%,
    100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}

@-ms-keyframes shake {
    0%,
    100% {
        -ms-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -ms-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -ms-transform: translateX(10px)
    }
}

@-o-keyframes shake {
    0%,
    100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

@-webkit-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0deg)
    }
}

@-ms-keyframes swing {
    20% {
        -ms-transform: rotate(15deg)
    }
    40% {
        -ms-transform: rotate(-10deg)
    }
    60% {
        -ms-transform: rotate(5deg)
    }
    80% {
        -ms-transform: rotate(-5deg)
    }
    100% {
        -ms-transform: rotate(0deg)
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }
    40% {
        -o-transform: rotate(-10deg)
    }
    60% {
        -o-transform: rotate(5deg)
    }
    80% {
        -o-transform: rotate(-5deg)
    }
    100% {
        -o-transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }
    10%,
    20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

@-ms-keyframes tada {
    0% {
        -ms-transform: scale(1)
    }
    10%,
    20% {
        -ms-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -ms-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -ms-transform: scale(1) rotate(0)
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1)
    }
    10%,
    20% {
        -o-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -o-transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }
    10% {
        -moz-transform: skewX(-8deg)
    }
    20% {
        -moz-transform: skewX(7deg)
    }
    30% {
        -moz-transform: skewX(-6deg)
    }
    40% {
        -moz-transform: skewX(5deg)
    }
    50% {
        -moz-transform: skewX(-4deg)
    }
    60% {
        -moz-transform: skewX(3deg)
    }
    70% {
        -moz-transform: skewX(-2deg)
    }
    80% {
        -moz-transform: skewX(1deg)
    }
    90% {
        -moz-transform: skewX(0deg)
    }
    100% {
        -moz-transform: skewX(0deg)
    }
}

@-ms-keyframes wiggle {
    0% {
        -ms-transform: skewX(9deg)
    }
    10% {
        -ms-transform: skewX(-8deg)
    }
    20% {
        -ms-transform: skewX(7deg)
    }
    30% {
        -ms-transform: skewX(-6deg)
    }
    40% {
        -ms-transform: skewX(5deg)
    }
    50% {
        -ms-transform: skewX(-4deg)
    }
    60% {
        -ms-transform: skewX(3deg)
    }
    70% {
        -ms-transform: skewX(-2deg)
    }
    80% {
        -ms-transform: skewX(1deg)
    }
    90% {
        -ms-transform: skewX(0deg)
    }
    100% {
        -ms-transform: skewX(0deg)
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }
    10% {
        -o-transform: skewX(-8deg)
    }
    20% {
        -o-transform: skewX(7deg)
    }
    30% {
        -o-transform: skewX(-6deg)
    }
    40% {
        -o-transform: skewX(5deg)
    }
    50% {
        -o-transform: skewX(-4deg)
    }
    60% {
        -o-transform: skewX(3deg)
    }
    70% {
        -o-transform: skewX(-2deg)
    }
    80% {
        -o-transform: skewX(1deg)
    }
    90% {
        -o-transform: skewX(0deg)
    }
    100% {
        -o-transform: skewX(0deg)
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%)
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes wobble {
    0% {
        -ms-transform: translateX(0%)
    }
    15% {
        -ms-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -ms-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -ms-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -ms-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -ms-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -ms-transform: translateX(0%)
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%)
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -o-transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes shake01 {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-1px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(1px)
    }
}

@-moz-keyframes shake01 {
    0%,
    100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-1px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(1px)
    }
}

@-ms-keyframes shake01 {
    0%,
    100% {
        -ms-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -ms-transform: translateX(-1px)
    }
    20%,
    40%,
    60%,
    80% {
        -ms-transform: translateX(1px)
    }
}

@-o-keyframes shake01 {
    0%,
    100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-1px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(1px)
    }
}

@keyframes shake01 {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-1px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(1px)
    }
}

@-webkit-keyframes wobble02 {
    0% {
        -webkit-transform: translateX(0%)
    }
    7% {
        -webkit-transform: translateX(-13%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(5%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-7%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(4%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-2%) rotate(-1deg)
    }
    50% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes wobble02 {
    0% {
        -moz-transform: translateX(0%)
    }
    7% {
        -moz-transform: translateX(-13%) rotate(-5deg)
    }
    30% {
        -moz-transform: translateX(5%) rotate(3deg)
    }
    45% {
        -moz-transform: translateX(-7%) rotate(-3deg)
    }
    60% {
        -moz-transform: translateX(5%) rotate(2deg)
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }
    50% {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes wobble02 {
    0% {
        -ms-transform: translateX(0%)
    }
    7% {
        -ms-transform: translateX(-13%) rotate(-5deg)
    }
    30% {
        -ms-transform: translateX(5%) rotate(3deg)
    }
    45% {
        -ms-transform: translateX(-7%) rotate(-3deg)
    }
    60% {
        -ms-transform: translateX(5%) rotate(2deg)
    }
    75% {
        -ms-transform: translateX(-5%) rotate(-1deg)
    }
    50% {
        -ms-transform: translateX(0%)
    }
}

@-o-keyframes wobble02 {
    0% {
        -o-transform: translateX(0%)
    }
    7% {
        -o-transform: translateX(-13%) rotate(-5deg)
    }
    30% {
        -o-transform: translateX(5%) rotate(3deg)
    }
    45% {
        -o-transform: translateX(-7%) rotate(-3deg)
    }
    60% {
        -o-transform: translateX(5%) rotate(2deg)
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }
    50% {
        -o-transform: translateX(0%)
    }
}

@keyframes wobble02 {
    0% {
        transform: translateX(0%)
    }
    7% {
        transform: translateX(-13%) rotate(-5deg)
    }
    30% {
        transform: translateX(5%) rotate(3deg)
    }
    45% {
        transform: translateX(-7%) rotate(-3deg)
    }
    60% {
        transform: translateX(5%) rotate(2deg)
    }
    75% {
        transform: translateX(-2%) rotate(-1deg)
    }
    50% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -ms-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -ms-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -ms-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -ms-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -ms-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -ms-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -ms-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -ms-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -ms-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fluffy {
    -webkit-animation-name: fluffy;
    -moz-animation-name: fluffy;
    -ms-animation-name: fluffy;
    -o-animation-name: fluffy;
    animation-name: fluffy;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInOut {
    -webkit-animation-name: fadeInOut;
    -moz-animation-name: fadeInOut;
    -ms-animation-name: fadeInOut;
    -o-animation-name: fadeInOut;
    animation-name: fadeInOut;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -ms-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -ms-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -ms-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -ms-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -ms-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -ms-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -ms-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -ms-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -ms-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -ms-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -ms-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -ms-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    -ms-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flipInX {
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -ms-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flipInY {
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -ms-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -moz-animation-name: flipOutX;
    -ms-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    -moz-animation-name: flipOutY;
    -ms-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -ms-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -ms-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -ms-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -ms-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -ms-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -ms-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -ms-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -ms-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -ms-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -ms-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -ms-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -ms-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -ms-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -ms-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -ms-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -ms-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -ms-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -ms-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -ms-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.shake01 {
    -webkit-animation-name: shake01;
    -moz-animation-name: shake01;
    -ms-animation-name: shake01;
    -o-animation-name: shake01;
    animation-name: shake01;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.wobble02 {
    -webkit-animation-name: wobble02;
    -moz-animation-name: wobble02;
    -ms-animation-name: wobble02;
    -o-animation-name: wobble02;
    animation-name: wobble02;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes hue-animation {
    0% {
        -webkit-filter: hue-rotate(0deg);
        -moz-filter: hue-rotate(0deg);
        -ms-filter: hue-rotate(0deg);
        -o-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    100% {
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        -o-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
        -webkit-filter: hue-rotate(360deg)
    }
}

@-moz-keyframes hue-animation {
    0% {
        -webkit-filter: hue-rotate(0deg);
        -moz-filter: hue-rotate(0deg);
        -ms-filter: hue-rotate(0deg);
        -o-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    100% {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        -o-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg)
    }
}

@-ms-keyframes hue-animation {
    0% {
        -webkit-filter: hue-rotate(0deg);
        -moz-filter: hue-rotate(0deg);
        -ms-filter: hue-rotate(0deg);
        -o-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    100% {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        -o-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg)
    }
}

@-o-keyframes hue-animation {
    0% {
        -webkit-filter: hue-rotate(0deg);
        -moz-filter: hue-rotate(0deg);
        -ms-filter: hue-rotate(0deg);
        -o-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    100% {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        -o-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg)
    }
}

@keyframes hue-animation {
    0% {
        -webkit-filter: hue-rotate(0deg);
        -moz-filter: hue-rotate(0deg);
        -ms-filter: hue-rotate(0deg);
        -o-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg)
    }
    100% {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        -o-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg)
    }
}

.line-clamp-2 {
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 36px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 54px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.line-clamp-4 {
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 72px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.line-clamp-5 {
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 90px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.boxer-lock {
    overflow: hidden !important
}

#boxer-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear
}

.boxer-open #boxer-overlay {
    opacity: 0.9
}

#boxer {
    width: 200px;
    height: 200px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 101;
    border-radius: 3px;
    opacity: 0;
    margin: 0 auto;
    padding: 10px
}

#boxer * {
    -webkit-transition: none;
    transition: none
}

#boxer,
#boxer * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

#boxer,
#boxer *,
#boxer *:before,
#boxer *:after {
    box-sizing: border-box
}

#boxer.fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto
}

#boxer.inline {
    padding: 30px
}

#boxer.animating {
    -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
    transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease
}

#boxer.animating .boxer-container {
    -webkit-transition: opacity 0.25s linear 0.25s;
    transition: opacity 0.25s linear 0.25s
}

.boxer-open #boxer {
    opacity: 1
}

#boxer.loading .boxer-container {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear
}

#boxer .boxer-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -7.5px;
    right: -7.5px;
    z-index: 105;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: 200%;
    white-space: nowrap
}

#boxer .boxer-close:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #333333;
    content: "\00d7";
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin: auto;
    text-align: center;
    text-indent: 0;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.no-opacity #boxer .boxer-close {
    text-indent: -999px
}

#boxer .boxer-loading {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 105;
    display: block;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear
}

#boxer .boxer-loading:before,
#boxer .boxer-loading:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 110%;
    content: '';
    display: block
}

#boxer .boxer-loading:before {
    border: 5px solid rgba(51, 51, 51, 0.25)
}

#boxer .boxer-loading:after {
    -webkit-animation: boxer-loading-spin 0.75s linear infinite;
    animation: boxer-loading-spin 0.75s linear infinite;
    border: 5px solid transparent;
    border-top-color: #333333
}

#boxer.loading .boxer-loading {
    opacity: 1
}

@-webkit-keyframes boxer-loading-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes boxer-loading-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#boxer .boxer-container {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 103;
    background: #ffffff;
    overflow: hidden
}

#boxer .boxer-content {
    width: 100%;
    background: #ffffff;
    opacity: 1;
    overflow: hidden;
    padding: 0
}

#boxer.inline .boxer-content,
#boxer.iframe .boxer-content {
    width: auto
}

#boxer .boxer-image {
    float: left
}

#boxer .boxer-video {
    width: 100%;
    height: 100%
}

#boxer .boxer-iframe {
    width: 100%;
    height: 100%;
    border: none;
    float: left;
    overflow: auto
}

#boxer .boxer-meta {
    clear: both
}

#boxer .boxer-control {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    background: #ffffff;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
    overflow: hidden;
    text-indent: 200%;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    white-space: nowrap
}

#boxer .boxer-control:before {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    margin: auto
}

#boxer .boxer-control.previous {
    left: 20px
}

#boxer .boxer-control.previous:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10.4px solid #333333;
    margin-left: 14px
}

#boxer .boxer-control.next {
    right: 20px
}

#boxer .boxer-control.next:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10.4px solid #333333;
    margin-right: 14px
}

#boxer .boxer-control.disabled {
    opacity: 0
}

.no-opacity #boxer .boxer-control {
    text-indent: -999px
}

.no-touch #boxer .boxer-control {
    opacity: 0
}

.no-touch #boxer:hover .boxer-control {
    opacity: 1
}

.no-touch #boxer:hover .boxer-control.disabled {
    opacity: 0;
    cursor: default !important
}

#boxer .boxer-meta {
    padding: 10px 0 0 0
}

#boxer .boxer-position {
    color: #999999;
    font-size: 12px;
    margin: 0;
    padding: 15px 15px 0 15px
}

#boxer .boxer-caption p {
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 15px
}

#boxer .boxer-caption.gallery p {
    padding-top: 0
}

#boxer .boxer-error {
    width: 250px
}

#boxer .boxer-error p {
    color: #990000;
    font-size: 14px;
    margin: 0;
    padding: 25px;
    text-align: center;
    text-transform: uppercase
}

#boxer.mobile {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #111111;
    border-radius: 0;
    padding: 40px 0 0
}

#boxer.mobile .boxer-close,
#boxer.mobile .boxer-close:hover {
    height: 40px;
    width: 40px;
    top: 0;
    right: 0;
    background: #111111;
    border-radius: 0
}

#boxer.mobile .boxer-close:before,
#boxer.mobile .boxer-close:hover:before {
    color: #cccccc;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px
}

#boxer.mobile .boxer-loading:before {
    border-color: rgba(153, 153, 153, 0.25)
}

#boxer.mobile .boxer-loading:after {
    border-top-color: #999999
}

#boxer.mobile .boxer-container {
    background: #111111
}

#boxer.mobile .boxer-content {
    background-color: #111111
}

#boxer.mobile .boxer-control {
    width: 50px;
    height: 100%;
    background: #111111;
    border-radius: 0;
    box-shadow: none;
    opacity: 1
}

#boxer.mobile .boxer-control.previous {
    left: 0
}

#boxer.mobile .boxer-control.previous:before {
    border-right-color: #eeeeee;
    margin-left: 19px
}

#boxer.mobile .boxer-control.next {
    right: 0
}

#boxer.mobile .boxer-control.next:before {
    border-left-color: #eeeeee;
    margin-right: 19px
}

.no-touch #boxer.mobile .boxer-control,
.no-touch #boxer.mobile:hover .boxer-control {
    opacity: 1
}

.no-touch #boxer.mobile .boxer-control.disabled,
.no-touch #boxer.mobile:hover .boxer-control.disabled {
    opacity: 0;
    cursor: default !important
}

#boxer.mobile .boxer-meta {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #111111;
    padding: 15px 65px
}

#boxer.mobile .boxer-position {
    color: #999999;
    font-size: 12px;
    margin: 0;
    padding: 0 15px 0 0
}

#boxer.mobile .boxer-caption p {
    color: #eeeeee;
    font-size: 14px;
    margin: 0;
    padding: 0
}

#boxer.mobile .boxer-image {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

#boxer.mobile.animated .boxer-image {
    -webkit-transition: -webkit-transform 0.25s ease-out !important;
    transition: transform 0.25s ease-out !important
}

#boxer.mobile.inline .boxer-content,
#boxer.mobile.iframe .boxer-content {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@font-face {
    font-family: BoldFont;
    src: url(../font/DINNextLTPro-Bold.eot)
}

@font-face {
    font-family: BoldFont;
    src: url("../font/DINNextLTPro-Bold.woff") format("woff"), url("../font/DINNextLTPro-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: howlt_circle;
    src: url(../font/howlt_circle.eot)
}

@font-face {
    font-family: 'howlt_circle';
    src: url("../font/howlt_circle.woff") format("woff"), url("../font/howlt_circle.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

*,
* :before,
* :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::selection,
::-moz-selection,
::-o-selection,
::-ms-selection {
    background: #3c6;
    color: #fcfcf9;
    text-shadow: none
}

a {
    color: #666;
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none
}

.roppongi .header,
.roppongi .header .logo-cont,
.header .roppongi .logo-cont,
.roppongi .normal-bleed-bg,
.roppongi .module .bg,
.module .roppongi .bg {
    background-color: #ecdecb
}

.harajuku .header,
.harajuku .header .logo-cont,
.header .harajuku .logo-cont,
.harajuku .normal-bleed-bg,
.harajuku .module .bg,
.module .harajuku .bg {
    background-color: #edd16d
}

.harajukuterrace .header,
.harajukuterrace .header .logo-cont,
.header .harajukuterrace .logo-cont,
.harajukuterrace .normal-bleed-bg,
.harajukuterrace .module .bg,
.module .harajukuterrace .bg {
    background-color: #c7e6e0
}

.msbunny .header,
.msbunny .header .logo-cont,
.header .msbunny .logo-cont,
.msbunny .normal-bleed-bg,
.msbunny .module .bg,
.module .msbunny .bg {
    background-color: #fcc2ce
}

.yokohama .header,
.yokohama .header .logo-cont,
.header .yokohama .logo-cont,
.yokohama .normal-bleed-bg,
.yokohama .module .bg,
.module .yokohama .bg {
    background-color: #d9eccb
}

/* 20190318 *add* */
.mogumogu .header,
.mogumogu .header .logo-cont,
.header .mogumogu .logo-cont,
.mogumogu .normal-bleed-bg,
.mogumogu .module .bg,
.module .mogumogu .bg {
    background-color: #fcc2ce
}

/* 20210402 *add* */
.doubutsuen .header,
.doubutsuen .header .logo-cont,
.header .doubutsuen .logo-cont,
.doubutsuen .normal-bleed-bg,
.doubutsuen .module .bg,
.module .doubutsuen .bg {
    background-color: #fcc2ce
}

body {
    background-color: #f4f3f0 !important
}

.on-menu,
.large-image,
.on-sub-menu,
.on-contents {
    overflow: hidden
}

.on-menu body,
.large-image body,
.on-sub-menu body,
.on-contents body {
    overflow: hidden
}

.ta-c {
    text-align: center
}

.ta-l {
    text-align: left
}

.btn {
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: middle;
    width: 180px;
    padding: 0;
    height: 35px;
    text-align: center;
    font-family: "Noto Sans Japanese", serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: .78571rem;
    line-height: 1.715rem;
    line-height: 1;
    font-feature-settings: "palt";
    color: #363636;
    background-color: #252525;
    color: #fff;
    line-height: 35px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.115em;
    -webkit-transition: color ease 350ms, background ease 350ms;
    transition: color ease 350ms, background ease 350ms
}

.btn.no-uppercase {
    text-transform: none !important
}

.btn.s-text {
    font-size: 0.71429rem
}

.btn.large {
    width: 225px;
    height: 45px;
    line-height: 45px
}

.btn.xlarge {
    font-size: 1.28571rem;
    line-height: 1.715rem;
    height: 100px;
    line-height: 100px
}

.btn.selected {
    border: 2px solid #363636;
    line-height: 33px;
    background-color: #fff;
    color: #363636 !important
}

.btn:hover {
    text-decoration: none
}

.header {
    position: fixed;
    z-index: 1000;
    height: 120px;
    left: 0%;
    top: -200px;
    width: calc(100% - 60px);
    margin-left: 30px;
    background-color: #fff;
    -moz-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01)
}

@media (min-width: 1440px) {
    .header {
        left: 50%;
        width: 1380px;
        margin-left: -690px;
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .header {
        height: 80px;
        width: 100%;
        margin-left: 0px
    }
}

@media (max-width: 639px) {
    .header {
        width: 100%;
        margin-left: 0px;
        height: 60px
    }
    .on-menu .header {
        padding: 0
    }
}

.loaded .header {
    top: 0px
}

.now-transition .header {
    top: -200px !important
}

.on-scrollinit .header {
    top: 0px
}

.on-scroll .header {
    top: 0px
}

@media (min-width: 1024px) {
    .on-scroll.on-scrolldown .header {
        top: -55px
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .on-scroll.on-scrolldown .header {
        top: -100px
    }
}

@media (max-width: 639px) {
    .on-scroll.on-scrolldown .header {
        top: -75px
    }
}

.on-scroll.on-scrollup .header {
    top: 0px
}

.header .logo-cont {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100px;
    background-color: #fff;
    -moz-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    position: relative;
    z-index: 10;
    position: relative
}

.header .logo-cont>* {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header .logo-cont svg {
    width: 160px;
    height: 160px
}

@media (min-width: 640px) and (max-width: 1023px) {
    .header .logo-cont {
        width: 150px;
        height: 150px;
        border-radius: 75px
    }
    .header .logo-cont svg {
        width: 120px;
        height: 120px
    }
}

@media (max-width: 639px) {
    .header .logo-cont {
        width: 110px;
        height: 110px;
        border-radius: 55px
    }
    .header .logo-cont svg {
        width: 90px;
        height: 90px
    }
}

.include-svg {
    display: none
}

.column04 {
    overflow: hidden;
    padding-left: 7.29166vw;
    padding-right: 7.29166vw
}

.column04 .column,
.column04 .column-item {
    text-align: center;
    box-sizing: border-box;
    float: left;
    height: 100%;
    min-height: 1px;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    margin-top: 0;
    margin-bottom: 3.43rem;
    width: 25%;
    padding: 1.04167vw 1.04167vw !important
}

.column04 .column img,
.column04 .column-item img {
    width: 100%;
    height: auto
}

@media (max-width: 639px) {
    .column04 .column,
    .column04 .column-item {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.column04 .column:nth-child(4n+1),
.column04 .column-item:nth-child(4n+1) {
    clear: left
}

.column04 .column:nth-last-child(-n+4),
.column04 .column-item:nth-last-child(-n+4) {
    margin-bottom: 0
}

@media (max-width: 639px) {
    .column04 .column,
    .column04 .column-item {
        width: 50% !important
    }
    .column04 .column:nth-child(4n+1),
    .column04 .column-item:nth-child(4n+1) {
        clear: none
    }
    .column04 .column:nth-child(2n+1),
    .column04 .column-item:nth-child(2n+1) {
        clear: left
    }
    .column04 .column:nth-last-child(-n+4),
    .column04 .column-item:nth-last-child(-n+4) {
        margin-top: 0;
        margin-bottom: 3.43rem
    }
    .column04 .column:nth-last-child(-n+2),
    .column04 .column-item:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

.column03 {
    overflow: hidden;
    padding-left: 5.20833vw;
    padding-right: 5.20833vw
}

.column03 .column,
.column03 .column-item {
    text-align: center;
    box-sizing: border-box;
    float: left;
    height: 100%;
    min-height: 1px;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    margin-top: 0;
    margin-bottom: 3.43rem;
    width: 33.33333%;
    padding: 3.125vw 3.125vw !important
}

.column03 .column img,
.column03 .column-item img {
    width: 100%;
    height: auto
}

@media (max-width: 639px) {
    .column03 .column,
    .column03 .column-item {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.column03 .column:nth-child(3n+1),
.column03 .column-item:nth-child(3n+1) {
    clear: left
}

.column03 .column:nth-last-child(-n+3),
.column03 .column-item:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media (max-width: 639px) {
    .column03 .column,
    .column03 .column-item {
        width: 100% !important;
        float: none
    }
    .column03 .column:nth-child(3n+1),
    .column03 .column-item:nth-child(3n+1) {
        clear: none
    }
    .column03 .column:nth-last-child(-n+3),
    .column03 .column-item:nth-last-child(-n+3) {
        margin-top: 0;
        margin-bottom: 3.43rem
    }
    .column03 .column:nth-last-child(-n+1),
    .column03 .column-item:nth-last-child(-n+1) {
        margin-bottom: 0
    }
}

h2 {
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 3rem;
    line-height: 3.43rem;
    line-height: 1.4;
    line-height: 1
}

h2.header-justify {
    display: inline-block;
    position: relative
}

h2.header-justify:before {
    display: inline-block;
    background: url("../img/icon_h_before.svg") no-repeat;
    width: 46px;
    height: 48px;
    background-size: 46px 48px;
    position: absolute;
    top: -6px;
    left: -62px;
    content: ""
}

.no-svg h2.header-justify:before {
    background: url("../img/icon_h_before.png") no-repeat
}

h2.header-justify:after {
    display: inline-block;
    background: url("../img/icon_h_after.svg") no-repeat;
    width: 47px;
    height: 48px;
    background-size: 47px 48px;
    position: absolute;
    top: -6px;
    right: -60px;
    content: ""
}

.no-svg h2.header-justify:after {
    background: url("../img/icon_h_after.png") no-repeat
}

h2.header-justify span {
    display: block
}

@media (max-width: 639px) {
    h2.header-justify:before,
    h2.header-justify:after {
        width: 40px;
        height: 42px;
        top: -3px;
        background-size: 40px 42px
    }
    h2.header-justify:before {
        left: -54px
    }
    h2.header-justify:after {
        right: -52px
    }
}

h2.header-icon-right {
    display: inline-block;
    position: relative
}

h2.header-icon-right:before {
    display: inline-block;
    background: url("../img/icon_h_after.svg") no-repeat;
    width: 47px;
    height: 48px;
    background-size: 47px 48px;
    position: absolute;
    top: -6px;
    right: -60px;
    content: ""
}

.no-svg h2.header-icon-right:before {
    background: url("../img/icon_h_after.png") no-repeat
}

h2.header-icon-right span {
    display: block
}

@media (max-width: 639px) {
    h2 {
        font-size: 2rem;
        line-height: 3.43rem
    }
}

h3 {
    font-feature-settings: "palt";
    font-family: "Noto Sans Japanese", serif;
    font-weight: 700;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1.5rem;
    line-height: 1.715rem;
    line-height: 1.4;
    line-height: 1
}

h4 {
    font-feature-settings: "palt";
    font-family: "Noto Sans Japanese", serif;
    font-weight: 700;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4;
    line-height: 1
}

.strong {
    font-feature-settings: "palt";
    font-family: "Noto Sans Japanese", serif;
    font-weight: 700;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4
}

.small {
    font-size: .78571rem;
    line-height: 1.715rem
}

.site-container {
    font-family: "Noto Sans Japanese", serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: .92857rem;
    line-height: 1.715rem;
    line-height: 1.5;
    font-feature-settings: "palt";
    color: #363636
}

.site-container>* {
    padding-top: 6.86rem;
    padding-bottom: 6.86rem
}

@media (max-width: 639px) {
    .site-container>* {
        padding-top: 3.43rem;
        padding-bottom: 6.86rem
    }
}

.site-container>*:first-child {
    padding-top: 0
}

.flex-cont {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: top;
    flex-wrap: wrap
}

.flex-cont {
    position: relative;
    z-index: 1
}

.flex-cont.reverse {
    flex-direction: row-reverse
}

.flex-cont.right-cont {
    justify-content: flex-end
}

.flex-cont.middle {
    align-items: center
}

.flex-item {
    display: inline-block;
    flex-basis: 50%
}

@media (max-width: 639px) {
    .flex-item {
        flex-basis: 100% !important
    }
}

.flex-item.w60 {
    flex-basis: 60%
}

.flex-item.w40 {
    flex-basis: 40%
}

.hedgehog-cont .flex-item {
    background-color: #fff;
    padding-top: 4.16666vw;
    padding-bottom: 4.16666vw;
    padding-left: 6.24999vw !important;
    padding-right: 6.24999vw !important
}

.flex-item:nth-child(2n+1),
.reverse .flex-item:nth-child(2n) {
    padding-left: 8.33332vw;
    padding-right: 3.125vw;
    margin-top: 1px
}

@media (max-width: 639px) {
    .flex-item:nth-child(2n+1),
    .reverse .flex-item:nth-child(2n) {
        padding-left: 6.24999vw;
        padding-right: 6.24999vw
    }
}

.flex-item:nth-child(2n),
.reverse .flex-item:nth-child(2n+1) {
    padding-left: 3.125vw;
    padding-right: 8.33332vw
}

@media (max-width: 639px) {
    .flex-item:nth-child(2n),
    .reverse .flex-item:nth-child(2n+1) {
        margin-top: 50px;
        padding-left: 6.24999vw;
        padding-right: 6.24999vw
    }
}

@media (max-width: 639px) {
    .reverse .flex-item:nth-child(2n) {
        margin-top: 50px
    }
}

@media (max-width: 639px) {
    .reverse .flex-item:nth-child(2n+1) {
        margin-top: 0px
    }
}

.movie-cont {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    max-height: 450px;
    padding-left: 8.33332vw;
    padding-right: 8.33332vw
}

.movie-cont .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.movie-cont .movie iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100% !important;
    height: 100% !important
}

.full-bleed {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

.normal-bleed {
    max-width: 1380px;
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 639px) {
    .normal-bleed {
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .normal-bleed {
        width: 100%
    }
}

.normal-bleed-bg {
    margin-top: 0px !important;
    background-color: #fff;
    -moz-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    position: absolute;
    top: 0px;
    height: calc(100% - 10px);
    width: calc(100% - 60px);
    margin-left: 30px
}

@media (min-width: 1440px) {
    .normal-bleed-bg {
        left: 50%;
        width: 1380px;
        margin-left: -690px;
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 639px) {
    .normal-bleed-bg {
        width: 100%;
        margin-left: 0px
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .normal-bleed-bg {
        width: 100%;
        margin-left: 0px
    }
}

.inner-cont {
    position: relative;
    z-index: 1
}

.inner-cont>* {
    margin-top: 4.2875rem;
    margin-bottom: 0
}

@media (max-width: 639px) {
    .inner-cont>* {
        margin-top: 2.5725rem;
        margin-bottom: 0
    }
}

.inner-cont>*:first-child {
    margin-top: 0
}

.top-concept>* {
    margin-top: 0;
    margin-bottom: 1.715rem
}

.top-concept>*:last-child {
    margin-bottom: 0
}

.top-concept h2 {
    margin-top: 0;
    margin-bottom: 1.28625rem
}

.top-concept.center-cont {
    text-align: center
}

.top-concept.center-cont .desc {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

@media (max-width: 639px) {
    .top-concept.center-cont .desc {
        width: 100%
    }
}

@media (max-width: 639px) {
    .top-concept.center-cont {
        padding-left: 6.24999vw;
        padding-right: 6.24999vw
    }
}

.module {
    position: relative;
    margin-bottom: 1px
}

.module:first-of-type {
    padding-top: 0;
    background: none
}

@media (max-width: 639px) {
    .module:first-of-type {
        padding-top: 60px
    }
}

.module.no-child-spacing>* {
    margin-top: 0 !important
}

.module a:not(.no-link-motion,
.btn) {
    position: relative
}

.module a:not(.no-link-motion,
.btn).selected:after {
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.module a:not(.no-link-motion,
.btn):hover:after {
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.module a:not(.no-link-motion,
.btn):before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border: -1px;
    border-bottom: 1px solid #fadbdb
}

.module a:not(.no-link-motion,
.btn):after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border: -1px;
    border-bottom: 1px solid #00afd8;
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1)
}

.module a:not(.no-link-motion,
.btn):after {
    -webkit-animation-name: hue-animation;
    -moz-animation-name: hue-animation;
    -ms-animation-name: hue-animation;
    -o-animation-name: hue-animation;
    animation-name: hue-animation;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -ms-animation-duration: 10s;
    -o-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: liner;
    -moz-animation-timing-function: liner;
    -ms-animation-timing-function: liner;
    -o-animation-timing-function: liner;
    animation-timing-function: liner;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.module .img-cont img {
    width: 100%;
    height: auto
}

.module .img-cont.index-img {
    position: relative
}

.module .img-cont.index-img .so-cute {
    position: absolute;
    top: 40%;
    left: 51%
}

@media (max-width: 639px) {
    .module .img-cont.index-img .so-cute {
        left: 50%;
        top: 30%
    }
}

.module .img-cont.index-img .so-cute img {
    width: auto
}

@media (max-width: 639px) {
    .module .img-cont.index-img .so-cute img {
        width: 50px;
        height: auto
    }
}

.module .img-cont.radius {
    border-radius: 20px;
    overflow: hidden
}

.module .bg {
    width: 100%;
    height: calc(100% - 10px);
    margin-top: 0 !important;
    position: absolute;
    top: 1px;
    z-index: 0;
    background-color: #fff;
    -moz-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: background-color 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01)
}

.module.hedgehog-cont .bg {
    background-image: url("../img/bg-pattern.jpg")
}

.img-slider .slider-item {
    margin-left: 20px;
    margin-right: 20px
}

.shop-list .slider-item {
    box-sizing: border-box;
    width: 600px;
    height: auto;
    margin-left: 20px;
    margin-right: 20px
}

.shop-list .slider-item.roppongi {
    background-color: #ecdecb
}

.roppongi .shop-list .slider-item.roppongi {
    background-color: #fff
}

.roppongi .shop-list .slider-item.roppongi>a {
    pointer-events: none
}

.shop-list .slider-item.harajuku {
    background-color: #edd16d
}

.harajuku .shop-list .slider-item.harajuku {
    background-color: #fff
}

.harajuku .shop-list .slider-item.harajuku>a {
    pointer-events: none
}

.shop-list .slider-item.harajukuterrace {
    background-color: #c7e6e0
}

.harajukuterrace .shop-list .slider-item.harajukuterrace {
    background-color: #fff
}

.harajukuterrace .shop-list .slider-item.harajukuterrace>a {
    pointer-events: none
}

.shop-list .slider-item.msbunny {
    background-color: #fcc2ce
}

.msbunny .shop-list .slider-item.msbunny {
    background-color: #fff
}

.msbunny .shop-list .slider-item.msbunny>a {
    pointer-events: none
}

.shop-list .slider-item.yokohama {
    background-color: #d9eccb
}

.yokohama .shop-list .slider-item.yokohama {
    background-color: #fff
}

.yokohama .shop-list .slider-item.yokohama>a {
    pointer-events: none
}

/* 20190318 *add* */
.shop-list .slider-item.mogumogu {
    /* background-color: #fcc2ce  *20210402 *mod* */
    background-image: -webkit-linear-gradient(135deg, #ffffff 0% 25%, #ddc5ac 25% 50%, #ffffff 50% 75%, #ddc5ac 75% 100%);
    -webkit-background-size: 40px 40px;
}

.mogumogu .shop-list .slider-item.mogumogu {
    background-color: #fff
}

.mogumogu .shop-list .slider-item.mogumogu>a {
    pointer-events: none
}

/* 20210402 *add* */
.shop-list .slider-item.doubutsuen {
    background-color: #fcc2ce
}

.doubutsuen .shop-list .slider-item.doubutsuen {
    background-color: #fff
}

.doubutsuen .shop-list .slider-item.doubutsuen>a {
    pointer-events: none
}

@media (max-width: 639px) {
    .shop-list .slider-item {
        width: 250px;
        height: 550px;
        margin-left: 15px;
        margin-right: 15px
    }
    .shop-list .slider-item a,
    .shop-list .slider-item .shop-info {
        display: block !important;
        width: 100% !important
    }
    .shop-list .slider-item .shop-info {
        padding: 4.16666vw 4.16666vw 0 4.16666vw !important
    }
}

.shop-list .slider-item>a {
    vertical-align: middle;
    display: block;
    line-height: 0;
    width: 50%;
    display: inline-block
}

.shop-list .slider-item>a img {
    width: 100%;
    height: auto
}

.shop-list .slider-item .shop-info {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 1.04167vw;
    font-family: "Noto Sans Japanese", serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: .85714rem;
    line-height: 1.715rem;
    line-height: 1.5;
    font-feature-settings: "palt";
    color: #363636
}

.shop-list .slider-item .shop-info>* {
    padding-top: 1.28625rem;
    padding-bottom: 0
}

.shop-list .slider-item .shop-info>*>* {
    padding-top: .8575rem;
    padding-bottom: 0
}

.shop-list .slider-item .shop-info>*>*:first-child {
    padding-top: 0
}

.shop-list .slider-item .shop-info>*:first-child {
    padding-top: 0
}

.shop-list .slider-item .shop-info .map-link {
    text-decoration: underline
}

.shop-list .slider-item .shop-info .news-item a {
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 54px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.shop-list .slider-item .shop-info .strong {
    font-size: .85714rem;
    line-height: 1.715rem
}

.shop-list .slider-item h3 {
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1.71429rem;
    line-height: 1.715rem;
    line-height: 1.4;
    line-height: 1
}

.content-header {
    height: 700px
}

.info-cont>* {
    margin-top: 2.14375rem;
    margin-bottom: 0
}

.info-cont>*>* {
    margin-top: .8575rem;
    margin-bottom: 0
}

.info-cont>*>*>* {
    margin-top: .42875rem;
    margin-bottom: 0
}

.info-cont>*>*>*:first-child {
    margin-top: 0
}

.info-cont>*>*:first-child {
    margin-top: 0
}

.info-cont>*:first-child {
    margin-top: 0
}

footer {
    background-color: #141414;
    height: 200px;
    position: relative
}

footer .footer-nav {
    position: absolute;
    bottom: 50px;
    padding-left: 6.24999vw
}

@media (max-width: 639px) {
    footer .footer-nav {
        position: static;
        padding-top: 70px;
        text-align: center;
        padding-left: 0px
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    footer .footer-nav {
        position: static;
        padding-top: 70px;
        text-align: center;
        padding-left: 0px
    }
}

footer .footer-nav li {
    display: inline-block;
    padding-left: .75rem;
    padding-right: .75rem
}

footer .footer-nav li li:first-child {
    padding-left: 0
}

footer .footer-nav li a {
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4;
    color: #fff;
    text-transform: uppercase
}

footer .copy {
    position: absolute;
    bottom: 50px;
    right: 0px;
    padding-right: 6.24999vw;
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4;
    color: #fff
}

@media (max-width: 639px) {
    footer .copy {
        position: static;
        padding-right: 0px;
        text-align: center
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    footer .copy {
        position: static;
        padding-right: 0px;
        text-align: center
    }
}

.hedgehog-list .info,
.personality-list .info {
    padding-right: 0px;
    padding-left: 20px
}

.hedgehog-list .column-item,
.personality-list .column-item {
    text-align: left
}

.hedgehog-list .column-item>*,
.personality-list .column-item>* {
    margin-top: .8575rem;
    margin-bottom: 0
}

.hedgehog-list .column-item>*>*,
.personality-list .column-item>*>* {
    margin-top: .42875rem;
    margin-bottom: 0
}

.hedgehog-list .column-item>*>*:first-child,
.personality-list .column-item>*>*:first-child {
    margin-top: 0
}

.hedgehog-list .column-item>*:first-child,
.personality-list .column-item>*:first-child {
    margin-top: 0
}

.hedgehog-list h2,
.personality-list h2 {
    font-feature-settings: "palt";
    font-family: "Noto Sans Japanese", serif;
    font-weight: 700;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1.71429rem;
    line-height: 1.715rem;
    line-height: 1.4
}

@media (max-width: 639px) {
    .personality-list h2 {
        font-size: 1.14286rem;
        line-height: 1.715rem
    }
}

.day-list>* {
    margin-top: 1.715rem;
    margin-bottom: 0
}

.day-list>*:first-child {
    margin-top: 0
}

.day-list .strong {
    font-size: 1.14286rem;
    line-height: 1.715rem;
    margin-bottom: 4px;
    display: block
}

.overlay {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out
}

.on-menu .overlay,
.on-social .overlay,
.on-menu-store .overlay {
    pointer-events: auto;
    opacity: .55
}

.on-contents .overlay {
    background-color: #fff;
    opacity: .95;
    z-index: 101
}

.preloader {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #f4f3f0;
    pointer-events: none
}

.loaded .preloader {
    -moz-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    opacity: 0
}

.now-transition .preloader {
    opacity: 1
}

.loader-cont {
    pointer-events: none;
    position: fixed;
    top: 50vh;
    left: 50vw;
    margin-top: -78px;
    margin-left: -30px;
    z-index: 999999;
    width: 60px;
    height: 78px
}

.loaded .loader-cont {
    -moz-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    opacity: 0
}

.now-transition .loader-cont {
    opacity: 1
}

#large-image-container {
    background-color: #fff;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 1000;
    overflow: hidden
}

#large-image-container .large-image-button-middle {
    margin-top: 75px
}

#large-image-container .large-image-paging-button-left {
    background-image: url("../img/svg/icon_paging.svg");
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 50px;
    height: 50px
}

#large-image-container .large-image-paging-button-right {
    background-image: url("../img/svg/icon_paging02.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    width: 50px;
    height: 50px
}

#large-image-container .large-image-close-button {
    position: absolute;
    width: 50px;
    height: 50px;
    background-position: 100% 0%;
    top: 15px;
    right: 15px;
    background-image: url("../img/svg/icon_close.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    z-index: 1001;
    border-radius: 0px;
    box-shadow: none
}

#large-image-container .large-image-detail-container {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 0px;
    z-index: 1000
}

#large-image-container .large-image-detail-container h1 {
    margin: 25px 0 0 25px;
    font-feature-settings: "palt";
    font-family: 'Lora', serif;
    color: #363636;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4
}

#large-image-container .large-image-detail-container p {
    display: none;
    font-feature-settings: "palt";
    font-family: 'Lora', serif;
    color: #363636;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4
}

.error-caution,
.error-message,
.success-caution {
    color: #fcfcf9 !important;
    background-color: #c82209;
    padding-top: .8575rem;
    padding-bottom: .8575rem;
    text-align: center;
    font-size: .71429rem;
    line-height: 1.715rem;
    margin-top: 1.715rem;
    margin-bottom: 1.715rem;
    padding-left: 30px;
    padding-right: 30px
}

.success-caution {
    background-color: #00afd8
}

.error-message {
    color: #363636;
    font-size: .71429rem;
    line-height: 1.715rem;
    margin-top: 1.715rem;
    margin-bottom: 1.715rem
}

.error {
    border: 1px solid #c82209 !important
}

input[type="text"],
input[type="email"],
textarea {
    display: inline-block;
    border: 1px solid #d8d8d8;
    padding: 10px 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: border-color 500ms ease 0s;
    -moz-transition: border-color 500ms ease 0s;
    -ms-transition: border-color 500ms ease 0s;
    -o-transition: border-color 500ms ease 0s;
    transition: border-color 500ms ease 0s
}

input[type="text"][readonly="readonly"],
input[type="email"][readonly="readonly"],
textarea {
    color: grey
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
textarea:hover,
textarea:focus {
    border-color: #363636;
    -webkit-transition: border-color 500ms ease 0s;
    -moz-transition: border-color 500ms ease 0s;
    -ms-transition: border-color 500ms ease 0s;
    -o-transition: border-color 500ms ease 0s;
    transition: border-color 500ms ease 0s;
    outline: none
}

input::-webkit-input-placeholder,
input:-moz-placeholder {
    color: deepskyblue
}

input[type="submit"],
input[type="button"] {
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: white;
    display: inline-block;
    letter-spacing: 1px;
    width: 150px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    line-height: 1;
    text-transform: uppercase
}

input[type="submit"]:only-child,
input[type="button"]:only-child {
    width: 180px
}

input[type="text"][disabled="disabled"],
input[type="submit"].disabled,
input[type="button"].disabled {
    background: #eeeeee;
    border: #eeeeee;
    color: #333333;
    cursor: default
}

input[type="submit"].disabled:hover,
input[type="button"].disabled:hover {
    background: #cccccc
}

input[type="submit"]:hover,
input[type="button"]:hover {
    background: grey;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s
}

select {
    background: url("../img/select_cursor.png") no-repeat right center #fff;
    border: 1px solid #d8d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    cursor: pointer;
    padding: 10px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 6px;
    -webkit-transition: border-color 500ms ease 0s;
    -moz-transition: border-color 500ms ease 0s;
    -ms-transition: border-color 500ms ease 0s;
    -o-transition: border-color 500ms ease 0s;
    transition: border-color 500ms ease 0s
}

select:hover,
select:focus {
    border-color: deepskyblue;
    -webkit-transition: border-color 500ms ease 0s;
    -moz-transition: border-color 500ms ease 0s;
    -ms-transition: border-color 500ms ease 0s;
    -o-transition: border-color 500ms ease 0s;
    transition: border-color 500ms ease 0s;
    outline: none
}

select:only-child {
    width: 100%
}

.oldie select {
    background: none;
    padding: 0
}

.error_list li {
    font-family: "Noto Sans Japanese", serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: .85714rem;
    line-height: 1.715rem;
    line-height: 1.5;
    font-feature-settings: "palt";
    color: #363636;
    color: #f00
}

.form-cont {
    padding-left: 8.33332vw;
    padding-right: 8.33332vw
}

.form-cont .contact-list,
.form-cont .error_list {
    max-width: 800px;
    margin: 0 auto
}

.form-cont .contact-list>*,
.form-cont .error_list>* {
    margin-top: 1.715rem;
    margin-bottom: 0
}

.form-cont .contact-list>*:first-child,
.form-cont .error_list>*:first-child {
    margin-top: 0
}

.form-cont .btn-cont {
    text-align: center;
    margin-top: 1.715rem;
    margin-bottom: 0
}

input,
select,
textarea {
    width: 100%;
    color: gray
}

input[type="checkbox"],
input[type="radio"] {
    width: auto
}

label {
    color: gray;
    display: block;
    float: left;
    cursor: pointer;
    margin: 0;
    padding: 18px 6px;
    font-size: .71429rem;
    line-height: 1.715rem;
    border-right: 1px solid silver;
    text-align: center;
    line-height: 1;
    transition: .2s;
    width: 50% !important
}

@media (max-width: 639px) {
    label {
        width: 50% !important
    }
}

label.first {
    border-left: 1px solid silver;
    width: 216px !important
}

@media (max-width: 639px) {
    label.first {
        width: 186px !important
    }
}

label:first-of-type {
    border-left: 1px solid silver
}

label.three-column-item {
    width: 140.33333px !important
}

@media (max-width: 639px) {
    label.three-column-item {
        width: 120.33333px !important
    }
}

label.three-column-item:first-of-type {
    width: 139.33333px !important
}

@media (max-width: 639px) {
    label.three-column-item:first-of-type {
        width: 119.33333px !important
    }
}

input[type="radio"]:checked+label,
input[type="checkbox"]:checked+label {
    color: #363636;
    background: url("../img/check.png") no-repeat 5% center #f7f7f5
}

.left-nav,
.our-nav {
    overflow: hidden
}

.left-nav li,
.our-nav li {
    color: #252525;
    float: left;
    padding-left: .75rem;
    padding-right: .75rem;
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 1;
    text-transform: uppercase
}

.left-nav li a,
.our-nav li a {
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1.07143rem;
    line-height: 1.715rem;
    line-height: 1.4;
    line-height: 1;
    color: #000
}

@media (max-width: 639px) {
    .on-menu .left-nav li,
    .on-menu .our-nav li {
        float: none;
        text-align: center;
        background-image: linear-gradient(to right, #000000 33%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        padding-top: 6.24999vw;
        padding-bottom: 4.16666vw;
        padding-left: 0;
        padding-right: 0
    }
    .on-menu .left-nav li a,
    .on-menu .our-nav li a {
        font-size: 1.71429rem;
        line-height: 1.715rem;
        line-height: 1
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .on-menu .left-nav li,
    .on-menu .our-nav li {
        float: none;
        text-align: center;
        background-image: linear-gradient(to right, #000000 33%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        padding-top: 6.24999vw;
        padding-bottom: 4.16666vw;
        padding-left: 0;
        padding-right: 0
    }
    .on-menu .left-nav li a,
    .on-menu .our-nav li a {
        font-size: 1.71429rem;
        line-height: 1.715rem;
        line-height: 1
    }
}

.main-navigation {
    position: absolute;
    top: 25px;
    width: 100%;
    padding-left: 6.24999vw;
    -moz-transition: top 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: top 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: top 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: top 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01)
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .on-scroll.on-scrolldown .main-navigation {
/*        top: 82px *20180909 mod*/
        top: 75px
    }
}

@media (min-width: 1440px) {
    .on-scroll.on-scrolldown .main-navigation {
/*        top: 82px *20180909 mod*/
        top: 75px
    }
}

@media (max-width: 639px) {
    .main-navigation {
        background-color: #f4f3f0;
        position: absolute;
        padding: 0;
        top: 0px
    }
    .on-menu .main-navigation {
        padding-top: 60px;
        margin-top: 60px;
        top: 0px;
        height: 100vh
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .main-navigation {
        background-color: #f4f3f0;
        position: absolute;
        padding: 0;
        top: 0px
    }
    .on-menu .main-navigation {
        padding-top: 60px;
        margin-top: 60px;
        top: 0px;
        height: 100vh
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .on-menu .main-navigation {
        padding-top: 100px;
        margin-top: 80px
    }
}

.left-nav li:first-child {
    padding-left: 0
}

@media (max-width: 639px) {
    .left-nav {
        display: none
    }
    .on-menu .left-nav {
        display: block
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .left-nav {
        display: none
    }
    .on-menu .left-nav {
        display: block
    }
}

.right-nav {
    position: absolute;
    right: 6.24999vw;
    top: 0px
}

@media (max-width: 639px) {
    .on-menu .right-nav {
        position: static !important;
        width: 100%;
        padding: 0 !important
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .on-menu .right-nav {
        position: static !important;
        width: 100%;
        padding: 0 !important
    }
}

.our-nav {
/*    vertical-align: middle; *20180909 mod*/
    vertical-align: top;
    display: inline-block
}

@media (max-width: 639px) {
    .our-nav {
        display: none
    }
    .on-menu .our-nav {
        display: block
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .our-nav {
        display: none
    }
    .on-menu .our-nav {
        display: block
    }
}

.lang-nav {
/*    vertical-align: middle; *20180909 mod*/
    vertical-align: top;
    display: inline-block
}

@media (max-width: 639px) {
    .lang-nav {
        margin-top: 25px
    }
    .on-menu .lang-nav {
        margin-top: 0px;
        background-image: linear-gradient(to right, #000000 33%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        padding-top: 6.24999vw;
        padding-bottom: 4.16666vw;
        text-align: center;
        display: block
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .lang-nav {
        margin-top: 25px
    }
    .on-menu .lang-nav {
        margin-top: 0px;
        background-image: linear-gradient(to right, #000000 33%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        padding-top: 6.24999vw;
        padding-bottom: 4.16666vw;
        text-align: center;
        display: block
    }
}

.now-transition .lang-nav li {
    opacity: 0;
    -moz-transform: translate(-5px, 0);
    -o-transform: translate(-5px, 0);
    -ms-transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
}

.lang-nav li {
    display: inline-block;
    margin-left: .25rem;
    margin-right: .25rem;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in
}

.lang-nav li:nth-child(1),
.works .lang-nav li:nth-child(1) {
    transition-delay: 400ms, 400ms
}

.lang-nav li:nth-child(2),
.works .lang-nav li:nth-child(2) {
    transition-delay: 500ms, 500ms
}

.lang-nav li:nth-child(3),
.works .lang-nav li:nth-child(3) {
    transition-delay: 600ms, 600ms
}

.lang-nav li:nth-child(4),
.works .lang-nav li:nth-child(4) {
    transition-delay: 700ms, 700ms
}

.lang-nav li:nth-child(5),
.works .lang-nav li:nth-child(5) {
    transition-delay: 800ms, 800ms
}

.lang-nav li:nth-child(6),
.works .lang-nav li:nth-child(6) {
    transition-delay: 900ms, 900ms
}

.lang-nav li.selected {
    position: relative
}

.lang-nav li.selected a:before {
    content: " ";
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    border: -1px;
    border-bottom: 4px solid #00afd8;
    -webkit-animation-name: hue-animation;
    -moz-animation-name: hue-animation;
    -ms-animation-name: hue-animation;
    -o-animation-name: hue-animation;
    animation-name: hue-animation;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -ms-animation-duration: 10s;
    -o-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: liner;
    -moz-animation-timing-function: liner;
    -ms-animation-timing-function: liner;
    -o-animation-timing-function: liner;
    animation-timing-function: liner;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.lang-nav li a {
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: .85714rem;
    line-height: 1.715rem;
    line-height: 1.4
}

/* 20180909 add  -- 20180910 mod*/
.cert-icon {
/*		display: inline-block; */
/*		margin-left: 10px; */
    display: block;
    margin-top: -8%;
    width: 250px;
    height: 187px;
    margin-left: auto;
}

.cert-icon img {
    width: 100%;
    height: 100%;
}

@media (max-width: 639px) {
		.cert-icon{
                display: block;
				margin-top: 20px;
                margin-left: auto;
                margin-right: auto;
		}
}

@media (min-width: 640px) and (max-width: 1023px) {
		.cert-icon{
				margin-top: 0;
		}
}
/**/

.menu-icon {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    width: 48px;
    height: 48px;
    cursor: pointer;
    -moz-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    padding: 0;
    padding-left: 2.08333vw;
    top: 1.04167vw;
    display: none
}

.menu-icon .lw-menu-icon-line,
.menu-icon .lw-close-icon-line,
.menu-icon .lw-close-icon-line-2 {
    width: 28px;
    height: 5px;
    background: #141414;
    display: block;
    position: absolute;
    left: 10px;
    z-index: 1
}

.menu-icon .lw-menu-icon-line {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.on-menu .menu-icon .lw-menu-icon-line {
    left: 7px;
    opacity: 0
}

.menu-icon .lw-menu-icon-line-top {
    top: 14px;
    transition-delay: 500ms, 500ms
}

.on-menu .menu-icon .lw-menu-icon-line-top {
    top: 14px;
    transition-delay: 0ms, 0ms
}

.menu-icon .lw-menu-icon-line-middle {
    top: 24px;
    transition-delay: 650ms, 650ms
}

.on-menu .menu-icon .lw-menu-icon-line-middle {
    top: 24px;
    transition-delay: 150ms, 150ms
}

.menu-icon .lw-menu-icon-line-bottom {
    top: 34px;
    transition-delay: 800ms, 800ms
}

.on-menu .menu-icon .lw-menu-icon-line-bottom {
    top: 34px;
    transition-delay: 300ms, 300ms
}

.menu-icon .lw-close-icon-line {
    opacity: 0;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}

.on-menu .menu-icon .lw-close-icon-line {
    opacity: 1;
    -moz-transition: all 0.5s ease-out 0.5s;
    -o-transition: all 0.5s ease-out 0.5s;
    -webkit-transition: all 0.5s ease-out 0.5s;
    transition: all 0.5s ease-out 0.5s;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-icon .lw-close-icon-line-1 {
    top: 21px
}

.menu-icon .lw-close-icon-line-2 {
    height: 28px;
    width: 5px;
    left: 21px;
    top: 10px
}

.on-menu .menu-icon {
    position: fixed
}

@media (max-width: 639px) {
    .menu-icon {
        display: block
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .menu-icon {
        display: block
    }
}

.on-menu .store-btn {
    position: relative;
    display: block
}

.on-menu .store-btn:after {
    content: '';
    position: absolute;
    top: 8px;
    right: 6.25vw;
    height: 9px;
    width: 9px;
    border-top: 2px solid #121212;
    border-right: 2px solid #121212;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%)
}

.store-nav-cont {
    background-color: #f4f3f0;
    margin-top: -80px;
    width: 50%;
    height: 280px;
    box-sizing: border-box;
    padding: 0
}

.store-nav-cont li {
    margin-top: .42875rem;
    margin-bottom: 0
}

.store-nav-cont a {
    font-feature-settings: "palt";
    font-family: BoldFont, "Noto Sans Japanese", serif;
    color: #1e3d34;
    letter-spacing: 1px;
    font-size: 1.07143rem;
    line-height: 1.715rem;
    line-height: 1.4;
    color: #000;
    line-height: 1
}

@media (min-width: 1024px) {
    .store-nav-cont {
        -moz-transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transform-origin: top;
        -o-transform-origin: top;
        -ms-transform-origin: top;
        -webkit-transform-origin: top;
        transform-origin: top;
        -moz-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    .on-menu-store .store-nav-cont {
        transform: none;
        -moz-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
    }
    .store-nav-cont h2 {
        padding-top: 45px;
        margin-left: 6.24999vw;
        opacity: 0;
        -moz-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
    .on-menu-store .store-nav-cont h2 {
        -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition-delay: .4s;
        opacity: 1;
        transform: none
    }
    .store-nav-cont ul {
        margin-left: 6.24999vw;
        opacity: 0;
        -moz-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
    .on-menu-store .store-nav-cont ul {
        -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition-delay: .5s;
        opacity: 1;
        transform: none
    }
}

@media (max-width: 639px) {
    .store-nav-cont {
        position: absolute;
        top: 0px;
        width: 100%;
        display: none
    }
    .on-menu-store .store-nav-cont {
        height: 100vh !important;
        display: block
    }
    .on-menu .store-nav-cont {
        background-color: #f4f3f0;
        padding-top: 60px;
        margin-top: 60px
    }
    .on-menu .store-nav-cont li {
        float: none;
        text-align: center;
        background-image: linear-gradient(to right, #000000 33%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        padding-top: 6.24999vw;
        padding-bottom: 4.16666vw;
        padding-left: 0;
        padding-right: 0
    }
    .on-menu .store-nav-cont li a {
        font-size: 1.71429rem;
        line-height: 1.715rem;
        line-height: 1
    }
    .store-nav-cont h2 {
        text-align: center;
        position: relative;
        cursor: pointer;
        padding-top: 0;
        margin-left: 0
    }
    .store-nav-cont h2:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 6.25vw;
        height: 9px;
        width: 9px;
        margin-top: -5px;
        border-top: 2px solid #121212;
        border-right: 2px solid #121212;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .store-nav-cont {
        position: absolute;
        top: 0px;
        width: 100%;
        display: none
    }
    .on-menu-store .store-nav-cont {
        height: 100vh !important;
        display: block
    }
    .on-menu .store-nav-cont {
        background-color: #f4f3f0;
        padding-top: 60px;
        margin-top: 60px
    }
    .on-menu .store-nav-cont li {
        float: none;
        text-align: center;
        background-image: linear-gradient(to right, #000000 33%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 3px 1px;
        background-repeat: repeat-x;
        padding-top: 6.24999vw;
        padding-bottom: 4.16666vw;
        padding-left: 0;
        padding-right: 0
    }
    .on-menu .store-nav-cont li a {
        font-size: 1.71429rem;
        line-height: 1.715rem;
        line-height: 1
    }
    .store-nav-cont h2 {
        text-align: center;
        position: relative;
        cursor: pointer;
        padding-top: 0;
        margin-left: 0
    }
    .store-nav-cont h2:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 6.25vw;
        height: 9px;
        width: 9px;
        margin-top: -5px;
        border-top: 2px solid #121212;
        border-right: 2px solid #121212;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .on-menu .store-nav-cont {
        padding-top: 100px;
        margin-top: 80px
    }
}

.social-nav li {
    display: inline-block;
    padding-left: .75rem;
    padding-right: .75rem
}

.social-nav li a {
    position: relative;
    display: inline-block;
    line-height: 0
}

.social-nav li a svg {
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 2;
    fill: #252525
}

.social-nav li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    width: 200%;
    height: 200%;
    margin: -50% 0 0 -50%;
    background: #252525;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    -moz-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)
}

.social-nav li a:hover:after {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -moz-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

.social-nav li a:hover svg {
    fill: #fff
}

.social-nav li:hover .fb-icon {
    background-color: #fff
}

.social-nav li:hover .tw-icon {
    background-color: #fff
}

.social-nav li:hover .insta-icon {
    background-color: #fff
}


/*! Flickity v2.0.11
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button:hover {
    background: white
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F
}

.flickity-prev-next-button:active {
    opacity: 0.6
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: 0.3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.i-youtube {  /* 20210403 * add */
    height: 1.5em;
    position: relative;
    top: 5px;
    left: -5px;
}