/*!
 * animsition-docs - Documentation for Animsition.
 * Version 
 * http://git.blivesta.com/animsition
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 * License : MIT
 */

body {
    font-family: "Avenir Next", "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #575757;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1em;
    margin-bottom: .5em
}

h4,
h5,
h6 {
    color: #898989
}

h1,
.H1 {
    font-size: 2rem
}

h2,
.H2 {
    font-size: 1.5rem
}

h3,
.H3 {
    font-size: 1.25rem
}

h4,
.H4 {
    font-size: 1rem
}

h5,
.H5 {
    font-size: .875rem
}

h6,
.H6 {
    font-size: .75rem
}

img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    height: auto
}

a {
    color: #3B546C
}

a:hover,
a:focus,
a:active {
    color: #202E3B
}

ul,
ol {
    font-size: 1rem;
    padding-left: 1.5rem
}

ul>li>ul,
ol>li>ol {
    padding-left: 1.5rem;
    margin: 0;
    list-style: inset
}

dt {
    font-size: 1rem;
    font-weight: 700
}

dd {
    margin-left: 0
}

p {
    font-size: 1rem
}

p,
ul,
ol,
dl,
table,
fieldset,
figure {
    margin-top: 0;
    margin-bottom: 1.5rem
}

pre {
    margin-top: 0
}

.Alert {
    box-sizing: border-box;
    padding-top: 1.5rem;
    padding-right: .75rem;
    padding-left: .75rem;
    border-radius: 4px;
    background-color: #EFEFEF;
    box-shadow: 0
}

.Alert,
.Alert.is-success {
    border: 1px solid transparent
}

.Alert.is-success {
    color: #00A47B;
    background-color: #CCF5EB
}

.Alert.is-notice {
    color: #1AB2FF;
    border: 1px solid transparent;
    background-color: #E1F5FF
}

.Alert.is-warning {
    color: #D9AD00;
    border: 1px solid transparent;
    background-color: #FFF5CC
}

.Alert.is-error {
    color: #D41C12;
    border: 1px solid transparent;
    background-color: #FCDBD9
}

.Button {
    font-size: 1rem;
    line-height: 2.0625rem;
    display: inline-block;
    box-sizing: border-box;
    height: 2.1875rem;
    margin: 0;
    padding: 0 1rem;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    color: #575757;
    border: .0625rem solid #B5B5B5;
    border-radius: 4px;
    outline: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Button.is-disabled,
.Button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65
}

.Button:hover,
.Button:focus,
.Button:active,
.Button.is-active {
    text-decoration: none;
    color: #fff;
    border-color: #B5B5B5;
    background-color: #B5B5B5
}

.Button--primary {
    background-color: transparent;
    border-color: #202E3B;
    color: #3B546C
}

.Button--primary:hover,
.Button--primary:focus,
.Button--primary:active,
.Button--primary.is-active {
    background-color: #3B546C;
    color: #fff;
    border-color: #202E3B
}

.Button--fill {
    background-color: #B5B5B5;
    color: #fff
}

.Button--fill:hover,
.Button--fill:focus,
.Button--fill:active,
.Button--fill.is-active {
    background-color: transparent;
    color: #B5B5B5;
    text-decoration: none
}

.Button--fill.Button--primary {
    background-color: #3B546C;
    color: #fff
}

.Button--fill.Button--primary:hover,
.Button--fill.Button--primary:focus,
.Button--fill.Button--primary:active,
.Button--fill.Button--primary.is-active {
    background-color: transparent;
    color: #3B546C
}

.Button--xl {
    height: 3.6875rem;
    padding: 0 3rem;
    line-height: 3.5625rem;
    font-size: 1.5rem;
    border-radius: 6px
}

.Button--lg {
    height: 2.9375rem;
    padding: 0 2rem;
    line-height: 2.8125rem;
    font-size: 1.25rem;
    border-radius: 5px
}

.Button--sm {
    height: 1.4375rem;
    padding: 0 .5rem;
    line-height: 1.3125rem;
    font-size: .875rem;
    border-radius: 3px
}

.Button--full {
    display: block;
    width: 100%
}

.Button--full+.Button--full {
    margin-top: .25rem
}

.Button--reset {
    background-color: transparent;
    border-color: transparent;
    color: #3B546C
}

.Button--reset:hover,
.Button--reset:focus,
.Button--reset:active,
.Button--reset.is-active {
    border-color: transparent;
    color: #202E3B;
    text-decoration: underline
}

.Container {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:40em) {
    .Container {
        max-width: 48rem
    }
}

@media (min-width:64em) {
    .Container {
        max-width: 60rem
    }
}

@media (min-width:75em) {
    .Container {
        max-width: 70rem
    }
}

.Container--slim {
    max-width: 48rem
}

.FullEmbed {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.FullEmbed>.FullEmbed-item,
.FullEmbed>iframe,
.FullEmbed>embed,
.FullEmbed>object,
.FullEmbed>video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.FullEmbed--16by9 {
    padding-bottom: 56.25%
}

.FullEmbed--4by3 {
    padding-bottom: 75%
}

.FullEmbed--3by1 {
    padding-bottom: 33.33333333333333%
}

.FullEmbed--2by1 {
    padding-bottom: 50%
}

.Input,
.Textarea,
.Select {
    font-size: 1rem;
    line-height: inherit;
    display: inline-block;
    box-sizing: border-box;
    padding: .25rem 1rem;
    width: auto;
    transition: border ease-in-out .15s, box-shadow ease-in-out .15s;
    vertical-align: middle;
    border: .0625rem solid #B5B5B5;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08)
}

.Input,
.Select {
    height: 2.1875rem
}

.Input,
.Textarea {
    background-color: transparent
}

.Input {
    -webkit-appearance: none
}

.Input.is-focus,
.Textarea.is-focus,
.Select.is-focus,
.Input:focus,
.Textarea:focus,
.Select:focus {
    border: .0625rem solid #E1F5FF;
    outline: 0;
    box-shadow: inset 0 1px 1px #E1F5FF, 0 0 8px #E1F5FF
}

.Input.is-disabled,
.Textarea.is-disabled,
.Select.is-disabled,
.Input[disabled],
.Textarea[disabled],
.Select[disabled] {
    cursor: not-allowed;
    opacity: .65;
    background-color: #DCDDDD
}

.Input--xl,
.Select--xl {
    font-size: 1.5rem !important;
    padding: .75rem 1rem !important;
    border-radius: 6px !important;
    height: 3.6875rem !important
}

.Input--lg,
.Select--lg {
    font-size: 1.25rem !important;
    padding: .5rem 1rem !important;
    border-radius: 5px !important;
    height: 2.9375rem !important
}

.Input--sm,
.Select--sm {
    font-size: .875rem !important;
    padding: .125rem 1rem !important;
    border-radius: 3px !important;
    height: 1.4375rem !important
}

.Input--full,
.Select--full,
.Textarea--full {
    display: block;
    width: 100%
}

.Input--full+.Input--full,
.Select--full+.Select--full,
.Textarea--full+.Textarea--full {
    margin-top: .25rem
}

.Grid {
    font-size: 0;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left
}

.Grid .Grid {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.Grid-col {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    min-height: 1px;
    padding-right: .75rem;
    padding-left: .75rem;
    text-align: left;
    vertical-align: top
}

.Grid--float>.Grid-col {
    float: left
}

.Grid--center {
    text-align: center
}

.Grid--right {
    text-align: right
}

.Grid--left {
    text-align: left
}

.Grid--top>.Grid-col {
    vertical-align: top
}

.Grid--middle>.Grid-col {
    vertical-align: middle
}

.Grid--bottom>.Grid-col {
    vertical-align: bottom
}

.ListInline,
.ListReset {
    padding-left: 0;
    list-style: none
}

.ListInline {
    margin-left: -.3125rem
}

.ListInline>li {
    display: inline-block;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.Table {
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: left
}

.Table th,
.Table td {
    padding: 1rem;
    border-top: 1px solid #DCDDDD
}

.Table>thead {
    border-bottom: 2px solid #DCDDDD
}

.Table>tfoot {
    border-top: 2px solid #DCDDDD
}

.Table tr:first-child th,
.Table tr:first-child td {
    border-top: 0
}

.Table--even tr:nth-child(even) {
    background-color: #f2f2f2
}

.Table--border {
    border: 1px solid #DCDDDD
}

.Table--border th,
.Table--border td {
    border-left: 1px solid #DCDDDD
}

.t-alignLeft {
    text-align: left !important
}

.t-alignRight {
    text-align: right !important
}

.t-alignCenter {
    text-align: center !important
}

.t-alignJustify {
    text-align: justify !important
}

.t-alignTop {
    vertical-align: top !important
}

.t-alignMiddle {
    vertical-align: middle !important
}

.t-alignBottom {
    vertical-align: bottom !important
}

.t-alignBaseline {
    vertical-align: baseline !important
}

.t-alignTextTop {
    vertical-align: text-top !important
}

.t-alignTextBottom {
    vertical-align: text-bottom !important
}

@media (min-width:40em) {
    .t-sm-alignLeft {
        text-align: left !important
    }
    .t-sm-alignRight {
        text-align: right !important
    }
    .t-sm-alignCenter {
        text-align: center !important
    }
    .t-sm-alignJustify {
        text-align: justify !important
    }
    .t-sm-alignTop {
        vertical-align: top !important
    }
    .t-sm-alignMiddle {
        vertical-align: middle !important
    }
    .t-sm-alignBottom {
        vertical-align: bottom !important
    }
    .t-sm-alignBaseline {
        vertical-align: baseline !important
    }
    .t-sm-alignTextTop {
        vertical-align: text-top !important
    }
    .t-sm-alignTextBottom {
        vertical-align: text-bottom !important
    }
}

@media (min-width:64em) {
    .t-md-alignLeft {
        text-align: left !important
    }
    .t-md-alignRight {
        text-align: right !important
    }
    .t-md-alignCenter {
        text-align: center !important
    }
    .t-md-alignJustify {
        text-align: justify !important
    }
    .t-md-alignTop {
        vertical-align: top !important
    }
    .t-md-alignMiddle {
        vertical-align: middle !important
    }
    .t-md-alignBottom {
        vertical-align: bottom !important
    }
    .t-md-alignBaseline {
        vertical-align: baseline !important
    }
    .t-md-alignTextTop {
        vertical-align: text-top !important
    }
    .t-md-alignTextBottom {
        vertical-align: text-bottom !important
    }
}

@media (min-width:75em) {
    .t-lg-alignLeft {
        text-align: left !important
    }
    .t-lg-alignRight {
        text-align: right !important
    }
    .t-lg-alignCenter {
        text-align: center !important
    }
    .t-lg-alignJustify {
        text-align: justify !important
    }
    .t-lg-alignTop {
        vertical-align: top !important
    }
    .t-lg-alignMiddle {
        vertical-align: middle !important
    }
    .t-lg-alignBottom {
        vertical-align: bottom !important
    }
    .t-lg-alignBaseline {
        vertical-align: baseline !important
    }
    .t-lg-alignTextTop {
        vertical-align: text-top !important
    }
    .t-lg-alignTextBottom {
        vertical-align: text-bottom !important
    }
}

.t-clear:before,
.t-clear:after {
    content: " ";
    display: table
}

.t-clear:after {
    clear: both
}

.t-none {
    display: none !important
}

.t-block {
    display: block !important
}

.t-inlineBlock {
    display: inline-block !important
}

.t-inline {
    display: inline !important
}

.t-table {
    display: table !important
}

.t-tableCell {
    display: table-cell !important
}

@media (min-width:40em) {
    .t-sm-none {
        display: none !important
    }
    .t-sm-block {
        display: block !important
    }
    .t-sm-inlineBlock {
        display: inline-block !important
    }
    .t-sm-inline {
        display: inline !important
    }
    .t-sm-table {
        display: table !important
    }
    .t-sm-tableCell {
        display: table-cell !important
    }
}

@media (min-width:64em) {
    .t-md-none {
        display: none !important
    }
    .t-md-block {
        display: block !important
    }
    .t-md-inlineBlock {
        display: inline-block !important
    }
    .t-md-inline {
        display: inline !important
    }
    .t-md-table {
        display: table !important
    }
    .t-md-tableCell {
        display: table-cell !important
    }
}

@media (min-width:75em) {
    .t-lg-none {
        display: none !important
    }
    .t-lg-block {
        display: block !important
    }
    .t-lg-inlineBlock {
        display: inline-block !important
    }
    .t-lg-inline {
        display: inline !important
    }
    .t-lg-table {
        display: table !important
    }
    .t-lg-tableCell {
        display: table-cell !important
    }
}

.t-gutter {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.t-gutterReset {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
}

@media (min-width:40em) {
    .t-sm-gutter {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .t-sm-gutterReset {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important
    }
}

@media (min-width:64em) {
    .t-md-gutter {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .t-md-gutterReset {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important
    }
}

@media (min-width:75em) {
    .t-lg-gutter {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .t-lg-gutterReset {
        margin-left: -.75rem !important;
        margin-right: -.75rem !important
    }
}

.t-pullRight {
    float: right !important
}

.t-pullLeft {
    float: left !important
}

.t-pullNone {
    float: none !important
}

.t-static {
    position: static !important
}

.t-absolute {
    position: absolute !important
}

.t-fixed {
    position: fixed !important
}

.t-relative {
    position: relative !important
}

.t-center {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important
}

@media (min-width:40em) {
    .t-sm-pullRight {
        float: right !important
    }
    .t-sm-pullLeft {
        float: left !important
    }
    .t-sm-pullNone {
        float: none !important
    }
    .t-sm-static {
        position: static !important
    }
    .t-sm-absolute {
        position: absolute !important
    }
    .t-sm-fixed {
        position: fixed !important
    }
    .t-sm-relative {
        position: relative !important
    }
    .t-sm-center {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media (min-width:64em) {
    .t-md-pullRight {
        float: right !important
    }
    .t-md-pullLeft {
        float: left !important
    }
    .t-md-pullNone {
        float: none !important
    }
    .t-md-static {
        position: static !important
    }
    .t-md-absolute {
        position: absolute !important
    }
    .t-md-fixed {
        position: fixed !important
    }
    .t-md-relative {
        position: relative !important
    }
    .t-md-center {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media (min-width:75em) {
    .t-lg-pullRight {
        float: right !important
    }
    .t-lg-pullLeft {
        float: left !important
    }
    .t-lg-pullNone {
        float: none !important
    }
    .t-lg-static {
        position: static !important
    }
    .t-lg-absolute {
        position: absolute !important
    }
    .t-lg-fixed {
        position: fixed !important
    }
    .t-lg-relative {
        position: relative !important
    }
    .t-lg-center {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

.t-overflowScroll {
    overflow: scroll !important
}

.t-overflow {
    overflow: auto !important
}

.t-overflowHidden {
    overflow: hidden !important
}

.t-overflowX {
    overflow-x: auto !important;
    overflow-y: hidden !important
}

.t-overflowY {
    overflow-x: hidden !important;
    overflow-y: auto !important
}

@media (min-width:40em) {
    .t-sm-overflowScroll {
        overflow: scroll !important
    }
    .t-sm-overflow {
        overflow: auto !important
    }
    .t-sm-overflowHidden {
        overflow: hidden !important
    }
    .t-sm-overflowX {
        overflow-x: auto !important;
        overflow-y: hidden !important
    }
    .t-sm-overflowY {
        overflow-x: hidden !important;
        overflow-y: auto !important
    }
}

@media (min-width:64em) {
    .t-md-overflowScroll {
        overflow: scroll !important
    }
    .t-md-overflow {
        overflow: auto !important
    }
    .t-md-overflowHidden {
        overflow: hidden !important
    }
    .t-md-overflowX {
        overflow-x: auto !important;
        overflow-y: hidden !important
    }
    .t-md-overflowY {
        overflow-x: hidden !important;
        overflow-y: auto !important
    }
}

@media (min-width:75em) {
    .t-lg-overflowScroll {
        overflow: scroll !important
    }
    .t-lg-overflow {
        overflow: auto !important
    }
    .t-lg-overflowHidden {
        overflow: hidden !important
    }
    .t-lg-overflowX {
        overflow-x: auto !important;
        overflow-y: hidden !important
    }
    .t-lg-overflowY {
        overflow-x: hidden !important;
        overflow-y: auto !important
    }
}

.t-ma0 {
    margin: 0 !important
}

.t-maMi {
    margin: .25rem !important
}

.t-maTn {
    margin: .5rem !important
}

.t-maXs {
    margin: .75rem !important
}

.t-maSm {
    margin: 1rem !important
}

.t-maMd {
    margin: 1.5rem !important
}

.t-maLg {
    margin: 2rem !important
}

.t-maXl {
    margin: 3rem !important
}

.t-maHg {
    margin: 4rem !important
}

.t-maGt {
    margin: 5rem !important
}

.t-mt0 {
    margin-top: 0 !important
}

.t-mtMi {
    margin-top: .25rem !important
}

.t-mtTn {
    margin-top: .5rem !important
}

.t-mtXs {
    margin-top: .75rem !important
}

.t-mtSm {
    margin-top: 1rem !important
}

.t-mtMd {
    margin-top: 1.5rem !important
}

.t-mtLg {
    margin-top: 2rem !important
}

.t-mtXl {
    margin-top: 3rem !important
}

.t-mtHg {
    margin-top: 4rem !important
}

.t-mtGt {
    margin-top: 5rem !important
}

.t-mb0 {
    margin-bottom: 0 !important
}

.t-mbMi {
    margin-bottom: .25rem !important
}

.t-mbTn {
    margin-bottom: .5rem !important
}

.t-mbXs {
    margin-bottom: .75rem !important
}

.t-mbSm {
    margin-bottom: 1rem !important
}

.t-mbMd {
    margin-bottom: 1.5rem !important
}

.t-mbLg {
    margin-bottom: 2rem !important
}

.t-mbXl {
    margin-bottom: 3rem !important
}

.t-mbHg {
    margin-bottom: 4rem !important
}

.t-mbGt {
    margin-bottom: 5rem !important
}

.t-pa0 {
    padding: 0 !important
}

.t-paMi {
    padding: .25rem !important
}

.t-paTn {
    padding: .5rem !important
}

.t-paXs {
    padding: .75rem !important
}

.t-paSm {
    padding: 1rem !important
}

.t-paMd {
    padding: 1.5rem !important
}

.t-paLg {
    padding: 2rem !important
}

.t-paXl {
    padding: 3rem !important
}

.t-paHg {
    padding: 4rem !important
}

.t-paGt {
    padding: 5rem !important
}

.t-pt0 {
    padding-top: 0 !important
}

.t-ptMi {
    padding-top: .25rem !important
}

.t-ptTn {
    padding-top: .5rem !important
}

.t-ptXs {
    padding-top: .75rem !important
}

.t-ptSm {
    padding-top: 1rem !important
}

.t-ptMd {
    padding-top: 1.5rem !important
}

.t-ptLg {
    padding-top: 2rem !important
}

.t-ptXl {
    padding-top: 3rem !important
}

.t-ptHg {
    padding-top: 4rem !important
}

.t-ptGt {
    padding-top: 5rem !important
}

.t-pb0 {
    padding-bottom: 0 !important
}

.t-pbMi {
    padding-bottom: .25rem !important
}

.t-pbTn {
    padding-bottom: .5rem !important
}

.t-pbXs {
    padding-bottom: .75rem !important
}

.t-pbSm {
    padding-bottom: 1rem !important
}

.t-pbMd {
    padding-bottom: 1.5rem !important
}

.t-pbLg {
    padding-bottom: 2rem !important
}

.t-pbXl {
    padding-bottom: 3rem !important
}

.t-pbHg {
    padding-bottom: 4rem !important
}

.t-pbGt {
    padding-bottom: 5rem !important
}

@media (min-width:40em) {
    .t-sm-ma0 {
        margin: 0 !important
    }
    .t-sm-maMi {
        margin: .25rem !important
    }
    .t-sm-maTn {
        margin: .5rem !important
    }
    .t-sm-maXs {
        margin: .75rem !important
    }
    .t-sm-maSm {
        margin: 1rem !important
    }
    .t-sm-maMd {
        margin: 1.5rem !important
    }
    .t-sm-maLg {
        margin: 2rem !important
    }
    .t-sm-maXl {
        margin: 3rem !important
    }
    .t-sm-maHg {
        margin: 4rem !important
    }
    .t-sm-maGt {
        margin: 5rem !important
    }
    .t-sm-mt0 {
        margin-top: 0 !important
    }
    .t-sm-mtMi {
        margin-top: .25rem !important
    }
    .t-sm-mtTn {
        margin-top: .5rem !important
    }
    .t-sm-mtXs {
        margin-top: .75rem !important
    }
    .t-sm-mtSm {
        margin-top: 1rem !important
    }
    .t-sm-mtMd {
        margin-top: 1.5rem !important
    }
    .t-sm-mtLg {
        margin-top: 2rem !important
    }
    .t-sm-mtXl {
        margin-top: 3rem !important
    }
    .t-sm-mtHg {
        margin-top: 4rem !important
    }
    .t-sm-mtGt {
        margin-top: 5rem !important
    }
    .t-sm-mb0 {
        margin-bottom: 0 !important
    }
    .t-sm-mbMi {
        margin-bottom: .25rem !important
    }
    .t-sm-mbTn {
        margin-bottom: .5rem !important
    }
    .t-sm-mbXs {
        margin-bottom: .75rem !important
    }
    .t-sm-mbSm {
        margin-bottom: 1rem !important
    }
    .t-sm-mbMd {
        margin-bottom: 1.5rem !important
    }
    .t-sm-mbLg {
        margin-bottom: 2rem !important
    }
    .t-sm-mbXl {
        margin-bottom: 3rem !important
    }
    .t-sm-mbHg {
        margin-bottom: 4rem !important
    }
    .t-sm-mbGt {
        margin-bottom: 5rem !important
    }
    .t-sm-pa0 {
        padding: 0 !important
    }
    .t-sm-paMi {
        padding: .25rem !important
    }
    .t-sm-paTn {
        padding: .5rem !important
    }
    .t-sm-paXs {
        padding: .75rem !important
    }
    .t-sm-paSm {
        padding: 1rem !important
    }
    .t-sm-paMd {
        padding: 1.5rem !important
    }
    .t-sm-paLg {
        padding: 2rem !important
    }
    .t-sm-paXl {
        padding: 3rem !important
    }
    .t-sm-paHg {
        padding: 4rem !important
    }
    .t-sm-paGt {
        padding: 5rem !important
    }
    .t-sm-pt0 {
        padding-top: 0 !important
    }
    .t-sm-ptMi {
        padding-top: .25rem !important
    }
    .t-sm-ptTn {
        padding-top: .5rem !important
    }
    .t-sm-ptXs {
        padding-top: .75rem !important
    }
    .t-sm-ptSm {
        padding-top: 1rem !important
    }
    .t-sm-ptMd {
        padding-top: 1.5rem !important
    }
    .t-sm-ptLg {
        padding-top: 2rem !important
    }
    .t-sm-ptXl {
        padding-top: 3rem !important
    }
    .t-sm-ptHg {
        padding-top: 4rem !important
    }
    .t-sm-ptGt {
        padding-top: 5rem !important
    }
    .t-sm-pb0 {
        padding-bottom: 0 !important
    }
    .t-sm-pbMi {
        padding-bottom: .25rem !important
    }
    .t-sm-pbTn {
        padding-bottom: .5rem !important
    }
    .t-sm-pbXs {
        padding-bottom: .75rem !important
    }
    .t-sm-pbSm {
        padding-bottom: 1rem !important
    }
    .t-sm-pbMd {
        padding-bottom: 1.5rem !important
    }
    .t-sm-pbLg {
        padding-bottom: 2rem !important
    }
    .t-sm-pbXl {
        padding-bottom: 3rem !important
    }
    .t-sm-pbHg {
        padding-bottom: 4rem !important
    }
    .t-sm-pbGt {
        padding-bottom: 5rem !important
    }
}

@media (min-width:64em) {
    .t-md-ma0 {
        margin: 0 !important
    }
    .t-md-maMi {
        margin: .25rem !important
    }
    .t-md-maTn {
        margin: .5rem !important
    }
    .t-md-maXs {
        margin: .75rem !important
    }
    .t-md-maSm {
        margin: 1rem !important
    }
    .t-md-maMd {
        margin: 1.5rem !important
    }
    .t-md-maLg {
        margin: 2rem !important
    }
    .t-md-maXl {
        margin: 3rem !important
    }
    .t-md-maHg {
        margin: 4rem !important
    }
    .t-md-maGt {
        margin: 5rem !important
    }
    .t-md-mt0 {
        margin-top: 0 !important
    }
    .t-md-mtMi {
        margin-top: .25rem !important
    }
    .t-md-mtTn {
        margin-top: .5rem !important
    }
    .t-md-mtXs {
        margin-top: .75rem !important
    }
    .t-md-mtSm {
        margin-top: 1rem !important
    }
    .t-md-mtMd {
        margin-top: 1.5rem !important
    }
    .t-md-mtLg {
        margin-top: 2rem !important
    }
    .t-md-mtXl {
        margin-top: 3rem !important
    }
    .t-md-mtHg {
        margin-top: 4rem !important
    }
    .t-md-mtGt {
        margin-top: 5rem !important
    }
    .t-md-mb0 {
        margin-bottom: 0 !important
    }
    .t-md-mbMi {
        margin-bottom: .25rem !important
    }
    .t-md-mbTn {
        margin-bottom: .5rem !important
    }
    .t-md-mbXs {
        margin-bottom: .75rem !important
    }
    .t-md-mbSm {
        margin-bottom: 1rem !important
    }
    .t-md-mbMd {
        margin-bottom: 1.5rem !important
    }
    .t-md-mbLg {
        margin-bottom: 2rem !important
    }
    .t-md-mbXl {
        margin-bottom: 3rem !important
    }
    .t-md-mbHg {
        margin-bottom: 4rem !important
    }
    .t-md-mbGt {
        margin-bottom: 5rem !important
    }
    .t-md-pa0 {
        padding: 0 !important
    }
    .t-md-paMi {
        padding: .25rem !important
    }
    .t-md-paTn {
        padding: .5rem !important
    }
    .t-md-paXs {
        padding: .75rem !important
    }
    .t-md-paSm {
        padding: 1rem !important
    }
    .t-md-paMd {
        padding: 1.5rem !important
    }
    .t-md-paLg {
        padding: 2rem !important
    }
    .t-md-paXl {
        padding: 3rem !important
    }
    .t-md-paHg {
        padding: 4rem !important
    }
    .t-md-paGt {
        padding: 5rem !important
    }
    .t-md-pt0 {
        padding-top: 0 !important
    }
    .t-md-ptMi {
        padding-top: .25rem !important
    }
    .t-md-ptTn {
        padding-top: .5rem !important
    }
    .t-md-ptXs {
        padding-top: .75rem !important
    }
    .t-md-ptSm {
        padding-top: 1rem !important
    }
    .t-md-ptMd {
        padding-top: 1.5rem !important
    }
    .t-md-ptLg {
        padding-top: 2rem !important
    }
    .t-md-ptXl {
        padding-top: 3rem !important
    }
    .t-md-ptHg {
        padding-top: 4rem !important
    }
    .t-md-ptGt {
        padding-top: 5rem !important
    }
    .t-md-pb0 {
        padding-bottom: 0 !important
    }
    .t-md-pbMi {
        padding-bottom: .25rem !important
    }
    .t-md-pbTn {
        padding-bottom: .5rem !important
    }
    .t-md-pbXs {
        padding-bottom: .75rem !important
    }
    .t-md-pbSm {
        padding-bottom: 1rem !important
    }
    .t-md-pbMd {
        padding-bottom: 1.5rem !important
    }
    .t-md-pbLg {
        padding-bottom: 2rem !important
    }
    .t-md-pbXl {
        padding-bottom: 3rem !important
    }
    .t-md-pbHg {
        padding-bottom: 4rem !important
    }
    .t-md-pbGt {
        padding-bottom: 5rem !important
    }
}

@media (min-width:75em) {
    .t-lg-ma0 {
        margin: 0 !important
    }
    .t-lg-maMi {
        margin: .25rem !important
    }
    .t-lg-maTn {
        margin: .5rem !important
    }
    .t-lg-maXs {
        margin: .75rem !important
    }
    .t-lg-maSm {
        margin: 1rem !important
    }
    .t-lg-maMd {
        margin: 1.5rem !important
    }
    .t-lg-maLg {
        margin: 2rem !important
    }
    .t-lg-maXl {
        margin: 3rem !important
    }
    .t-lg-maHg {
        margin: 4rem !important
    }
    .t-lg-maGt {
        margin: 5rem !important
    }
    .t-lg-mt0 {
        margin-top: 0 !important
    }
    .t-lg-mtMi {
        margin-top: .25rem !important
    }
    .t-lg-mtTn {
        margin-top: .5rem !important
    }
    .t-lg-mtXs {
        margin-top: .75rem !important
    }
    .t-lg-mtSm {
        margin-top: 1rem !important
    }
    .t-lg-mtMd {
        margin-top: 1.5rem !important
    }
    .t-lg-mtLg {
        margin-top: 2rem !important
    }
    .t-lg-mtXl {
        margin-top: 3rem !important
    }
    .t-lg-mtHg {
        margin-top: 4rem !important
    }
    .t-lg-mtGt {
        margin-top: 5rem !important
    }
    .t-lg-mb0 {
        margin-bottom: 0 !important
    }
    .t-lg-mbMi {
        margin-bottom: .25rem !important
    }
    .t-lg-mbTn {
        margin-bottom: .5rem !important
    }
    .t-lg-mbXs {
        margin-bottom: .75rem !important
    }
    .t-lg-mbSm {
        margin-bottom: 1rem !important
    }
    .t-lg-mbMd {
        margin-bottom: 1.5rem !important
    }
    .t-lg-mbLg {
        margin-bottom: 2rem !important
    }
    .t-lg-mbXl {
        margin-bottom: 3rem !important
    }
    .t-lg-mbHg {
        margin-bottom: 4rem !important
    }
    .t-lg-mbGt {
        margin-bottom: 5rem !important
    }
    .t-lg-pa0 {
        padding: 0 !important
    }
    .t-lg-paMi {
        padding: .25rem !important
    }
    .t-lg-paTn {
        padding: .5rem !important
    }
    .t-lg-paXs {
        padding: .75rem !important
    }
    .t-lg-paSm {
        padding: 1rem !important
    }
    .t-lg-paMd {
        padding: 1.5rem !important
    }
    .t-lg-paLg {
        padding: 2rem !important
    }
    .t-lg-paXl {
        padding: 3rem !important
    }
    .t-lg-paHg {
        padding: 4rem !important
    }
    .t-lg-paGt {
        padding: 5rem !important
    }
    .t-lg-pt0 {
        padding-top: 0 !important
    }
    .t-lg-ptMi {
        padding-top: .25rem !important
    }
    .t-lg-ptTn {
        padding-top: .5rem !important
    }
    .t-lg-ptXs {
        padding-top: .75rem !important
    }
    .t-lg-ptSm {
        padding-top: 1rem !important
    }
    .t-lg-ptMd {
        padding-top: 1.5rem !important
    }
    .t-lg-ptLg {
        padding-top: 2rem !important
    }
    .t-lg-ptXl {
        padding-top: 3rem !important
    }
    .t-lg-ptHg {
        padding-top: 4rem !important
    }
    .t-lg-ptGt {
        padding-top: 5rem !important
    }
    .t-lg-pb0 {
        padding-bottom: 0 !important
    }
    .t-lg-pbMi {
        padding-bottom: .25rem !important
    }
    .t-lg-pbTn {
        padding-bottom: .5rem !important
    }
    .t-lg-pbXs {
        padding-bottom: .75rem !important
    }
    .t-lg-pbSm {
        padding-bottom: 1rem !important
    }
    .t-lg-pbMd {
        padding-bottom: 1.5rem !important
    }
    .t-lg-pbLg {
        padding-bottom: 2rem !important
    }
    .t-lg-pbXl {
        padding-bottom: 3rem !important
    }
    .t-lg-pbHg {
        padding-bottom: 4rem !important
    }
    .t-lg-pbGt {
        padding-bottom: 5rem !important
    }
}

.t-normal {
    font-weight: 400 !important
}

.t-bold {
    font-weight: 700 !important
}

.t-italic {
    font-style: italic !important
}

.t-lowercase {
    text-transform: lowercase !important
}

.t-uppercase {
    text-transform: uppercase !important
}

.t-capitalize {
    text-transform: capitalize !important
}

.t-nowrap {
    white-space: nowrap !important
}

.t-pre {
    white-space: pre !important
}

.t-enSans {
    font-family: "Avenir Next", "Helvetica Neue", sans-serif !important
}

.t-enSerif {
    font-family: Baskerville, Cambria, serif !important
}

.t-enMonospace {
    font-family: Menlo, Consolas, monospace !important
}

.t-jaSans {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important
}

.t-jaSerif {
    font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif !important
}

.t-jaMonospace {
    font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace !important
}

.t-width1of10 {
    width: 10% !important
}

.t-width1of9 {
    width: 11.11111% !important
}

.t-width1of8 {
    width: 12.5% !important
}

.t-width1of7 {
    width: 14.28571% !important
}

.t-width1of6 {
    width: 16.66667% !important
}

.t-width1of5,
.t-width2of10 {
    width: 20% !important
}

.t-width2of9 {
    width: 22.22222% !important
}

.t-width1of4,
.t-width2of8 {
    width: 25% !important
}

.t-width2of7 {
    width: 28.57143% !important
}

.t-width3of10 {
    width: 30% !important
}

.t-width1of3,
.t-width2of6,
.t-width3of9 {
    width: 33.33333% !important
}

.t-width3of8 {
    width: 37.5% !important
}

.t-width2of5,
.t-width4of10 {
    width: 40% !important
}

.t-width3of7 {
    width: 42.85714% !important
}

.t-width4of9 {
    width: 44.44444% !important
}

.t-widthHalf,
.t-width2of4,
.t-width3of6,
.t-width4of8,
.t-width5of10 {
    width: 50% !important
}

.t-width5of9 {
    width: 55.55556% !important
}

.t-width4of7 {
    width: 57.14286% !important
}

.t-width3of5,
.t-width6of10 {
    width: 60% !important
}

.t-width5of8 {
    width: 62.5% !important
}

.t-width2of3,
.t-width4of6,
.t-width6of9 {
    width: 66.66667% !important
}

.t-width7of10 {
    width: 70% !important
}

.t-width5of7 {
    width: 71.42857% !important
}

.t-width3of4,
.t-width6of8 {
    width: 75% !important
}

.t-width7of9 {
    width: 77.77778% !important
}

.t-width4of5,
.t-width8of10 {
    width: 80% !important
}

.t-width5of6 {
    width: 83.33333% !important
}

.t-width6of7 {
    width: 85.71429% !important
}

.t-width7of8 {
    width: 87.5% !important
}

.t-width8of9 {
    width: 88.88889% !important
}

.t-width9of10 {
    width: 90% !important
}

.t-widthFull {
    width: 100% !important
}

@media (min-width:40em) {
    .t-sm-width1of10 {
        width: 10% !important
    }
    .t-sm-width1of9 {
        width: 11.11111% !important
    }
    .t-sm-width1of8 {
        width: 12.5% !important
    }
    .t-sm-width1of7 {
        width: 14.28571% !important
    }
    .t-sm-width1of6 {
        width: 16.66667% !important
    }
    .t-sm-width1of5,
    .t-sm-width2of10 {
        width: 20% !important
    }
    .t-sm-width2of9 {
        width: 22.22222% !important
    }
    .t-sm-width1of4,
    .t-sm-width2of8 {
        width: 25% !important
    }
    .t-sm-width2of7 {
        width: 28.57143% !important
    }
    .t-sm-width3of10 {
        width: 30% !important
    }
    .t-sm-width1of3,
    .t-sm-width2of6,
    .t-sm-width3of9 {
        width: 33.33333% !important
    }
    .t-sm-width3of8 {
        width: 37.5% !important
    }
    .t-sm-width2of5,
    .t-sm-width4of10 {
        width: 40% !important
    }
    .t-sm-width3of7 {
        width: 42.85714% !important
    }
    .t-sm-width4of9 {
        width: 44.44444% !important
    }
    .t-sm-widthHalf,
    .t-sm-width2of4,
    .t-sm-width3of6,
    .t-sm-width4of8,
    .t-sm-width5of10 {
        width: 50% !important
    }
    .t-sm-width5of9 {
        width: 55.55556% !important
    }
    .t-sm-width4of7 {
        width: 57.14286% !important
    }
    .t-sm-width3of5,
    .t-sm-width6of10 {
        width: 60% !important
    }
    .t-sm-width5of8 {
        width: 62.5% !important
    }
    .t-sm-width2of3,
    .t-sm-width4of6,
    .t-sm-width6of9 {
        width: 66.66667% !important
    }
    .t-sm-width7of10 {
        width: 70% !important
    }
    .t-sm-width5of7 {
        width: 71.42857% !important
    }
    .t-sm-width3of4,
    .t-sm-width6of8 {
        width: 75% !important
    }
    .t-sm-width7of9 {
        width: 77.77778% !important
    }
    .t-sm-width4of5,
    .t-sm-width8of10 {
        width: 80% !important
    }
    .t-sm-width5of6 {
        width: 83.33333% !important
    }
    .t-sm-width6of7 {
        width: 85.71429% !important
    }
    .t-sm-width7of8 {
        width: 87.5% !important
    }
    .t-sm-width8of9 {
        width: 88.88889% !important
    }
    .t-sm-width9of10 {
        width: 90% !important
    }
    .t-sm-widthFull {
        width: 100% !important
    }
}

@media (min-width:64em) {
    .t-md-width1of10 {
        width: 10% !important
    }
    .t-md-width1of9 {
        width: 11.11111% !important
    }
    .t-md-width1of8 {
        width: 12.5% !important
    }
    .t-md-width1of7 {
        width: 14.28571% !important
    }
    .t-md-width1of6 {
        width: 16.66667% !important
    }
    .t-md-width1of5,
    .t-md-width2of10 {
        width: 20% !important
    }
    .t-md-width2of9 {
        width: 22.22222% !important
    }
    .t-md-width1of4,
    .t-md-width2of8 {
        width: 25% !important
    }
    .t-md-width2of7 {
        width: 28.57143% !important
    }
    .t-md-width3of10 {
        width: 30% !important
    }
    .t-md-width1of3,
    .t-md-width2of6,
    .t-md-width3of9 {
        width: 33.33333% !important
    }
    .t-md-width3of8 {
        width: 37.5% !important
    }
    .t-md-width2of5,
    .t-md-width4of10 {
        width: 40% !important
    }
    .t-md-width3of7 {
        width: 42.85714% !important
    }
    .t-md-width4of9 {
        width: 44.44444% !important
    }
    .t-md-widthHalf,
    .t-md-width2of4,
    .t-md-width3of6,
    .t-md-width4of8,
    .t-md-width5of10 {
        width: 50% !important
    }
    .t-md-width5of9 {
        width: 55.55556% !important
    }
    .t-md-width4of7 {
        width: 57.14286% !important
    }
    .t-md-width3of5,
    .t-md-width6of10 {
        width: 60% !important
    }
    .t-md-width5of8 {
        width: 62.5% !important
    }
    .t-md-width2of3,
    .t-md-width4of6,
    .t-md-width6of9 {
        width: 66.66667% !important
    }
    .t-md-width7of10 {
        width: 70% !important
    }
    .t-md-width5of7 {
        width: 71.42857% !important
    }
    .t-md-width3of4,
    .t-md-width6of8 {
        width: 75% !important
    }
    .t-md-width7of9 {
        width: 77.77778% !important
    }
    .t-md-width4of5,
    .t-md-width8of10 {
        width: 80% !important
    }
    .t-md-width5of6 {
        width: 83.33333% !important
    }
    .t-md-width6of7 {
        width: 85.71429% !important
    }
    .t-md-width7of8 {
        width: 87.5% !important
    }
    .t-md-width8of9 {
        width: 88.88889% !important
    }
    .t-md-width9of10 {
        width: 90% !important
    }
    .t-md-widthFull {
        width: 100% !important
    }
}

@media (min-width:75em) {
    .t-lg-width1of10 {
        width: 10% !important
    }
    .t-lg-width1of9 {
        width: 11.11111% !important
    }
    .t-lg-width1of8 {
        width: 12.5% !important
    }
    .t-lg-width1of7 {
        width: 14.28571% !important
    }
    .t-lg-width1of6 {
        width: 16.66667% !important
    }
    .t-lg-width1of5,
    .t-lg-width2of10 {
        width: 20% !important
    }
    .t-lg-width2of9 {
        width: 22.22222% !important
    }
    .t-lg-width1of4,
    .t-lg-width2of8 {
        width: 25% !important
    }
    .t-lg-width2of7 {
        width: 28.57143% !important
    }
    .t-lg-width3of10 {
        width: 30% !important
    }
    .t-lg-width1of3,
    .t-lg-width2of6,
    .t-lg-width3of9 {
        width: 33.33333% !important
    }
    .t-lg-width3of8 {
        width: 37.5% !important
    }
    .t-lg-width2of5,
    .t-lg-width4of10 {
        width: 40% !important
    }
    .t-lg-width3of7 {
        width: 42.85714% !important
    }
    .t-lg-width4of9 {
        width: 44.44444% !important
    }
    .t-lg-widthHalf,
    .t-lg-width2of4,
    .t-lg-width3of6,
    .t-lg-width4of8,
    .t-lg-width5of10 {
        width: 50% !important
    }
    .t-lg-width5of9 {
        width: 55.55556% !important
    }
    .t-lg-width4of7 {
        width: 57.14286% !important
    }
    .t-lg-width3of5,
    .t-lg-width6of10 {
        width: 60% !important
    }
    .t-lg-width5of8 {
        width: 62.5% !important
    }
    .t-lg-width2of3,
    .t-lg-width4of6,
    .t-lg-width6of9 {
        width: 66.66667% !important
    }
    .t-lg-width7of10 {
        width: 70% !important
    }
    .t-lg-width5of7 {
        width: 71.42857% !important
    }
    .t-lg-width3of4,
    .t-lg-width6of8 {
        width: 75% !important
    }
    .t-lg-width7of9 {
        width: 77.77778% !important
    }
    .t-lg-width4of5,
    .t-lg-width8of10 {
        width: 80% !important
    }
    .t-lg-width5of6 {
        width: 83.33333% !important
    }
    .t-lg-width6of7 {
        width: 85.71429% !important
    }
    .t-lg-width7of8 {
        width: 87.5% !important
    }
    .t-lg-width8of9 {
        width: 88.88889% !important
    }
    .t-lg-width9of10 {
        width: 90% !important
    }
    .t-lg-widthFull {
        width: 100% !important
    }
}

.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd
}

.animsition-loading,
.animsition-loading:after {
    width: 32px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    z-index: 100
}

.animsition-loading {
    background-color: transparent;
    border-top: 5px solid rgba(0, 0, 0, .2);
    border-right: 5px solid rgba(0, 0, 0, .2);
    border-bottom: 5px solid rgba(0, 0, 0, .2);
    border-left: 5px solid #eee;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: animsition-loading;
    animation-name: animsition-loading
}

@-webkit-keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

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

@keyframes fade-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out
}

@-webkit-keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up
}

@-webkit-keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

@keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

.fade-out-up {
    -webkit-animation-name: fade-out-up;
    animation-name: fade-out-up
}

@-webkit-keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-sm {
    -webkit-animation-name: fade-in-up-sm;
    animation-name: fade-in-up-sm
}

@-webkit-keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

.fade-out-up-sm {
    -webkit-animation-name: fade-out-up-sm;
    animation-name: fade-out-up-sm
}

@-webkit-keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-lg {
    -webkit-animation-name: fade-in-up-lg;
    animation-name: fade-in-up-lg
}

@-webkit-keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

@keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

.fade-out-up-lg {
    -webkit-animation-name: fade-out-up-lg;
    animation-name: fade-out-up-lg
}

@-webkit-keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

@keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

.fade-out-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down
}

@-webkit-keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down-sm {
    -webkit-animation-name: fade-in-down-sm;
    animation-name: fade-in-down-sm
}

@-webkit-keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

.fade-out-down-sm {
    -webkit-animation-name: fade-out-down-sm;
    animation-name: fade-out-down-sm
}

@-webkit-keyframes fade-in-down-lg {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-lg {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down-lg {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

@keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

.fade-out-down-lg {
    -webkit-animation-name: fade-out-down-lg;
    animation-name: fade-out-down-lg
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left
}

@-webkit-keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

@keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

.fade-out-left {
    -webkit-animation-name: fade-out-left;
    animation-name: fade-out-left
}

@-webkit-keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-sm {
    -webkit-animation-name: fade-in-left-sm;
    animation-name: fade-in-left-sm
}

@-webkit-keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

@keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

.fade-out-left-sm {
    -webkit-animation-name: fade-out-left-sm;
    animation-name: fade-out-left-sm
}

@-webkit-keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-lg {
    -webkit-animation-name: fade-in-left-lg;
    animation-name: fade-in-left-lg
}

@-webkit-keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

@keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

.fade-out-left-lg {
    -webkit-animation-name: fade-out-left-lg;
    animation-name: fade-out-left-lg
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right
}

@-webkit-keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

@keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

.fade-out-right {
    -webkit-animation-name: fade-out-right;
    animation-name: fade-out-right
}

@-webkit-keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-sm {
    -webkit-animation-name: fade-in-right-sm;
    animation-name: fade-in-right-sm
}

@-webkit-keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

@keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

.fade-out-right-sm {
    -webkit-animation-name: fade-out-right-sm;
    animation-name: fade-out-right-sm
}

@-webkit-keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-lg {
    -webkit-animation-name: fade-in-right-lg;
    animation-name: fade-in-right-lg
}

@-webkit-keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

@keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

.fade-out-right-lg {
    -webkit-animation-name: fade-out-right-lg;
    animation-name: fade-out-right-lg
}

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

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

.rotate-in {
    -webkit-animation-name: rotate-in;
    animation-name: rotate-in
}

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

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

.rotate-out {
    -webkit-animation-name: rotate-out;
    animation-name: rotate-out
}

@-webkit-keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotate-in-sm {
    -webkit-animation-name: rotate-in-sm;
    animation-name: rotate-in-sm
}

@-webkit-keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotate-out-sm {
    -webkit-animation-name: rotate-out-sm;
    animation-name: rotate-out-sm
}

@-webkit-keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotate-in-lg {
    -webkit-animation-name: rotate-in-lg;
    animation-name: rotate-in-lg
}

@-webkit-keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0
    }
}

@keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%,
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0
    }
}

.rotate-out-lg {
    -webkit-animation-name: rotate-out-lg;
    animation-name: rotate-out-lg
}

@-webkit-keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px)rotateX(90deg);
        transform: perspective(550px)rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(550px)rotateX(0);
        transform: perspective(550px)rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px)rotateX(90deg);
        transform: perspective(550px)rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(550px)rotateX(0);
        transform: perspective(550px)rotateX(0);
        opacity: 1
    }
}

.flip-in-x {
    -webkit-animation-name: flip-in-x;
    animation-name: flip-in-x;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px)rotateX(0);
        transform: perspective(550px)rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(550px)rotateX(90deg);
        transform: perspective(550px)rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px)rotateX(0);
        transform: perspective(550px)rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(550px)rotateX(90deg);
        transform: perspective(550px)rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x {
    -webkit-animation-name: flip-out-x;
    animation-name: flip-out-x;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px)rotateX(90deg);
        transform: perspective(100px)rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(100px)rotateX(0);
        transform: perspective(100px)rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px)rotateX(90deg);
        transform: perspective(100px)rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(100px)rotateX(0);
        transform: perspective(100px)rotateX(0);
        opacity: 1
    }
}

.flip-in-x-nr {
    -webkit-animation-name: flip-in-x-nr;
    animation-name: flip-in-x-nr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px)rotateX(0);
        transform: perspective(100px)rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(100px)rotateX(90deg);
        transform: perspective(100px)rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px)rotateX(0);
        transform: perspective(100px)rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(100px)rotateX(90deg);
        transform: perspective(100px)rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-nr {
    -webkit-animation-name: flip-out-x-nr;
    animation-name: flip-out-x-nr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateX(90deg);
        transform: perspective(1000px)rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(1000px)rotateX(0);
        transform: perspective(1000px)rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateX(90deg);
        transform: perspective(1000px)rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(1000px)rotateX(0);
        transform: perspective(1000px)rotateX(0);
        opacity: 1
    }
}

.flip-in-x-fr {
    -webkit-animation-name: flip-in-x-fr;
    animation-name: flip-in-x-fr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateX(0);
        transform: perspective(1000px)rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px)rotateX(90deg);
        transform: perspective(1000px)rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateX(0);
        transform: perspective(1000px)rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px)rotateX(90deg);
        transform: perspective(1000px)rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-fr {
    -webkit-animation-name: flip-out-x-fr;
    animation-name: flip-out-x-fr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px)rotateY(90deg);
        transform: perspective(550px)rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(550px)rotateY(0);
        transform: perspective(550px)rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px)rotateY(90deg);
        transform: perspective(550px)rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(550px)rotateY(0);
        transform: perspective(550px)rotateY(0);
        opacity: 1
    }
}

.flip-in-y {
    -webkit-animation-name: flip-in-y;
    animation-name: flip-in-y;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px)rotateY(0);
        transform: perspective(550px)rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(550px)rotateY(90deg);
        transform: perspective(550px)rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px)rotateY(0);
        transform: perspective(550px)rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(550px)rotateY(90deg);
        transform: perspective(550px)rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y {
    -webkit-animation-name: flip-out-y;
    animation-name: flip-out-y;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px)rotateY(90deg);
        transform: perspective(100px)rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(100px)rotateY(0);
        transform: perspective(100px)rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px)rotateY(90deg);
        transform: perspective(100px)rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(100px)rotateY(0);
        transform: perspective(100px)rotateY(0);
        opacity: 1
    }
}

.flip-in-y-nr {
    -webkit-animation-name: flip-in-y-nr;
    animation-name: flip-in-y-nr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px)rotateY(0);
        transform: perspective(100px)rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(100px)rotateY(90deg);
        transform: perspective(100px)rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px)rotateY(0);
        transform: perspective(100px)rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(100px)rotateY(90deg);
        transform: perspective(100px)rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-nr {
    -webkit-animation-name: flip-out-y-nr;
    animation-name: flip-out-y-nr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateY(90deg);
        transform: perspective(1000px)rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(1000px)rotateY(0);
        transform: perspective(1000px)rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateY(90deg);
        transform: perspective(1000px)rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(1000px)rotateY(0);
        transform: perspective(1000px)rotateY(0);
        opacity: 1
    }
}

.flip-in-y-fr {
    -webkit-animation-name: flip-in-y-fr;
    animation-name: flip-in-y-fr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateY(0);
        transform: perspective(1000px)rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px)rotateY(90deg);
        transform: perspective(1000px)rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px)rotateY(0);
        transform: perspective(1000px)rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px)rotateY(90deg);
        transform: perspective(1000px)rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-fr {
    -webkit-animation-name: flip-out-y-fr;
    animation-name: flip-out-y-fr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.zoom-in {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    50%,
    100% {
        opacity: 0
    }
}

@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    50%,
    100% {
        opacity: 0
    }
}

.zoom-out {
    -webkit-animation-name: zoom-out;
    animation-name: zoom-out
}

@-webkit-keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.zoom-in-sm {
    -webkit-animation-name: zoom-in-sm;
    animation-name: zoom-in-sm
}

@-webkit-keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%,
    100% {
        opacity: 0
    }
}

@keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%,
    100% {
        opacity: 0
    }
}

.zoom-out-sm {
    -webkit-animation-name: zoom-out-sm;
    animation-name: zoom-out-sm
}

@-webkit-keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.zoom-in-lg {
    -webkit-animation-name: zoom-in-lg;
    animation-name: zoom-in-lg
}

@-webkit-keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    50%,
    100% {
        opacity: 0
    }
}

@keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    50%,
    100% {
        opacity: 0
    }
}

.zoom-out-lg {
    -webkit-animation-name: zoom-out-lg;
    animation-name: zoom-out-lg
}

@-webkit-keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    100% {
        height: 0
    }
}

@keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    100% {
        height: 0
    }
}

.overlay-slide-in-top {
    top: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-top;
    animation-name: overlay-slide-in-top
}

@-webkit-keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

@keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

.overlay-slide-out-top {
    top: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-top;
    animation-name: overlay-slide-out-top
}

@-webkit-keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    100% {
        height: 0
    }
}

@keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    100% {
        height: 0
    }
}

.overlay-slide-in-bottom {
    bottom: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-bottom;
    animation-name: overlay-slide-in-bottom
}

@-webkit-keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

@keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

.overlay-slide-out-bottom {
    bottom: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-bottom;
    animation-name: overlay-slide-out-bottom
}

@-webkit-keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    100% {
        width: 0
    }
}

@keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    100% {
        width: 0
    }
}

.overlay-slide-in-left {
    width: 0;
    -webkit-animation-name: overlay-slide-in-left;
    animation-name: overlay-slide-in-left
}

@-webkit-keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.overlay-slide-out-left {
    left: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-left;
    animation-name: overlay-slide-out-left
}

@-webkit-keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    100% {
        width: 0
    }
}

@keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    100% {
        width: 0
    }
}

.overlay-slide-in-right {
    right: 0;
    width: 0;
    -webkit-animation-name: overlay-slide-in-right;
    animation-name: overlay-slide-in-right
}

@-webkit-keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.overlay-slide-out-right {
    right: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-right;
    animation-name: overlay-slide-out-right
}

html,
body {
    margin: 0;
    padding: 0
}

h1,
h2,
h3 {
    text-transform: uppercase;
    color: #607D8B
}

h1 a {
    text-decoration: none
}

hr {
    display: block;
    height: .1rem;
    margin: 2.4rem 0;
    padding: 0;
    border: 0;
    border-top: .1rem solid #ddd
}

.docs-Navbar {
    position: absolute;
    background: 0 0;
    width: 100%
}

.docs-Nav a {
    line-height: 50px;
    padding-right: 15px;
    text-decoration: none;
    color: #fff;
    outline: 0
}

.docs-Nav a:hover,
.docs-Nav a:focus {
    color: rgba(255, 255, 255, .5)
}

.docs-Nav-brand {
    text-transform: uppercase
}

.docs-Nav li {
    text-align: right
}

.docs-PageHead {
    padding-top: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DCDDDD;
    background-color: #607D8B
}

.docs-PageHead * {
    color: #fff
}

.docs-PageHead h1 {
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 5px
}

.docs-PageHead h2 {
    font-size: 1rem;
    margin: 0 auto 20px
}

.docs-PageHead a {
    text-decoration: none
}

.docs-PageHead .Button:hover {
    background-color: rgba(255, 255, 255, .2)
}

.docs-PageHead--home h1 {
    margin-top: 40px;
    letter-spacing: -.04em
}

@media (min-width:40em) {
    .docs-PageHead--home {
        padding-top: 80px;
        padding-bottom: 100px
    }
    .docs-PageHead--home h1 {
        margin-top: 40px;
        font-size: 4rem
    }
    .docs-PageHead h2 {
        font-size: 1.25rem
    }
}

.animsition-overlay-slide,
.animsition-overlay-wrapper.is-init {
    background-color: #B0BEC5
}

.docs-Label {
    display: inline-block;
    margin-bottom: .75rem;
    padding: .3em 1rem;
    vertical-align: baseline;
    white-space: nowrap;
    color: #607D8B;
    border-radius: 2px;
    background-color: #ECEFF1
}

.docs-Section {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd
}

.docs-Section:last-child {
    border-bottom: none
}

.docs-Footer {
    margin-top: 5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #ECEFF1
}

.docs-Footer * {
    text-transform: uppercase
}

.docs-Footer h4 {
    color: #607D8B
}

.docs-Footer p,
.docs-Footer li {
    font-size: .75rem
}

.icon-blivesta {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%09%3Cpath%20d%3D%22M8.773%2C0L4.781%2C3.991l3.993%2C3.991l-4.01%2C4.009L8.773%2C16H16V0H8.773z%20M12.398%2C13.703l-2.017-2.016l2.017-2.016l2.016%2C2.016%0A%09L12.398%2C13.703z%20M12.398%2C6.259l-2.017-2.016l2.017-2.016l2.016%2C2.016L12.398%2C6.259z%22/%3E%0A%3C/svg%3E");
    background-size: 16px
}

.icon-blivesta.icon-sm {
    width: 10px;
    height: 10px;
    background-size: 10px
}

.icon-blivesta.icon-lg {
    width: 24px;
    height: 24px;
    background-size: 24px
}

.icon-blivesta.icon-circle {
    border-radius: 50%
}

.icon-mark {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #B0BEC5
}

.icon-mark .oi {
    font-size: 54px
}

.Button {
    transition: all 200ms ease-out
}

.Button--pill {
    border-radius: 5rem
}

.Button--notice {
    background-color: transparent;
    border-color: #7bc1eb;
    color: #7bc1eb
}

.Button--notice:hover,
.Button--notice:focus,
.Button--notice:active,
.Button--notice.is-active {
    background-color: #7bc1eb;
    color: #fff;
    border-color: #7bc1eb
}

.Button--fill.Button--notice {
    background-color: #7bc1eb;
    color: #fff
}

.Button--fill.Button--notice:hover,
.Button--fill.Button--notice:focus,
.Button--fill.Button--notice:active,
.Button--fill.Button--notice.is-active {
    background-color: transparent;
    color: #7bc1eb
}

.Button--success {
    background-color: transparent;
    border-color: #15a780;
    color: #18be91
}

.Button--success:hover,
.Button--success:focus,
.Button--success:active,
.Button--success.is-active {
    background-color: #18be91;
    color: #fff;
    border-color: #15a780
}

.Button--fill.Button--success {
    background-color: #18be91;
    color: #fff
}

.Button--fill.Button--success:hover,
.Button--fill.Button--success:focus,
.Button--fill.Button--success:active,
.Button--fill.Button--success.is-active {
    background-color: transparent;
    color: #18be91
}

.Button--error {
    background-color: transparent;
    border-color: #e84239;
    color: #eb5850
}

.Button--error:hover,
.Button--error:focus,
.Button--error:active,
.Button--error.is-active {
    background-color: #eb5850;
    color: #fff;
    border-color: #e84239
}

.Button--fill.Button--error {
    background-color: #eb5850;
    color: #fff
}

.Button--fill.Button--error:hover,
.Button--fill.Button--error:focus,
.Button--fill.Button--error:active,
.Button--fill.Button--error.is-active {
    background-color: transparent;
    color: #eb5850
}

pre {
    display: block;
    font-family: menlo, monospace;
    padding: 14px;
    font-size: 14px;
    text-align: left;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 3rem
}

pre code[class*="language-"] {
    white-space: pre-wrap
}

.hljs-comment,
.diff .hljs-header {
    color: #998;
    font-style: italic
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title {
    color: #333;
    font-weight: 700
}

.hljs-subst {
    color: #333
}

.hljs-request,
.hljs-status {
    color: #333;
    font-weight: 700
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
    color: teal
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
    color: #d14
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
    color: #900;
    font-weight: 700
}

.hljs-list .hljs-keyword,
.hljs-subst {
    font-weight: 400
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
    color: #458;
    font-weight: 700
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
    color: navy;
    font-weight: 400
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
    color: teal
}

.hljs-regexp {
    color: #009926
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
    color: #990073
}

.hljs-built_in {
    color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
    color: #999;
    font-weight: 700
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.diff .hljs-change {
    background: #0086b3
}

.hljs-chunk {
    color: #aaa
}

.sandbox .section {
    background-color: #0074D9;
    height: 10rem
}

.sandbox .animsition-child {
    background-color: #F012BE;
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.sandbox .animsition--end {
    background-color: #FFDC00
}

.sandbox .animsition-overlay-wrapper {
    background-color: #000
}

.sandbox .animsition-overlay-wrapper--start {
    background-color: #eee
}

.sandbox .animsition-overlay-slide {
    background-color: #000
}

.sandbox-carbon {
    position: fixed;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    float: right;
    background-color: rgba(0, 0, 0, .05);
    padding: 1rem;
    width: 160px;
    text-align: left !important;
    font-size: .8rem;
    margin: 0
}

.sandbox-carbon .carbon-img {
    float: left
}

.sandbox-carbon .carbon-img img {
    margin-bottom: 1.5rem
}

.sandbox-carbon .carbon-poweredby {
    margin-top: 1rem;
    display: block
}

.docs-Carbon {
    font-size: 12px;
    z-index: 99;
    max-width: 340px;
    margin-bottom: 30px;
    padding: 1rem;
    text-align: left !important;
    border-radius: 4px;
    background: #fff;
    background: rgba(255, 255, 255, .1)
}

.carbon-wrap .carbon-img {
    float: left;
    width: 145px
}

.carbon-wrap .carbon-img img {
    margin-right: 15px
}

.carbon-poweredby {
    display: block;
    margin-top: 10px
}