@charset "UTF-8";
*, ::after, ::before {
    box-sizing: border-box
}
html {
/*    font-family: sans-serif;*/
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
@-ms-viewport {
width:device-width
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}
body {
    margin: 0;
    background-color: #fff;
    color: #212529;
    text-align: left;
    font-weight: 400;
    
    line-height: 1.5
}
[tabindex="-1"]:focus {
    outline: 0!important
}
hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}

p {
    margin-top: 0;
    margin-bottom: 0
}
abbr[data-original-title], abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help
}
address {
    margin-bottom: 0;
    font-style: normal;
    line-height: inherit
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
    padding-left: 0
}
li {
    list-style: none
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: 0;
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem
}
dfn {
    font-style: italic
}
b, strong {
    font-weight: bolder
}
small {
    font-size: 80%
}
sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
a {
    background-color: transparent;
    color: #007bff;
    text-decoration: none;
    -webkit-text-decoration-skip: objects
}
a:hover {
    color: #0056b3;
    text-decoration: none
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([tabindex]):focus {
    outline: 0
}
code, kbd, pre, samp {
    font-size: 1em;

}
pre {
    overflow: auto;
    margin-top: 0;
    margin-bottom: 1rem;
    -ms-overflow-style: scrollbar
}
figure {
    margin: 0 0 1rem
}
img {
    border-style: none;
    vertical-align: middle
}
svg {
    overflow: hidden;
    vertical-align: middle
}
table {
    border-collapse: collapse
}
caption {
padding-top:.75rem;
padding-bottom:.75rem;
    color: #6c757d;
    caption-side: bottom;
    text-align: left
}
th {
    text-align: inherit
}
label {
    display: inline-block;
    margin-bottom: 0
}
button {
    border-radius: 0
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}
button, input {
    overflow: visible
}
button, select {
    text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border-style:none
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}
textarea {
    overflow: auto;
    resize: vertical
}
fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
    border: 0
}
legend {
    display: block;
margin-bottom:.5rem;
    padding: 0;
    width: 100%;
    max-width: 100%;
    color: inherit;
    white-space: normal;
    font-size: 1.5rem;
    line-height: inherit
}
progress {
    vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
outline-offset:-2px;
-webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
output {
    display: inline-block
}
summary {
    display: list-item;
    cursor: pointer
}
template {
    display: none
}
[hidden] {
display:none!important
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}
.small, small {
    font-weight: 400;
    font-size: 80%
}
.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-inline {
    padding-left: 0;
    list-style: none
}
.list-inline-item {
    display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right:.5rem
}
.initialism {
    text-transform: uppercase;
    font-size: 90%
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}
.blockquote-footer {
    display: block;
    color: #6c757d;
    font-size: 80%
}
.blockquote-footer::before {
    content: "\2014 \00A0"
}
.text-monospace {
   
}
.text-justify {
    text-align: justify!important
}
.text-nowrap {
    white-space: nowrap!important
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-left {
    text-align: left!important
}
.text-right {
    text-align: right!important
}
.text-center {
    text-align: center!important
}
@media (min-width:576px) {
.text-sm-left {
    text-align: left!important
}
.text-sm-right {
    text-align: right!important
}
.text-sm-center {
    text-align: center!important
}
}
@media (min-width:768px) {
.text-md-left {
    text-align: left!important
}
.text-md-right {
    text-align: right!important
}
.text-md-center {
    text-align: center!important
}
}
@media (min-width:992px) {
.text-lg-left {
    text-align: left!important
}
.text-lg-right {
    text-align: right!important
}
.text-lg-center {
    text-align: center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
    text-align: left!important
}
.text-xl-right {
    text-align: right!important
}
.text-xl-center {
    text-align: center!important
}
}
@media (min-width:1600px) {
.text-hd-left {
    text-align: left!important
}
.text-hd-right {
    text-align: right!important
}
.text-hd-center {
    text-align: center!important
}
}
.text-lowercase {
    text-transform: lowercase!important
}
.text-uppercase {
    text-transform: uppercase!important
}
.text-capitalize {
    text-transform: capitalize!important
}
.font-weight-light {
    font-weight: 300!important
}
.font-weight-normal {
    font-weight: 400!important
}
.font-weight-bold {
    font-weight: 700!important
}
.font-italic {
    font-style: italic!important
}
.text-white {
    color: #fff!important
}
.text-primary {
    color: #007bff!important
}
a.text-primary:focus, a.text-primary:hover {
    color: #0062cc!important
}
.text-secondary {
    color: #6c757d!important
}
a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62!important
}
.text-success {
    color: #28a745!important
}
a.text-success:focus, a.text-success:hover {
    color: #1e7e34!important
}
.text-info {
    color: #17a2b8!important
}
a.text-info:focus, a.text-info:hover {
    color: #117a8b!important
}
.text-warning {
    color: #ffc107!important
}
a.text-warning:focus, a.text-warning:hover {
    color: #d39e00!important
}
.text-danger {
    color: #dc3545!important
}
a.text-danger:focus, a.text-danger:hover {
    color: #bd2130!important
}
.text-light {
    color: #f8f9fa!important
}
a.text-light:focus, a.text-light:hover {
    color: #dae0e5!important
}
.text-dark {
    color: #000!important
}
a.text-dark:focus, a.text-dark:hover {
    color: #000!important
}
.text-muted {
    color: #6c757d!important
}
.text-black-50 {
    color: rgba(0,0,0,.5)!important
}
.text-white-50 {
    color: rgba(255,255,255,.5)!important
}
.text-hide {
    border: 0;
    background-color: transparent;
    color: transparent;
    text-shadow: none;
    font: 0/0 a
}
.embed-responsive {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    width: 100%
}
.embed-responsive:not(.embed-responsive-normal):before {
    display: block;
    content: ""
}
.embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video, .embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive img {
    transition: all .25s;
    object-fit: cover;
    object-position: center
}
.embed-responsive img.miracle {
    object-fit: contain
}
.embed-responsive-normal .embed-responsive-item, .embed-responsive-normal embed, .embed-responsive-normal iframe, .embed-responsive-normal object, .embed-responsive-normal video {
    position: relative
}
.embed-responsive-21by9:before {
    padding-top: 42.8571428571%
}
.embed-responsive-16by9:before {
    padding-top: 56.25%
}
.embed-responsive-4by3:before {
    padding-top: 75%
}
.embed-responsive-1by1:before {
    padding-top: 100%
}
.embed-responsive-9by21:before {
    padding-top: 233.3333333333%
}
.embed-responsive-9by16:before {
    padding-top: 177.7777777778%
}
.embed-responsive-3by4:before {
    padding-top: 133.3333333333%
}
.embed-responsive-5by4:before {
    padding-top: 80%
}
.embed-responsive-4by5:before {
    padding-top: 125%
}
.embed-responsive-29by5:before {
    padding-top: 17.2413793103%
}
.embed-responsive-17by5:before {
    padding-top: 29.4117647059%
}
.embed-responsive-13by5:before {
    padding-top: 38.4615384615%
}
.embed-responsive-2by1:before {
    padding-top: 50%
}
.embed-responsive-video {
    cursor: pointer
}
.embed-responsive-video:before {
    padding-top: 56.22317597%
}
.embed-responsive-video .play-button {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem);
    z-index: 3
}
.embed-responsive-video .play-button.small {
    top: calc(50% - 1.875rem);
    left: calc(50% - 1.875rem)
}
.embed-responsive-video .embed-responsive-player {
    z-index: 2;
    display: flex;
    background: rgba(0,0,0,.2);
    cursor: pointer;
    justify-content: center;
    align-items: center
}
.embed-responsive-video .embed-responsive-player:before {
    color: rgba(255,255,255,.5);
    content: "\e64b";
    font-size: 3.75rem;

    transition: all .25s
}
.embed-responsive-video .embed-responsive-player:hover:before {
    color: rgba(255,255,255,.7)
}
.flex-row {
    flex-direction: row!important
}
.flex-column {
    flex-direction: column!important
}
.flex-row-reverse {
    flex-direction: row-reverse!important
}
.flex-column-reverse {
    flex-direction: column-reverse!important
}
.flex-vertical {
    display: flex!important;
    justify-content: center!important;
    flex-direction: column!important
}
.flex-wrap {
    flex-wrap: wrap!important
}
.flex-nowrap {
    flex-wrap: nowrap!important
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.flex-fill {
    flex: 1 1 auto!important
}
.flex-grow-0 {
    flex-grow: 0!important
}
.flex-grow-1 {
    flex-grow: 1!important
}
.flex-shrink-0 {
    flex-shrink: 0!important
}
.flex-shrink-1 {
    flex-shrink: 1!important
}
.justify-content-start {
    justify-content: flex-start!important
}
.justify-content-end {
    justify-content: flex-end!important
}
.justify-content-center {
    justify-content: center!important
}
.justify-content-between {
    justify-content: space-between!important
}
.justify-content-around {
    justify-content: space-around!important
}
.align-items-start {
    align-items: flex-start!important
}
.align-items-end {
    align-items: flex-end!important
}
.align-items-center {
    align-items: center!important
}
.align-items-baseline {
    align-items: baseline!important
}
.align-items-stretch {
    align-items: stretch!important
}
.align-content-start {
    align-content: flex-start!important
}
.align-content-end {
    align-content: flex-end!important
}
.align-content-center {
    align-content: center!important
}
.align-content-between {
    align-content: space-between!important
}
.align-content-around {
    align-content: space-around!important
}
.align-content-stretch {
    align-content: stretch!important
}
.align-self-auto {
    align-self: auto!important
}
.align-self-start {
    align-self: flex-start!important
}
.align-self-end {
    align-self: flex-end!important
}
.align-self-center {
    align-self: center!important
}
.align-self-baseline {
    align-self: baseline!important
}
.align-self-stretch {
    align-self: stretch!important
}
@media (min-width:576px) {
.flex-sm-row {
    flex-direction: row!important
}
.flex-sm-column {
    flex-direction: column!important
}
.flex-sm-row-reverse {
    flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
    flex-direction: column-reverse!important
}
.flex-sm-vertical {
    display: flex!important;
    justify-content: center!important;
    flex-direction: column!important
}
.flex-sm-wrap {
    flex-wrap: wrap!important
}
.flex-sm-nowrap {
    flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
    flex: 1 1 auto!important
}
.flex-sm-grow-0 {
    flex-grow: 0!important
}
.flex-sm-grow-1 {
    flex-grow: 1!important
}
.flex-sm-shrink-0 {
    flex-shrink: 0!important
}
.flex-sm-shrink-1 {
    flex-shrink: 1!important
}
.justify-content-sm-start {
    justify-content: flex-start!important
}
.justify-content-sm-end {
    justify-content: flex-end!important
}
.justify-content-sm-center {
    justify-content: center!important
}
.justify-content-sm-between {
    justify-content: space-between!important
}
.justify-content-sm-around {
    justify-content: space-around!important
}
.align-items-sm-start {
    align-items: flex-start!important
}
.align-items-sm-end {
    align-items: flex-end!important
}
.align-items-sm-center {
    align-items: center!important
}
.align-items-sm-baseline {
    align-items: baseline!important
}
.align-items-sm-stretch {
    align-items: stretch!important
}
.align-content-sm-start {
    align-content: flex-start!important
}
.align-content-sm-end {
    align-content: flex-end!important
}
.align-content-sm-center {
    align-content: center!important
}
.align-content-sm-between {
    align-content: space-between!important
}
.align-content-sm-around {
    align-content: space-around!important
}
.align-content-sm-stretch {
    align-content: stretch!important
}
.align-self-sm-auto {
    align-self: auto!important
}
.align-self-sm-start {
    align-self: flex-start!important
}
.align-self-sm-end {
    align-self: flex-end!important
}
.align-self-sm-center {
    align-self: center!important
}
.align-self-sm-baseline {
    align-self: baseline!important
}
.align-self-sm-stretch {
    align-self: stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
    flex-direction: row!important
}
.flex-md-column {
    flex-direction: column!important
}
.flex-md-row-reverse {
    flex-direction: row-reverse!important
}
.flex-md-column-reverse {
    flex-direction: column-reverse!important
}
.flex-md-vertical {
    display: flex!important;
    justify-content: center!important;
    flex-direction: column!important
}
.flex-md-wrap {
    flex-wrap: wrap!important
}
.flex-md-nowrap {
    flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.flex-md-fill {
    flex: 1 1 auto!important
}
.flex-md-grow-0 {
    flex-grow: 0!important
}
.flex-md-grow-1 {
    flex-grow: 1!important
}
.flex-md-shrink-0 {
    flex-shrink: 0!important
}
.flex-md-shrink-1 {
    flex-shrink: 1!important
}
.justify-content-md-start {
    justify-content: flex-start!important
}
.justify-content-md-end {
    justify-content: flex-end!important
}
.justify-content-md-center {
    justify-content: center!important
}
.justify-content-md-between {
    justify-content: space-between!important
}
.justify-content-md-around {
    justify-content: space-around!important
}
.align-items-md-start {
    align-items: flex-start!important
}
.align-items-md-end {
    align-items: flex-end!important
}
.align-items-md-center {
    align-items: center!important
}
.align-items-md-baseline {
    align-items: baseline!important
}
.align-items-md-stretch {
    align-items: stretch!important
}
.align-content-md-start {
    align-content: flex-start!important
}
.align-content-md-end {
    align-content: flex-end!important
}
.align-content-md-center {
    align-content: center!important
}
.align-content-md-between {
    align-content: space-between!important
}
.align-content-md-around {
    align-content: space-around!important
}
.align-content-md-stretch {
    align-content: stretch!important
}
.align-self-md-auto {
    align-self: auto!important
}
.align-self-md-start {
    align-self: flex-start!important
}
.align-self-md-end {
    align-self: flex-end!important
}
.align-self-md-center {
    align-self: center!important
}
.align-self-md-baseline {
    align-self: baseline!important
}
.align-self-md-stretch {
    align-self: stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
    flex-direction: row!important
}
.flex-lg-column {
    flex-direction: column!important
}
.flex-lg-row-reverse {
    flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
    flex-direction: column-reverse!important
}
.flex-lg-vertical {
    display: flex!important;
    justify-content: center!important;
    flex-direction: column!important
}
.flex-lg-wrap {
    flex-wrap: wrap!important
}
.flex-lg-nowrap {
    flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
    flex: 1 1 auto!important
}
.flex-lg-grow-0 {
    flex-grow: 0!important
}
.flex-lg-grow-1 {
    flex-grow: 1!important
}
.flex-lg-shrink-0 {
    flex-shrink: 0!important
}
.flex-lg-shrink-1 {
    flex-shrink: 1!important
}
.justify-content-lg-start {
    justify-content: flex-start!important
}
.justify-content-lg-end {
    justify-content: flex-end!important
}
.justify-content-lg-center {
    justify-content: center!important
}
.justify-content-lg-between {
    justify-content: space-between!important
}
.justify-content-lg-around {
    justify-content: space-around!important
}
.align-items-lg-start {
    align-items: flex-start!important
}
.align-items-lg-end {
    align-items: flex-end!important
}
.align-items-lg-center {
    align-items: center!important
}
.align-items-lg-baseline {
    align-items: baseline!important
}
.align-items-lg-stretch {
    align-items: stretch!important
}
.align-content-lg-start {
    align-content: flex-start!important
}
.align-content-lg-end {
    align-content: flex-end!important
}
.align-content-lg-center {
    align-content: center!important
}
.align-content-lg-between {
    align-content: space-between!important
}
.align-content-lg-around {
    align-content: space-around!important
}
.align-content-lg-stretch {
    align-content: stretch!important
}
.align-self-lg-auto {
    align-self: auto!important
}
.align-self-lg-start {
    align-self: flex-start!important
}
.align-self-lg-end {
    align-self: flex-end!important
}
.align-self-lg-center {
    align-self: center!important
}
.align-self-lg-baseline {
    align-self: baseline!important
}
.align-self-lg-stretch {
    align-self: stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
    flex-direction: row!important
}
.flex-xl-column {
    flex-direction: column!important
}
.flex-xl-row-reverse {
    flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
    flex-direction: column-reverse!important
}
.flex-xl-vertical {
    display: flex!important;
    justify-content: center!important;
    flex-direction: column!important
}
.flex-xl-wrap {
    flex-wrap: wrap!important
}
.flex-xl-nowrap {
    flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
    flex: 1 1 auto!important
}
.flex-xl-grow-0 {
    flex-grow: 0!important
}
.flex-xl-grow-1 {
    flex-grow: 1!important
}
.flex-xl-shrink-0 {
    flex-shrink: 0!important
}
.flex-xl-shrink-1 {
    flex-shrink: 1!important
}
.justify-content-xl-start {
    justify-content: flex-start!important
}
.justify-content-xl-end {
    justify-content: flex-end!important
}
.justify-content-xl-center {
    justify-content: center!important
}
.justify-content-xl-between {
    justify-content: space-between!important
}
.justify-content-xl-around {
    justify-content: space-around!important
}
.align-items-xl-start {
    align-items: flex-start!important
}
.align-items-xl-end {
    align-items: flex-end!important
}
.align-items-xl-center {
    align-items: center!important
}
.align-items-xl-baseline {
    align-items: baseline!important
}
.align-items-xl-stretch {
    align-items: stretch!important
}
.align-content-xl-start {
    align-content: flex-start!important
}
.align-content-xl-end {
    align-content: flex-end!important
}
.align-content-xl-center {
    align-content: center!important
}
.align-content-xl-between {
    align-content: space-between!important
}
.align-content-xl-around {
    align-content: space-around!important
}
.align-content-xl-stretch {
    align-content: stretch!important
}
.align-self-xl-auto {
    align-self: auto!important
}
.align-self-xl-start {
    align-self: flex-start!important
}
.align-self-xl-end {
    align-self: flex-end!important
}
.align-self-xl-center {
    align-self: center!important
}
.align-self-xl-baseline {
    align-self: baseline!important
}
.align-self-xl-stretch {
    align-self: stretch!important
}
}
@media (min-width:1600px) {
.flex-hd-row {
    flex-direction: row!important
}
.flex-hd-column {
    flex-direction: column!important
}
.flex-hd-row-reverse {
    flex-direction: row-reverse!important
}
.flex-hd-column-reverse {
    flex-direction: column-reverse!important
}
.flex-hd-vertical {
    display: flex!important;
    justify-content: center!important;
    flex-direction: column!important
}
.flex-hd-wrap {
    flex-wrap: wrap!important
}
.flex-hd-nowrap {
    flex-wrap: nowrap!important
}
.flex-hd-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.flex-hd-fill {
    flex: 1 1 auto!important
}
.flex-hd-grow-0 {
    flex-grow: 0!important
}
.flex-hd-grow-1 {
    flex-grow: 1!important
}
.flex-hd-shrink-0 {
    flex-shrink: 0!important
}
.flex-hd-shrink-1 {
    flex-shrink: 1!important
}
.justify-content-hd-start {
    justify-content: flex-start!important
}
.justify-content-hd-end {
    justify-content: flex-end!important
}
.justify-content-hd-center {
    justify-content: center!important
}
.justify-content-hd-between {
    justify-content: space-between!important
}
.justify-content-hd-around {
    justify-content: space-around!important
}
.align-items-hd-start {
    align-items: flex-start!important
}
.align-items-hd-end {
    align-items: flex-end!important
}
.align-items-hd-center {
    align-items: center!important
}
.align-items-hd-baseline {
    align-items: baseline!important
}
.align-items-hd-stretch {
    align-items: stretch!important
}
.align-content-hd-start {
    align-content: flex-start!important
}
.align-content-hd-end {
    align-content: flex-end!important
}
.align-content-hd-center {
    align-content: center!important
}
.align-content-hd-between {
    align-content: space-between!important
}
.align-content-hd-around {
    align-content: space-around!important
}
.align-content-hd-stretch {
    align-content: stretch!important
}
.align-self-hd-auto {
    align-self: auto!important
}
.align-self-hd-start {
    align-self: flex-start!important
}
.align-self-hd-end {
    align-self: flex-end!important
}
.align-self-hd-center {
    align-self: center!important
}
.align-self-hd-baseline {
    align-self: baseline!important
}
.align-self-hd-stretch {
    align-self: stretch!important
}
}
.m-0 {
    margin: 0!important
}
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0,0,0,0);
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    white-space: nowrap
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    white-space: normal
}
.d-none {
    display: none!important
}
.d-inline {
    display: inline!important
}
.d-block {
    display: block!important
}
.d-flex {
    display: flex!important
}
@media (min-width:576px) {
.d-sm-none {
    display: none!important
}
.d-sm-inline {
    display: inline!important
}
.d-sm-block {
    display: block!important
}
.d-sm-flex {
    display: flex!important
}
}
@media (min-width:768px) {
.d-md-none {
    display: none!important
}
.d-md-inline {
    display: inline!important
}
.d-md-block {
    display: block!important
}
.d-md-flex {
    display: flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
    display: none!important
}
.d-lg-inline {
    display: inline!important
}
.d-lg-block {
    display: block!important
}
.d-lg-flex {
    display: flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
    display: none!important
}
.d-xl-inline {
    display: inline!important
}
.d-xl-block {
    display: block!important
}
.d-xl-flex {
    display: flex!important
}
}
@media (min-width:1600px) {
.d-hd-none {
    display: none!important
}
.d-hd-inline {
    display: inline!important
}
.d-hd-block {
    display: block!important
}
.d-hd-flex {
    display: flex!important
}
}
@media print {
.d-print-none {
    display: none!important
}
.d-print-inline {
    display: inline!important
}
.d-print-inline-block {
    display: inline-block!important
}
.d-print-block {
    display: block!important
}
.d-print-table {
    display: table!important
}
.d-print-table-row {
    display: table-row!important
}
.d-print-table-cell {
    display: table-cell!important
}
.d-print-flex {
    display: flex!important
}
.d-print-inline-flex {
    display: inline-flex!important
}
}
.container {
    margin-right: auto;
    margin-left: auto;
    /* padding-right:.75rem; */
    /* padding-left:.75rem; */
    /* width: 100%; */
}

@media (min-width:576px) {
.container {
    /* max-width: 540px; */
}
}
@media (min-width:768px) {
.container {
    /* max-width: 720px; */
}
}
@media (min-width:992px) {
.container {
    /* max-width: 960px; */
}
}
/*@media (max-width:1280px) {
.container {
    max-width: 80%;
}
}
@media (max-width:1600px) {
    .container {
        max-width: 1380px;
    }
    }*/

@media (max-width:768px) {
.container {
padding-right:.75rem;
padding-left:.75rem
}
}
.container.no-gutters {
    padding-right: 0;
    padding-left: 0
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 3rem;
    padding-left: 3rem;
    width: 100%
}
@media (max-width:768px) {
.container-fluid {
padding-right:.75rem;
padding-left:.75rem
}
}
.container-fluid.no-gutters {
    padding-right: 0;
    padding-left: 0
}
.row {
    display: flex;
margin-right:-.75rem;
margin-left:-.75rem;
    flex-wrap: wrap
}
@media (max-width:768px) {
.row {
margin-right:-.375rem;
margin-left:-.375rem
}
}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right:0;
padding-left:0
}
.col.no-gutters, [class*=col-].no-gutters {
    padding-right: 0;
    padding-left: 0
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-hd, .col-hd-1, .col-hd-10, .col-hd-11, .col-hd-12, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
padding-right:.75rem;
padding-left:.75rem;
    width: 100%;
    min-height: 1px
}
@media (max-width:768px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-hd, .col-hd-1, .col-hd-10, .col-hd-11, .col-hd-12, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-right:.375rem;
padding-left:.375rem
}
}
.col {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}
.col-auto {
    width: auto;
    max-width: none;
    flex: 0 0 auto
}
.col-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}
.col-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}
.col-3 {
    max-width: 25%;
    flex: 0 0 25%
}
.col-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}
.col-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}
.col-6 {
    max-width: 50%;
    flex: 0 0 50%
}
.col-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}
.col-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}
.col-9 {
    max-width: 75%;
    flex: 0 0 75%
}
.col-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}
.col-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}
.col-12 {
    max-width: 100%;
    flex: 0 0 100%
}
.order-first {
    order: -1
}
.order-last {
    order: 13
}
.order-0 {
    order: 0
}
.order-1 {
    order: 1
}
.order-2 {
    order: 2
}
.order-3 {
    order: 3
}
.order-4 {
    order: 4
}
.order-5 {
    order: 5
}
.order-6 {
    order: 6
}
.order-7 {
    order: 7
}
.order-8 {
    order: 8
}
.order-9 {
    order: 9
}
.order-10 {
    order: 10
}
.order-11 {
    order: 11
}
.order-12 {
    order: 12
}
.offset-1 {
    margin-left: 8.3333333333%
}
.offset-2 {
    margin-left: 16.6666666667%
}
.offset-3 {
    margin-left: 25%
}
.offset-4 {
    margin-left: 33.3333333333%
}
.offset-5 {
    margin-left: 41.6666666667%
}
.offset-6 {
    margin-left: 50%
}
.offset-7 {
    margin-left: 58.3333333333%
}
.offset-8 {
    margin-left: 66.6666666667%
}
.offset-9 {
    margin-left: 75%
}
.offset-10 {
    margin-left: 83.3333333333%
}
.offset-11 {
    margin-left: 91.6666666667%
}
@media (min-width:576px) {
.col-sm {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}
.col-sm-auto {
    width: auto;
    max-width: none;
    flex: 0 0 auto
}
.col-sm-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}
.col-sm-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}
.col-sm-3 {
    max-width: 25%;
    flex: 0 0 25%
}
.col-sm-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}
.col-sm-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}
.col-sm-6 {
    max-width: 50%;
    flex: 0 0 50%
}
.col-sm-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}
.col-sm-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}
.col-sm-9 {
    max-width: 75%;
    flex: 0 0 75%
}
.col-sm-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}
.col-sm-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}
.col-sm-12 {
    max-width: 100%;
    flex: 0 0 100%
}
.order-sm-first {
    order: -1
}
.order-sm-last {
    order: 13
}
.order-sm-0 {
    order: 0
}
.order-sm-1 {
    order: 1
}
.order-sm-2 {
    order: 2
}
.order-sm-3 {
    order: 3
}
.order-sm-4 {
    order: 4
}
.order-sm-5 {
    order: 5
}
.order-sm-6 {
    order: 6
}
.order-sm-7 {
    order: 7
}
.order-sm-8 {
    order: 8
}
.order-sm-9 {
    order: 9
}
.order-sm-10 {
    order: 10
}
.order-sm-11 {
    order: 11
}
.order-sm-12 {
    order: 12
}
.offset-sm-0 {
    margin-left: 0
}
.offset-sm-1 {
    margin-left: 8.3333333333%
}
.offset-sm-2 {
    margin-left: 16.6666666667%
}
.offset-sm-3 {
    margin-left: 25%
}
.offset-sm-4 {
    margin-left: 33.3333333333%
}
.offset-sm-5 {
    margin-left: 41.6666666667%
}
.offset-sm-6 {
    margin-left: 50%
}
.offset-sm-7 {
    margin-left: 58.3333333333%
}
.offset-sm-8 {
    margin-left: 66.6666666667%
}
.offset-sm-9 {
    margin-left: 75%
}
.offset-sm-10 {
    margin-left: 83.3333333333%
}
.offset-sm-11 {
    margin-left: 91.6666666667%
}
}
@media (min-width:768px) {
.col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}
.col-md-auto {
    width: auto;
    max-width: none;
    flex: 0 0 auto
}
.col-md-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}
.col-md-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}
.col-md-3 {
    max-width: 25%;
    flex: 0 0 25%
}
.col-md-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}
.col-md-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}
.col-md-6 {
    max-width: 50%;
    flex: 0 0 50%
}
.col-md-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}
.col-md-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}
.col-md-9 {
    max-width: 75%;
    flex: 0 0 75%
}
.col-md-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}
.col-md-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}
.col-md-12 {
    max-width: 100%;
    flex: 0 0 100%
}
.order-md-first {
    order: -1
}
.order-md-last {
    order: 13
}
.order-md-0 {
    order: 0
}
.order-md-1 {
    order: 1
}
.order-md-2 {
    order: 2
}
.order-md-3 {
    order: 3
}
.order-md-4 {
    order: 4
}
.order-md-5 {
    order: 5
}
.order-md-6 {
    order: 6
}
.order-md-7 {
    order: 7
}
.order-md-8 {
    order: 8
}
.order-md-9 {
    order: 9
}
.order-md-10 {
    order: 10
}
.order-md-11 {
    order: 11
}
.order-md-12 {
    order: 12
}
.offset-md-0 {
    margin-left: 0
}
.offset-md-1 {
    margin-left: 8.3333333333%
}
.offset-md-2 {
    margin-left: 16.6666666667%
}
.offset-md-3 {
    margin-left: 25%
}
.offset-md-4 {
    margin-left: 33.3333333333%
}
.offset-md-5 {
    margin-left: 41.6666666667%
}
.offset-md-6 {
    margin-left: 50%
}
.offset-md-7 {
    margin-left: 58.3333333333%
}
.offset-md-8 {
    margin-left: 66.6666666667%
}
.offset-md-9 {
    margin-left: 75%
}
.offset-md-10 {
    margin-left: 83.3333333333%
}
.offset-md-11 {
    margin-left: 91.6666666667%
}
}
@media (min-width:992px) {
.col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}
.col-lg-auto {
    width: auto;
    max-width: none;
    flex: 0 0 auto
}
.col-lg-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}
.col-lg-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}
.col-lg-3 {
    max-width: 25%;
    flex: 0 0 25%
}
.col-lg-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}
.col-lg-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}
.col-lg-6 {
    max-width: 50%;
    flex: 0 0 50%
}
.col-lg-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}
.col-lg-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}
.col-lg-9 {
    max-width: 75%;
    flex: 0 0 75%
}
.col-lg-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}
.col-lg-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}
.col-lg-12 {
    max-width: 100%;
    flex: 0 0 100%
}
.order-lg-first {
    order: -1
}
.order-lg-last {
    order: 13
}
.order-lg-0 {
    order: 0
}
.order-lg-1 {
    order: 1
}
.order-lg-2 {
    order: 2
}
.order-lg-3 {
    order: 3
}
.order-lg-4 {
    order: 4
}
.order-lg-5 {
    order: 5
}
.order-lg-6 {
    order: 6
}
.order-lg-7 {
    order: 7
}
.order-lg-8 {
    order: 8
}
.order-lg-9 {
    order: 9
}
.order-lg-10 {
    order: 10
}
.order-lg-11 {
    order: 11
}
.order-lg-12 {
    order: 12
}
.offset-lg-0 {
    margin-left: 0
}
.offset-lg-1 {
    margin-left: 8.3333333333%
}
.offset-lg-2 {
    margin-left: 16.6666666667%
}
.offset-lg-3 {
    margin-left: 25%
}
.offset-lg-4 {
    margin-left: 33.3333333333%
}
.offset-lg-5 {
    margin-left: 41.6666666667%
}
.offset-lg-6 {
    margin-left: 50%
}
.offset-lg-7 {
    margin-left: 58.3333333333%
}
.offset-lg-8 {
    margin-left: 66.6666666667%
}
.offset-lg-9 {
    margin-left: 75%
}
.offset-lg-10 {
    margin-left: 83.3333333333%
}
.offset-lg-11 {
    margin-left: 91.6666666667%
}
}
@media (min-width:1200px) {
.col-xl {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}
.col-xl-auto {
    width: auto;
    max-width: none;
    flex: 0 0 auto
}
.col-xl-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}
.col-xl-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}
.col-xl-3 {
    max-width: 25%;
    flex: 0 0 25%
}
.col-xl-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}
.col-xl-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}
.col-xl-6 {
    max-width: 50%;
    flex: 0 0 50%
}
.col-xl-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}
.col-xl-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}
.col-xl-9 {
    max-width: 75%;
    flex: 0 0 75%
}
.col-xl-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}
.col-xl-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}
.col-xl-12 {
    max-width: 100%;
    flex: 0 0 100%
}
.order-xl-first {
    order: -1
}
.order-xl-last {
    order: 13
}
.order-xl-0 {
    order: 0
}
.order-xl-1 {
    order: 1
}
.order-xl-2 {
    order: 2
}
.order-xl-3 {
    order: 3
}
.order-xl-4 {
    order: 4
}
.order-xl-5 {
    order: 5
}
.order-xl-6 {
    order: 6
}
.order-xl-7 {
    order: 7
}
.order-xl-8 {
    order: 8
}
.order-xl-9 {
    order: 9
}
.order-xl-10 {
    order: 10
}
.order-xl-11 {
    order: 11
}
.order-xl-12 {
    order: 12
}
.offset-xl-0 {
    margin-left: 0
}
.offset-xl-1 {
    margin-left: 8.3333333333%
}
.offset-xl-2 {
    margin-left: 16.6666666667%
}
.offset-xl-3 {
    margin-left: 25%
}
.offset-xl-4 {
    margin-left: 33.3333333333%
}
.offset-xl-5 {
    margin-left: 41.6666666667%
}
.offset-xl-6 {
    margin-left: 50%
}
.offset-xl-7 {
    margin-left: 58.3333333333%
}
.offset-xl-8 {
    margin-left: 66.6666666667%
}
.offset-xl-9 {
    margin-left: 75%
}
.offset-xl-10 {
    margin-left: 83.3333333333%
}
.offset-xl-11 {
    margin-left: 91.6666666667%
}
}
@media (min-width:1600px) {
.col-hd {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}
.col-hd-auto {
    width: auto;
    max-width: none;
    flex: 0 0 auto
}
.col-hd-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}
.col-hd-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}
.col-hd-3 {
    max-width: 25%;
    flex: 0 0 25%
}
.col-hd-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}
.col-hd-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}
.col-hd-6 {
    max-width: 50%;
    flex: 0 0 50%
}
.col-hd-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}
.col-hd-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}
.col-hd-9 {
    max-width: 75%;
    flex: 0 0 75%
}
.col-hd-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}
.col-hd-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}
.col-hd-12 {
    max-width: 100%;
    flex: 0 0 100%
}
.order-hd-first {
    order: -1
}
.order-hd-last {
    order: 13
}
.order-hd-0 {
    order: 0
}
.order-hd-1 {
    order: 1
}
.order-hd-2 {
    order: 2
}
.order-hd-3 {
    order: 3
}
.order-hd-4 {
    order: 4
}
.order-hd-5 {
    order: 5
}
.order-hd-6 {
    order: 6
}
.order-hd-7 {
    order: 7
}
.order-hd-8 {
    order: 8
}
.order-hd-9 {
    order: 9
}
.order-hd-10 {
    order: 10
}
.order-hd-11 {
    order: 11
}
.order-hd-12 {
    order: 12
}
.offset-hd-0 {
    margin-left: 0
}
.offset-hd-1 {
    margin-left: 8.3333333333%
}
.offset-hd-2 {
    margin-left: 16.6666666667%
}
.offset-hd-3 {
    margin-left: 25%
}
.offset-hd-4 {
    margin-left: 33.3333333333%
}
.offset-hd-5 {
    margin-left: 41.6666666667%
}
.offset-hd-6 {
    margin-left: 50%
}
.offset-hd-7 {
    margin-left: 58.3333333333%
}
.offset-hd-8 {
    margin-left: 66.6666666667%
}
.offset-hd-9 {
    margin-left: 75%
}
.offset-hd-10 {
    margin-left: 83.3333333333%
}
.offset-hd-11 {
    margin-left: 91.6666666667%
}
}
.row-gutter:not(:empty) {
    margin-bottom: -1.5rem
}
.row-gutter:not(:empty)>.col, .row-gutter:not(:empty)>[class*=col-] {
margin-bottom:1.5rem
}
@media (max-width:768px) {
.row-gutter:not(:empty) {
margin-bottom:-.75rem
}
.row-gutter:not(:empty)>.col, .row-gutter:not(:empty)>[class*=col-] {
margin-bottom:.75rem
}
}
.row-small-gutter {
margin:-.375rem -.375rem
}
.row-small-gutter:not(:empty) {
margin-bottom:-.375rem
}
.row-small-gutter>.col, .row-small-gutter>[class*=col-] {
margin-bottom:.375rem;
padding-right:.375rem;
padding-left:.375rem
}
.btn {
    display: inline-block;
padding:.375rem .75rem;
border:.0625rem solid transparent;
border-radius:.25rem;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    user-select: none
}
@media screen and (prefers-reduced-motion:reduce) {
.btn {
    transition: none
}
}
.btn:focus, .btn:hover {
    text-decoration: none
}
.btn.focus, .btn:focus {
    outline: 0;
box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.btn.disabled, .btn:disabled {
    opacity: .65
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}
.btn:not(.normal) {
    position: relative;
    overflow: hidden;
    transition: all .25s
}
.btn:not(.normal):after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 0;
    height: 100%;
    background: #007bff;
    content: '';
    transition: all .25s
}
.btn:not(.normal):hover {
    z-index: 1;
    border: 1px solid #007bff;
    background: 0 0;
    color: #f8f9fa
}
.btn:not(.normal):hover:after {
    width: 100%
}
a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}
.btn-primary {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff
}
.btn-primary:hover {
    border-color: #0062cc;
    background-color: #0069d9;
    color: #fff
}
.btn-primary.focus, .btn-primary:focus {
box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-primary.disabled, .btn-primary:disabled {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    border-color: #005cbf;
    background-color: #0062cc;
    color: #fff
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-secondary {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff
}
.btn-secondary:hover {
    border-color: #545b62;
    background-color: #5a6268;
    color: #fff
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    border-color: #4e555b;
    background-color: #545b62;
    color: #fff
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-success {
    border-color: #28a745;
    background-color: #28a745;
    color: #fff
}
.btn-success:hover {
    border-color: #1e7e34;
    background-color: #218838;
    color: #fff
}
.btn-success.focus, .btn-success:focus {
box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-success.disabled, .btn-success:disabled {
    border-color: #28a745;
    background-color: #28a745;
    color: #fff
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    border-color: #1c7430;
    background-color: #1e7e34;
    color: #fff
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-info {
    border-color: #17a2b8;
    background-color: #17a2b8;
    color: #fff
}
.btn-info:hover {
    border-color: #117a8b;
    background-color: #138496;
    color: #fff
}
.btn-info.focus, .btn-info:focus {
box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-info.disabled, .btn-info:disabled {
    border-color: #17a2b8;
    background-color: #17a2b8;
    color: #fff
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    border-color: #10707f;
    background-color: #117a8b;
    color: #fff
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-warning {
    border-color: #ffc107;
    background-color: #ffc107;
    color: #212529
}
.btn-warning:hover {
    border-color: #d39e00;
    background-color: #e0a800;
    color: #212529
}
.btn-warning.focus, .btn-warning:focus {
box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-warning.disabled, .btn-warning:disabled {
    border-color: #ffc107;
    background-color: #ffc107;
    color: #212529
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    border-color: #c69500;
    background-color: #d39e00;
    color: #212529
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-danger {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff
}
.btn-danger:hover {
    border-color: #bd2130;
    background-color: #c82333;
    color: #fff
}
.btn-danger.focus, .btn-danger:focus {
box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-danger.disabled, .btn-danger:disabled {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    border-color: #b21f2d;
    background-color: #bd2130;
    color: #fff
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-light {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #212529
}
.btn-light:hover {
    border-color: #dae0e5;
    background-color: #e2e6ea;
    color: #212529
}
.btn-light.focus, .btn-light:focus {
box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-light.disabled, .btn-light:disabled {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #212529
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    border-color: #d3d9df;
    background-color: #dae0e5;
    color: #212529
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-dark {
    border-color: #000;
    background-color: #000;
    color: #fff
}
.btn-dark:hover {
    border-color: #000;
    background-color: #000;
    color: #fff
}
.btn-dark.focus, .btn-dark:focus {
box-shadow:0 0 0 .2rem rgba(0,0,0,.5)
}
.btn-dark.disabled, .btn-dark:disabled {
    border-color: #000;
    background-color: #000;
    color: #fff
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    border-color: #000;
    background-color: #000;
    color: #fff
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(0,0,0,.5)
}
.btn-outline-primary {
    border-color: #007bff;
    background-color: transparent;
    background-image: none;
    color: #007bff
}
.btn-outline-primary:hover {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    background-color: transparent;
    color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-secondary {
    border-color: #6c757d;
    background-color: transparent;
    background-image: none;
    color: #6c757d
}
.btn-outline-secondary:hover {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    background-color: transparent;
    color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-success {
    border-color: #28a745;
    background-color: transparent;
    background-image: none;
    color: #28a745
}
.btn-outline-success:hover {
    border-color: #28a745;
    background-color: #28a745;
    color: #fff
}
.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
    background-color: transparent;
    color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    border-color: #28a745;
    background-color: #28a745;
    color: #fff
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-info {
    border-color: #17a2b8;
    background-color: transparent;
    background-image: none;
    color: #17a2b8
}
.btn-outline-info:hover {
    border-color: #17a2b8;
    background-color: #17a2b8;
    color: #fff
}
.btn-outline-info.focus, .btn-outline-info:focus {
box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
    background-color: transparent;
    color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    border-color: #17a2b8;
    background-color: #17a2b8;
    color: #fff
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-warning {
    border-color: #ffc107;
    background-color: transparent;
    background-image: none;
    color: #ffc107
}
.btn-outline-warning:hover {
    border-color: #ffc107;
    background-color: #ffc107;
    color: #212529
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    background-color: transparent;
    color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
    border-color: #ffc107;
    background-color: #ffc107;
    color: #212529
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-danger {
    border-color: #dc3545;
    background-color: transparent;
    background-image: none;
    color: #dc3545
}
.btn-outline-danger:hover {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    background-color: transparent;
    color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-light {
    border-color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    color: #f8f9fa
}
.btn-outline-light:hover {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #212529
}
.btn-outline-light.focus, .btn-outline-light:focus {
box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
    background-color: transparent;
    color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #212529
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-dark {
    border-color: #000;
    background-color: transparent;
    background-image: none;
    color: #000
}
.btn-outline-dark:hover {
    border-color: #000;
    background-color: #000;
    color: #fff
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
box-shadow:0 0 0 .2rem rgba(0,0,0,.5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    background-color: transparent;
    color: #000
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    border-color: #000;
    background-color: #000;
    color: #fff
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(0,0,0,.5)
}
Link buttons .btn-link {
    background-color: transparent;
    color: #007bff;
    font-weight: 400
}
Link buttons .btn-link:hover {
    border-color: transparent;
    background-color: transparent;
    color: #0056b3;
    text-decoration: none
}
Link buttons .btn-link.focus, Link buttons .btn-link:focus {
    border-color: transparent;
    box-shadow: none;
    text-decoration: none
}
Link buttons .btn-link.disabled, Link buttons .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}
.btn-lg {
padding:.5rem 1rem;
border-radius:.3rem;
    font-size: 1.25rem;
    line-height: 1.5
}
.btn-sm {
padding:.25rem .5rem;
border-radius:.2rem;
font-size:.875rem;
    line-height: 1.5
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block+.btn-block {
margin-top:.5rem
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}
.btn-group {
    display: flex
}
.btn-group .btn {
    flex: auto
}
.btn-group .btn+.btn {
    margin: 0
}
.btn-group>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.form-control {
    display: block;
padding:.375rem .75rem;
    width: 100%;
    height: 2.375rem;
border:.0625rem solid #ced4da;
border-radius:.25rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #495057;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
.form-control {
    transition: none
}
}
.form-control::-ms-expand {
border:0;
background-color:transparent
}
.form-control:focus {
    outline: 0;
    border-color: #80bdff;
    background-color: #fff;
box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
    color: #495057
}
.form-control::placeholder {
color:#6c757d;
opacity:1
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}
select.form-control:focus::-ms-value {
background-color:#fff;
color:#495057
}
.form-control-file, .form-control-range {
    display: block;
    width: 100%
}
.col-form-label {
    margin-bottom: 0;
padding-top:calc(.375rem + .0625rem);
padding-bottom:calc(.375rem + .0625rem);
    font-size: inherit;
    line-height: 1.5
}
.col-form-label-lg {
padding-top:calc(.5rem + .0625rem);
padding-bottom:calc(.5rem + .0625rem);
    font-size: 1.25rem;
    line-height: 1.5
}
.col-form-label-sm {
padding-top:calc(.25rem + .0625rem);
padding-bottom:calc(.25rem + .0625rem);
font-size:.875rem;
    line-height: 1.5
}
.form-control-plaintext {
    display: block;
    margin-bottom: 0;
padding-top:.375rem;
padding-bottom:.375rem;
    width: 100%;
    border: solid transparent;
border-width:.0625rem 0;
    background-color: transparent;
    color: #212529;
    line-height: 1.5
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}
.form-control-sm {
padding:.25rem .5rem;
height:calc(1.8125rem + .125rem);
border-radius:.2rem;
font-size:.875rem;
    line-height: 1.5
}
.form-control-lg {
padding:.5rem 1rem;
height:calc(2.875rem + .125rem);
border-radius:.3rem;
    font-size: 1.25rem;
    line-height: 1.5
}
select.form-control[multiple], select.form-control[size] {
    height: auto
}
textarea.form-control {
    height: auto
}
.form-group {
    margin-bottom: 1rem
}
.form-text {
    display: block;
margin-top:.25rem
}
.form-row {
    display: flex;
margin-right:-.3125rem;
margin-left:-.3125rem;
    flex-wrap: wrap
}
.form-row>.col, .form-row>[class*=col-] {
padding-right:.3125rem;
padding-left:.3125rem
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}
.form-check-input {
    position: absolute;
margin-top:.3rem;
    margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label {
    color: #6c757d
}
.form-check-label {
    margin-bottom: 0
}
.form-check-inline {
    display: inline-flex;
margin-right:.75rem;
    padding-left: 0;
    align-items: center
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
margin-right:.3125rem;
    margin-left: 0
}
.valid-feedback {
    display: none;
margin-top:.25rem;
    width: 100%;
    color: #28a745;
    font-size: 80%
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
margin-top:.1rem;
padding:.25rem .5rem;
    max-width: 100%;
border-radius:.25rem;
    background-color: rgba(40,167,69,.9);
    color: #fff;
font-size:.875rem;
    line-height: 1.5
}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
border-color:#28a745
}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
border-color:#28a745;
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip {
display:block
}
.form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip {
display:block
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color:#28a745
}
.form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip {
display:block
}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
color:#28a745
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
background-color:#71dd8a
}
.custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip {
display:block
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
background-color:#34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label {
border-color:#28a745
}
.custom-file-input.is-valid~.custom-file-label::after, .was-validated .custom-file-input:valid~.custom-file-label::after {
border-color:inherit
}
.custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip {
display:block
}
.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
    display: none;
margin-top:.25rem;
    width: 100%;
    color: #dc3545;
    font-size: 80%
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
margin-top:.1rem;
padding:.25rem .5rem;
    max-width: 100%;
border-radius:.25rem;
    background-color: rgba(220,53,69,.9);
    color: #fff;
font-size:.875rem;
    line-height: 1.5
}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
border-color:#dc3545
}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
border-color:#dc3545;
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {
display:block
}
.form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip {
display:block
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color:#dc3545
}
.form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip {
display:block
}
.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
color:#dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
background-color:#efa2a9
}
.custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip {
display:block
}
.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
background-color:#e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label {
border-color:#dc3545
}
.custom-file-input.is-invalid~.custom-file-label::after, .was-validated .custom-file-input:invalid~.custom-file-label::after {
border-color:inherit
}
.custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip {
display:block
}
.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}
.form-inline .form-check {
    width: 100%
}
@media (min-width:576px) {
.form-inline label {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    justify-content: center
}
.form-inline .form-group {
    display: flex;
    margin-bottom: 0;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
}
.form-inline .form-control-plaintext {
    display: inline-block
}
.form-inline .custom-select, .form-inline .input-group {
    width: auto
}
.form-inline .form-check {
    display: flex;
    padding-left: 0;
    width: auto;
    align-items: center;
    justify-content: center
}
.form-inline .form-check-input {
    position: relative;
    margin-top: 0;
margin-right:.25rem;
    margin-left: 0
}
.form-inline .custom-control {
    align-items: center;
    justify-content: center
}
.form-inline .custom-control-label {
    margin-bottom: 0
}
}
.badge {
    display: inline-block;
    padding: .25em .4em;
border-radius:.25rem;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    font-size: 75%;
    line-height: 1
}
.badge:empty {
    display: none
}
.btn .badge {
    position: relative;
    top: -1px
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.badge-primary {
    background-color: #007bff;
    color: #fff
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
    background-color: #0062cc;
    color: #fff;
    text-decoration: none
}
.badge-secondary {
    background-color: #6c757d;
    color: #fff
}
.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    background-color: #545b62;
    color: #fff;
    text-decoration: none
}
.badge-success {
    background-color: #28a745;
    color: #fff
}
.badge-success[href]:focus, .badge-success[href]:hover {
    background-color: #1e7e34;
    color: #fff;
    text-decoration: none
}
.badge-info {
    background-color: #17a2b8;
    color: #fff
}
.badge-info[href]:focus, .badge-info[href]:hover {
    background-color: #117a8b;
    color: #fff;
    text-decoration: none
}
.badge-warning {
    background-color: #ffc107;
    color: #212529
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
    background-color: #d39e00;
    color: #212529;
    text-decoration: none
}
.badge-danger {
    background-color: #dc3545;
    color: #fff
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
    background-color: #bd2130;
    color: #fff;
    text-decoration: none
}
.badge-light {
    background-color: #f8f9fa;
    color: #212529
}
.badge-light[href]:focus, .badge-light[href]:hover {
    background-color: #dae0e5;
    color: #212529;
    text-decoration: none
}
.badge-dark {
    background-color: #000;
    color: #fff
}
.badge-dark[href]:focus, .badge-dark[href]:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none
}
.section-margin {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.section-margin-top {
    margin-top: 1.5rem
}
.section-margin-bottom {
    margin-bottom: 1.5rem
}
.section-margin-all {
    margin: 1.5rem
}
.section-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.section-padding-top {
    padding-top: 1.5rem
}
.section-padding-bottom {
    padding-bottom: 1.5rem
}
.section-padding-all {
    padding: 1.5rem
}
@media (min-width:768px) {
.section-margin {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
.section-margin-top {
    margin-top: 2.5rem
}
.section-margin-bottom {
    margin-bottom: 2.5rem
}
.section-margin-all {
    margin: 2.5rem
}
.section-padding {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.section-padding-top {
    padding-top: 2.5rem
}
.section-padding-bottom {
    padding-bottom: 2.5rem
}
.section-padding-all {
    padding: 2.5rem
}
}
.placeholder-svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: #f8f9fa;
    fill: #ced4da
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.fixed-top {
    position: fixed!important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}
.clear-fix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: " ";
    font-size: 0
}
.break-word {
    word-wrap: break-word;
    word-break: break-word
}
ul.list-demical {
    padding-left: 1rem
}
ul.list-demical li {
    list-style-type: decimal
}
ul.list-circle {
    padding-left: 1rem
}
ul.list-circle li {
    list-style-type: circle
}
ul.list-square {
    padding-left: 1rem
}
ul.list-square li {
    list-style-type: square
}
ul.list-disc {
    padding-left: 1rem
}
ul.list-disc li {
    list-style-type: disc
}
ul.list-lower-roman {
    padding-left: 1rem
}
ul.list-lower-roman li {
    list-style-type: lower-roman
}
ul.list-upper-roman {
    padding-left: 1rem
}
ul.list-upper-roman li {
    list-style-type: upper-roman
}
ul.list-lower-alpha {
    padding-left: 1rem
}
ul.list-lower-alpha li {
    list-style-type: lower-alpha
}
ul.list-upper-alpha {
    padding-left: 1rem
}
ul.list-upper-alpha li {
    list-style-type: upper-alpha
}
.position-relative {
    position: relative
}
.position-absolute {
    position: absolute
}
.position-fixed {
    position: fixed
}
.cursor-pointer {
    cursor: pointer
}
.play-button {
    position: relative;
    z-index: 10;
    display: block;
    margin: auto;
    width: 5rem;
    height: 5rem;
    line-height: 0
}
.play-button.small {
    width: 3.75rem;
    height: 3.75rem
}
.play-button.small .triangle:before {
top:calc(50% - .5rem);
left:calc(50% - .25rem);
border-width:.5rem
}
.play-button.small .filled-circle {
top:.5rem;
right:.5rem;
bottom:.5rem;
left:.5rem
}
.play-button .filled-circle {
    position: absolute;
top:.625rem;
right:.625rem;
bottom:.625rem;
left:.625rem;
    display: block;
    border-radius: 50%;
    background: #fff;
    transition: all .25s
}
.play-button .stroke-circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%
}
.play-button .triangle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}
.play-button .triangle:before {
    position: absolute;
top:calc(50% - .625rem);
left:calc(50% - .3125rem);
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #333;
    border-style: solid;
border-width:.625rem;
    content: ""
}
.play-button:hover .stroke-circle {
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite
}
.play-button:hover .filled-circle {
box-shadow:0 0 .625rem #fff
}
.btn+.btn {
margin-left:.75rem
}
@media (max-width:768px) {
.btn {
    width: 100%
}
.btn+.btn {
margin-top:.75rem;
    margin-left: 0
}
}
.section {
    background-position: center center;
    background-size: cover
}
.section:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
}
@media (max-width:768px) {
.section-neighbor+.section-neighbor {
    margin-top: 1rem
}
}
.section-moving {
border:.375rem solid #409eff!important;
border-radius:.5rem;
box-shadow:0 0 .75rem rgba(0,0,0,.3);
    transition: all .25s
}
.section-rich-text {
    overflow: hidden
}
.section-rich-text img {
    max-width: 100%
}
.section-rich-text blockquote {
    display: block;
margin-top:.625rem;
margin-bottom:.625rem;
padding:.75rem;
border-left:.25rem solid #d1d1d1;
    background: #f7f8f9;
    text-align: left
}
.section-rich-text code, .section-rich-text pre {
    display: block;
    overflow: visible;
margin-top:.625rem;
margin-bottom:.625rem;
padding:.75rem;
    background-color: rgba(0,0,0,.6);
    color: #f8f8f2
}
.section-rich-text table {
    display: inline-table;
    overflow-x: auto;
    border-top: 0;
    border-right: 0;
border-bottom:.0625rem solid #dee2e6;
border-left:.0625rem solid #dee2e6
}
.section-rich-text table:not(.fixed-width) {
    width: 100%!important
}
.section-rich-text table tbody+tbody {
border-top:.125rem solid #dee2e6
}
.section-rich-text table td, .section-rich-text table th {
padding:.75rem;
border-top:.0625rem solid #dee2e6;
border-right:.0625rem solid #dee2e6;
    border-bottom: 0;
    border-left: 0;
    vertical-align: top
}
.section-rich-text table th {
border-bottom:.125rem solid #dee2e6;
    vertical-align: bottom
}
@media (max-width:48rem) {
.section-rich-text table {
display:block
}
}
.section-rich-text table+* {
margin-top:.75rem
}
.section-rich-text ol li {
    margin-left: 1.25rem;
    list-style: decimal
}
.section-rich-text ul li {
    margin-left: 1.25rem;
    list-style: disc
}
.section-rich-text [style*=lower-alpha] li {
    list-style: lower-alpha
}
.section-rich-text [style*=lower-greek] li {
    list-style: lower-greek
}
.section-rich-text [style*=lower-roman] li {
    list-style: lower-roman
}
.section-rich-text [style*=upper-roman] li {
    list-style: upper-roman
}
.section-rich-text [style*=upper-alpha] li {
    list-style: upper-alpha
}
.section-rich-text [style*=circle] li {
    list-style: circle
}
.section-rich-text [style*=square] li {
    list-style: square
}
@media (max-width:768px) {
.section-rich-text table, .section-rich-text table.fixed-width {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
}
.section-description-content:not(.active) {
    visibility: hidden;
    overflow: hidden;
    height: 1px!important;
    opacity: 0
}
.section-collection-describe {
    position: relative
}
.section-collection-describe p:not(:last-child) {
margin-top:.625rem
}
.section-collection-describe.close {
    overflow: hidden;
    max-height: 9.375rem
}
.section-collection-describe.close:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 3.75rem;
    background: linear-gradient(180deg, rgba(252,251,252,0), #fff);
    content: ''
}
.section-collection-more {
padding-top:.375rem;
padding-bottom:.375rem;
    font-size: 1rem;
    cursor: pointer
}
.section-collection-more:before {
margin-right:.1875rem;
    content: "\e60f";
/*    font-family: iconfont!important*/
}
.section-collection-more:not(.show) {
    display: none
}
.section-collection-more label {
    cursor: pointer
}
.section-collection-more label:last-child {
    display: none
}
.section-collection-more.active:before {
    content: "\e618"
}
.section-paragraph-heading {
    position: relative;
    overflow: hidden;
margin-bottom:.75rem;
    padding-left: 2rem!important;
    height: 2.5rem!important;
    background-color: #ccc;
    line-height: 2.5rem!important
}
.section-paragraph-heading:not(:first-child) {
margin-top:.75rem
}
.section-paragraph-heading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 2rem solid transparent;
    border-bottom: 2.5rem solid rgba(0,0,0,.1);
    content: " "
}
video {
    object-fit: cover;
    object-position: center
}
.tips {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid rgba(64,158,255,.2);
    border-radius: 4px;
    background-color: rgba(64,158,255,.1);
    color: #409eff;
    font-size: 14px
}
.tips-success {
    border-color: rgba(103,194,58,.2);
    background-color: rgba(103,194,58,.1);
    color: #67c23a
}
.tips-info {
    border-color: rgba(144,146,152,.2);
    background-color: rgba(144,146,152,.1);
    color: #909399
}
.tips-warning {
    border-color: rgba(230,162,60,.2);
    background-color: rgba(230,162,60,.1);
    color: #e6a23c
}
.tips-danger {
    border-color: rgba(245,107,107,.2);
    background-color: rgba(245,107,107,.1);
    color: #f56c6c
}
.input-group {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    margin-bottom: 0;
    width: 1%;
    flex: 1 1 auto
}
.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control {
margin-left:-.0625rem
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
    z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.input-group>.custom-file {
    display: flex;
    align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.input-group-append, .input-group-prepend {
    display: flex
}
.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
}
.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
margin-left:-.0625rem
}
.input-group-prepend {
margin-right:-.0625rem
}
.input-group-append {
margin-left:-.0625rem
}
.input-group-text {
    display: flex;
    margin-bottom: 0;
padding:.375rem .75rem;
border:.0625rem solid #ced4da;
border-radius:.25rem;
    background-color: #e9ecef;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    align-items: center
}
.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    margin-top: 0
}
.input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
padding:.5rem 1rem;
height:calc(2.875rem + .125rem);
border-radius:.3rem;
    font-size: 1.25rem;
    line-height: 1.5
}
.input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
padding:.25rem .5rem;
height:calc(1.8125rem + .125rem);
border-radius:.2rem;
font-size:.875rem;
    line-height: 1.5
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.nav {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap
}
.nav-link {
    display: block;
padding:.5rem 1rem
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none
}
.nav-link.disabled {
    color: #6c757d
}
.nav-tabs {
border-bottom:.0625rem solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom:-.0625rem
}
.nav-tabs .nav-link {
border:.0625rem solid transparent;
border-top-right-radius:.25rem;
border-top-left-radius:.25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
    border-color: transparent;
    background-color: transparent;
    color: #6c757d
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #fff;
    background-color: #fff;
    color: #495057
}
.nav-tabs .dropdown-menu {
margin-top:-.0625rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.nav-pills .nav-link {
border-radius:.25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #007bff;
    color: #fff
}
.nav-fill .nav-item {
    text-align: center;
    flex: 1 1 auto
}
.nav-justified .nav-item {
    text-align: center;
    flex-basis: 0;
    flex-grow: 1
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}
.navbar {
    position: relative;
    display: flex;
padding:.5rem 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}
.navbar>.container, .navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}
.navbar-brand {
    display: inline-block;
    margin-right: 1rem;
padding-top:.3125rem;
padding-bottom:.3125rem;
    white-space: nowrap;
    font-size: 1.25rem;
    line-height: inherit
}
.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}
.navbar-nav {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-direction: column
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none
}
.navbar-text {
    display: inline-block;
padding-top:.5rem;
padding-bottom:.5rem
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}
.navbar-toggler {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}
.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}
.navbar-toggler:after, .navbar-toggler:before {
    position: absolute;
    left: 0;
    width: 100%;
height:.125rem;
    background-color: #ccc;
    content: ""
}
.navbar-toggler:before {
top:.25rem
}
.navbar-toggler:after {
bottom:.25rem
}
.navbar-toggler .navbar-toggler-icon {
    position: absolute;
top:calc(50% - .0625rem);
    left: 0;
    width: 100%;
height:.125rem;
    background-color: #ccc;
    content: ""
}
.navbar-toggler.active .navbar-toggler-icon {
    transform: rotate(-45deg)
}
.navbar-toggler.active:before {
top:.4375rem;
left:.125rem;
width:.75rem;
    transform: rotate(45deg)
}
.navbar-toggler.active:after {
bottom:.4375rem;
left:.625rem;
width:.75rem;
    transform: rotate(45deg)
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
    padding-right: 0;
    padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
    flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem
}
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
    flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
    display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
    padding-right: 0;
    padding-left: 0
}
}
@media (min-width: 940px) {
.navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
    flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem
}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
    flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
    display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right: 0;
    padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem
}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
    display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
    padding-right: 0;
    padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
    flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem
}
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
    flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
    display: none
}
}
@media (max-width:1599.98px) {
.navbar-expand-hd>.container, .navbar-expand-hd>.container-fluid {
    padding-right: 0;
    padding-left: 0
}
}
@media (min-width:1600px) {
.navbar-expand-hd {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand-hd .navbar-nav {
    flex-direction: row
}
.navbar-expand-hd .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand-hd .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem
}
.navbar-expand-hd>.container, .navbar-expand-hd>.container-fluid {
    flex-wrap: nowrap
}
.navbar-expand-hd .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}
.navbar-expand-hd .navbar-toggler {
    display: none
}
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand>.container, .navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}
.navbar-expand .navbar-nav {
    flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right:.5rem;
padding-left:.5rem
}
.navbar-expand>.container, .navbar-expand>.container-fluid {
    flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}
.navbar-expand .navbar-toggler {
    display: none
}
.drop-left, .drop-left-bottom, .drop-right, .drop-right-bottom, .drop-up, .drop-up-right, .dropdown, .dropdown-right {
    position: relative
}
.drop-left-bottom.show .dropdown-menu, .drop-left.show .dropdown-menu, .drop-right-bottom.show .dropdown-menu, .drop-right.show .dropdown-menu, .drop-up-right.show .dropdown-menu, .drop-up.show .dropdown-menu, .dropdown-right.show .dropdown-menu, .dropdown.show .dropdown-menu {
    display: block
}
.section-drop .dropdown-item:hover {
    background-color: #f7f7f7
}
.section-drop .dropdown-menu:before {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
border-top:.625rem solid transparent;
border-right:.625rem solid transparent;
border-bottom:.625rem solid #fff;
border-left:.625rem solid transparent;
    content: "";
    transition: all .5s
}
.section-drop .dropdown-menu:after {
    position: absolute;
top:-.625rem;
    left: 0;
    z-index: 1;
    width: 100%;
height:.625rem;
    background-color: #fff;
    content: "";
    opacity: 0
}
.section-drop.dropdown .dropdown-menu:before {
    top: -1.25rem;
    left: 20%
}
.section-drop.dropdown-right .dropdown-menu:before {
    top: -1.25rem;
    right: 20%;
    left: auto
}
.section-drop.drop-up .dropdown-menu:before {
    bottom: -1.25rem;
    left: 20%;
    transform: rotate(-180deg)
}
.section-drop.drop-up-right .dropdown-menu:before {
    right: 20%;
    bottom: -1.25rem;
    left: auto;
    transform: rotate(-180deg)
}
.section-drop.drop-left .dropdown-menu:before {
top:.625rem;
    right: -1.25rem;
    transform: rotate(90deg)
}
.section-drop.drop-left-bottom .dropdown-menu:before {
    top: auto;
    right: -1.25rem;
bottom:.625rem;
    transform: rotate(90deg)
}
.section-drop.drop-right .dropdown-menu:before {
top:.625rem;
    left: -1.25rem;
    transform: rotate(-90deg)
}
.section-drop.drop-right-bottom .dropdown-menu:before {
    top: auto;
bottom:.625rem;
    left: -1.25rem;
    transform: rotate(-90deg)
}
.dropdown-toggle {
    cursor: pointer
}
.dropdown-toggle:not(.no-caret)::after {
    display: inline-block;
    margin-left: .255em;
    width: 0;
    height: 0;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    content: "";
    vertical-align: .255em
}
.dropdown-toggle:not(.no-caret):empty::after {
    margin-left: 0
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
padding:.5rem 0;
    min-width: 10rem;
    background-color: #fff;
    background-clip: padding-box;
box-shadow:0 .75rem 1.875rem -.125rem rgba(0,0,0,.1);
    color: #212529;
    list-style: none;
    text-align: left;
    font-size: 1rem
}
.dropdown-menu-right {
    right: 0;
    left: auto
}
.drop-up .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
margin-bottom:.125rem
}
.drop-up .dropdown-toggle:not(.no-caret)::after {
    display: inline-block;
    margin-left: .255em;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    content: "";
    vertical-align: .255em
}
.drop-up .dropdown-toggle:not(.no-caret):empty::after {
    margin-left: 0
}
.drop-right .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
margin-left:.125rem
}
.drop-right .dropdown-toggle:not(.no-caret)::after {
    display: inline-block;
    margin-left: .255em;
    width: 0;
    height: 0;
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    content: "";
    vertical-align: .255em
}
.drop-right .dropdown-toggle:not(.no-caret):empty::after {
    margin-left: 0
}
.drop-right .dropdown-toggle:not(.no-caret):after {
    vertical-align: 0
}
.drop-left .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
margin-right:.125rem
}
.drop-left .dropdown-toggle:not(.no-caret)::after {
    display: inline-block;
    margin-left: .255em;
    width: 0;
    height: 0;
    content: "";
    vertical-align: .255em
}
.drop-left .dropdown-toggle:not(.no-caret)::after {
    display: none
}
.drop-left .dropdown-toggle:not(.no-caret)::before {
    display: inline-block;
    margin-right: .255em;
    width: 0;
    height: 0;
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent;
    content: "";
    vertical-align: .255em
}
.drop-left .dropdown-toggle:not(.no-caret):empty::after {
    margin-left: 0
}
.drop-left .dropdown-toggle:not(.no-caret):before {
    vertical-align: 0
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}
.dropdown-divider {
    overflow: hidden;
margin:.5rem 0;
    height: 0;
    border-top: 1px solid #e9ecef
}
.dropdown-item {
    clear: both;
    display: block;
    overflow: hidden;
padding:.25rem 1.5rem;
    width: 100%;
    border: 0;
    background-color: transparent;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 400
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none
}
.dropdown-item.disabled, .dropdown-item:disabled {
    background-color: transparent;
    color: #6c757d
}
.dropdown-menu.show {
    display: block
}
.dropdown-header {
    display: block;
    margin-bottom: 0;
padding:.5rem 1.5rem;
    color: #6c757d;
    white-space: nowrap;
font-size:.875rem
}
.dropdown-item-text {
    display: block;
padding:.25rem 1.5rem;
    color: #212529
}
.pagination {
    display: flex;
    padding-left: 0;
border-radius:.25rem;
    list-style: none
}
.page-link {
    position: relative;
    display: block;
margin-left:-.0625rem;
padding:.5rem .75rem;
    color: #6c757d
}
.page-link:hover {
    z-index: 2;
    border-color: #dee2e6;
    color: #fd7e14;
    text-decoration: none
}
.page-link:focus {
    z-index: 2;
    outline: 0;
box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}
.page-item.active .page-link {
    z-index: 1;
    border-bottom: 1px solid #fd7e14;
    color: #fd7e14
}
.page-item.disabled .page-link {
    border-color: #dee2e6;
    background-color: #fff;
    color: #6c757d;
    cursor: auto;
    pointer-events: none
}
.pagination-lg .page-link {
padding:.625rem 1.375rem;
    font-size: 1rem
}
.pagination-sm .page-link {
padding:.25rem .5rem;
font-size:.875rem
}
.fade {
    transition: opacity .15s linear
}
@media screen and (prefers-reduced-motion:reduce) {
.fade {
    transition: none
}
}
.fade:not(.show) {
    opacity: 0
}
.collapse:not(.show) {
    display: none
}
.collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height .35s ease
}
@media screen and (prefers-reduced-motion:reduce) {
.collapsing {
    transition: none
}
}
.section-dialog-overflow {
    overflow: hidden!important
}
.section-dialog {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4000;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    
}
.section-dialog:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    content: ""
}
.section-dialog-container {
    position: relative;
    z-index: 4001;
    margin: 3.75rem auto;
    padding: 1.25rem 1.5625rem;
    width: 31.25rem;
    max-width: 90%!important;
border-radius:.25rem
}
.section-dialog-container .section-dialog-header {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    padding: 0;
    color: #606266;
    font-size: 1rem
}
.section-dialog-container .section-dialog-header span {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.125rem;
    height: 100%;
    text-align: right;
    cursor: pointer
}
.section-dialog-container .section-dialog-header span:after {
    content: "X"
}
.section-dialog-container .section-dialog-header span:hover:after {
    color: #dc3545
}
.section-dialog-container .section-dialog-content {
    position: relative;
font-size:.875rem
}
.section-dialog-container .section-dialog-footer {
    margin-top: 1rem;
    text-align: right
}
.section-dialog-container .section-dialog-footer .section-dialog-button {
    display: inline-block;
margin-left:.5rem;
padding:.25rem .75rem;
    min-width: 6.25rem;
border:.0625rem solid #ccc;
border-radius:.2rem;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
font-size:.875rem;
    line-height: 1.5;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    user-select: none
}
.section-dialog-container .section-dialog-footer .section-dialog-button.active {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff
}
.section-dialog-container:not(.section-dialog-loading) {
    background-color: #fff;
box-shadow:0 .125rem .75rem 0 rgba(0,0,0,.3)
}
.section-dialog.middle {
    text-align: center
}
.section-dialog.middle:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle
}
.section-dialog.middle .section-dialog-container {
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 90%!important;
    max-height: calc(100% - 7.5rem);
    vertical-align: middle;
    text-align: left;
    backface-visibility: hidden
}
.section-loading-dark {
    position: relative;
    min-height: 3.125rem
}
.section-loading-dark:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2998;
    width: 100%;
    height: 100%;
    content: ""
}
.section-loading-dark:not(.section-loading-transparent) {
    background-color: rgba(0,0,0,.8)
}
.section-loading-dark:after {
    position: absolute;
top:calc(50% - .1875rem);
    left: calc(50% - 1.125rem);
    z-index: 2999!important;
    display: inline-block;
width:.625rem;
height:.625rem;
    border-radius: 50%;
    content: '';
    -webkit-animation: darkTyping 1s linear infinite alternate;
    -moz-animation: darkTyping 1s linear infinite alternate;
    animation: darkTyping 1s linear infinite alternate
}
@keyframes darkTyping {
0% {
background-color:#fff;
box-shadow:1.125rem 0 0 0 rgba(255,255,255,.2), 2.25rem 0 0 0 rgba(255,255,255,.2)
}
25% {
background-color:rgba(255,255,255,.4);
box-shadow:1.125rem 0 0 0 #fff, 2.25rem 0 0 0 rgba(255,255,255,.2)
}
75% {
background-color:rgba(255,255,255,.4);
box-shadow:1.125rem 0 0 0 rgba(255,255,255,.2), 2.25rem 0 0 0 #fff
}
}
.section-loading-light {
    position: relative;
    min-height: 3.125rem
}
.section-loading-light:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2998;
    width: 100%;
    height: 100%;
    content: ""
}
.section-loading-light:not(.section-loading-transparent) {
    background-color: rgba(255,255,255,.9)
}
.section-loading-light:after {
    position: absolute;
top:calc(50% - .1875rem);
    left: calc(50% - 1.125rem);
    z-index: 2999!important;
    display: inline-block;
width:.625rem;
height:.625rem;
    border-radius: 50%;
    content: '';
    -webkit-animation: lightTyping 1s linear infinite alternate;
    -moz-animation: lightTyping 1s linear infinite alternate;
    animation: lightTyping 1s linear infinite alternate
}
@keyframes lightTyping {
0% {
background-color:#000;
box-shadow:1.125rem 0 0 0 rgba(0,0,0,.2), 2.25rem 0 0 0 rgba(0,0,0,.2)
}
25% {
background-color:rgba(0,0,0,.4);
box-shadow:1.125rem 0 0 0 #000, 2.25rem 0 0 0 rgba(0,0,0,.2)
}
75% {
background-color:rgba(0,0,0,.4);
box-shadow:1.125rem 0 0 0 rgba(0,0,0,.2), 2.25rem 0 0 0 #000
}
}
.section-loading-button:before {
    display: inline-block;
    content: "\e8fd";
    font-family: fo, iconfont!important;
    animation: rotating 2s linear infinite;
    -webkit-animation: rotating 2s linear infinite
}
@keyframes rotating {
0% {
-webkit-transform:rotateZ(0);
transform:rotateZ(0)
}
100% {
-webkit-transform:rotateZ(360deg);
transform:rotateZ(360deg)
}
}
[class*=section-message-], [class^=section-message-] {
position:fixed;
top:1.25rem;
left:0;
z-index:3999;
width:100%;
text-align:center
}
[class*=section-message-]:after, [class^=section-message-]:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle
}
[class*=section-message-] p, [class^=section-message-] p {
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
padding:.9375rem;
    max-width: 90%!important;
    max-height: calc(100% - 7.5rem);
border:.0625rem solid #e9e9eb;
border-radius:.25rem;
    background-color: #f4f4f5;
    color: #909399;
    vertical-align: middle;
    text-align: left;
    backface-visibility: hidden
}
.section-message-success p {
border:.0625rem solid #e4f2da;
    background-color: #f2f9ec;
    color: #67c23a
}
.section-message-warning p {
border:.0625rem solid #f8ecda;
    background-color: #fcf6ed;
    color: #e6a23c
}
.section-message-danger p {
border:.0625rem solid #f9e3e2;
    background-color: #fcf0f0;
    color: #f56c6c
}
.table {
    margin-bottom: 1rem;
    width: 100%;
    color: #212529
}
.table td, .table th {
padding:.75rem;
border-bottom:.0625rem solid #dee2e6;
    vertical-align: top
}
.table td {
border-bottom:.0625rem solid #dee2e6
}
.table thead th {
    vertical-align: bottom;
    border-bottom-color: #495057
}
.table tbody+tbody {
border-top:.125rem solid #dee2e6
}
.table-sm td, .table-sm th {
padding:.25rem
}
.table-bordered {
border:.0625rem solid #dee2e6
}
.table-bordered td, .table-bordered th {
border:.0625rem solid #dee2e6
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width:.125rem
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075);
    color: #212529
}
.table-primary, .table-primary>td, .table-primary>th {
    background-color: #b8daff
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #7abaff
}
.table-hover .table-primary:hover {
    background-color: #9fcdff
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
    background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #d6d8db
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
    border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
    background-color: #c3e6cb
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
    border-color: #8fd19e
}
.table-hover .table-success:hover {
    background-color: #b1dfbb
}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
    background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
    background-color: #bee5eb
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: #86cfda
}
.table-hover .table-info:hover {
    background-color: #abdde5
}
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
    background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
    background-color: #ffeeba
}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
    border-color: #ffdf7e
}
.table-hover .table-warning:hover {
    background-color: #ffe8a1
}
.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
    background-color: #f5c6cb
}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
    border-color: #ed969e
}
.table-hover .table-danger:hover {
    background-color: #f1b0b7
}
.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
    background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
    border-color: #fbfcfc
}
.table-hover .table-light:hover {
    background-color: #ececf6
}
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
    background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
    background-color: #b8b8b8
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #7a7a7a
}
.table-hover .table-dark:hover {
    background-color: #ababab
}
.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
    background-color: #ababab
}
.table-active, .table-active>td, .table-active>th {
    background-color: rgba(0,0,0,.075)
}
.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,.075)
}
.table .thead-dark th {
    border-color: #454d55;
    background-color: #343a40;
    color: #fff
}
.table .thead-light th {
    border-color: #dee2e6;
    background-color: #e9ecef;
    color: #495057
}
.table-dark {
    background-color: #343a40;
    color: #fff
}
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #454d55
}
.table-dark.table-bordered {
    border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}
.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255,255,255,.075);
    color: #fff
}
@media (max-width:575.98px) {
.table-responsive-sm {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
    border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
    border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
    border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
    border: 0
}
}
@media (max-width:1599.98px) {
.table-responsive-hd {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
.table-responsive-hd>.table-bordered {
    border: 0
}
}
.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
    border: 0
}
.card {
    position: relative;
    display: flex;
    min-width: 0;
border-radius:.25rem;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    word-wrap: break-word;
    transition: all .25s;
    flex-direction: column
}
.card>hr {
    margin-right: 0;
    margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-right-radius:.25rem;
border-top-left-radius:.25rem
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius:.25rem;
border-bottom-left-radius:.25rem
}
.card:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15)
}
.card:not(.related-card) {
    height: 100%
}
.card-body {
    padding: 1.25rem;
    min-height: 1px;
    flex: 1 1 auto
}
@media (max-width:768px) {
.card-body {
padding:.625rem
}
}
.card-title {
margin-bottom:.75rem;
    font-weight: 400
}
.card-subtitle {
margin-top:-.375rem;
    margin-bottom: 0
}
.card-text:last-child {
    margin-bottom: 0
}
.card-text p+p {
    margin-top: 6px
}
.card-link:hover {
    text-decoration: none
}
.card-link+.card-link {
    margin-left: 1.25rem
}
.card-header {
    margin-bottom: 0;
padding:.75rem 1.25rem;
border-bottom:.0625rem solid rgba(0,0,0,.125);
    background-color: rgba(0,0,0,.03)
}
.card-header:first-child {
border-radius:.1875rem .1875rem 0 0
}
.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}
.card-footer {
padding:.75rem 1.25rem;
border-top:.0625rem solid rgba(0,0,0,.125);
    background-color: rgba(0,0,0,.03)
}
.card-footer:last-child {
border-radius:0 0 .1875rem .1875rem
}
.card-header-tabs {
margin-right:-.625rem;
margin-bottom:-.75rem;
margin-left:-.625rem;
    border-bottom: 0
}
.card-header-pills {
margin-right:-.625rem;
margin-left:-.625rem
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}
.card-img {
    width: 100%;
border-radius:.1875rem
}
.card-img-top {
    width: 100%;
border-top-right-radius:.1875rem;
border-top-left-radius:.1875rem
}
.card-img-bottom {
    width: 100%;
border-bottom-right-radius:.1875rem;
border-bottom-left-radius:.1875rem
}
.card-deck {
    display: flex;
    flex-direction: column
}
.card-deck .card {
margin-bottom:.75rem
}
@media (min-width:576px) {
.card-deck {
margin-right:-.75rem;
margin-left:-.75rem;
    flex-flow: row wrap
}
.card-deck .card {
    display: flex;
margin-right:.75rem;
    margin-bottom: 0;
margin-left:.75rem;
    flex: 1 0 0%;
    flex-direction: column
}
}
.card-group {
    display: flex;
    flex-direction: column
}
.card-group>.card {
margin-bottom:.75rem
}
@media (min-width:576px) {
.card-group {
    flex-flow: row wrap
}
.card-group>.card {
    margin-bottom: 0;
    flex: 1 0 0%
}
.card-group>.card+.card {
    margin-left: 0;
    border-left: 0
}
.card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom:.75rem
}
@media (min-width:576px) {
.card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
}
.card-columns .card {
    display: inline-block;
    width: 100%
}
}
.accordion>.card {
    overflow: hidden
}
.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}
.accordion>.card:first-of-type:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.accordion>.card:last-of-type {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.accordion>.card .card-header {
margin-bottom:-.0625rem
}
.breadcrumb {
    display: flex;
border-radius:.25rem;
    list-style: none;
    flex-wrap: nowrap
}
.breadcrumb-item {
    white-space: nowrap
}
.breadcrumb-item+.breadcrumb-item {
padding-left:.75rem
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
padding-right:.75rem;
    content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}
.breadcrumb-item.active {
    color: #6c757d
}
/*@font-face {
    font-family: iconfont;
    src: url(iconfont/iconfont.woff2?t=1650528469311) format("woff2"), url(iconfont/iconfont.woff?t=1650528469311) format("woff")
}*/
.iconfont, [class*=" ic-"], [class^=ic-] {
font-style:normal;
font-size:1rem;
font-family:iconfont!important;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.enquiry-dialog {
    padding: 20px
}
.enquiry-dialog h3 {
    margin-bottom: 20px;
    color: #212529;
    text-align: center;
    font-size: 18px
}
.enquiry-dialog .form-group {
    margin-bottom: 0
}
.enquiry-dialog .form-group .form-control {
    padding-right: 0;
    padding-left: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0
}
.enquiry-dialog .form-group .form-control:focus {
    outline: 0;
    border-color: #80bdff;
    background-color: #fff;
    box-shadow: none;
    color: #495057
}
.enquiry-dialog .form-group button[type=submit] {
    margin-top: 25px
}
.enquiry-dialog .inquiry-form-group {
padding:.375rem .75rem;
    border-bottom: 1px solid #ced4da
}
.enquiry-dialog .inquiry-form-group h5 {
    font-size: 14px
}
.enquiry-dialog .file-upload {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #ced4da
}
.enquiry-dialog .file-upload .file-upload-placeholder {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 70px;
    color: #495057;
    cursor: pointer;
    transition: all 0s;
    align-items: center
}
.enquiry-dialog .file-upload .file-upload-placeholder:before {
    display: block;
    margin-right: 6px;
    content: "\e632";
    font-size: 30px;
    font-family: iconfont!important
}
.enquiry-dialog .file-upload .file-upload-placeholder input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}
.enquiry-dialog .file-upload:hover {
    opacity: .8
}
.enquiry-dialog .file-upload .file-upload-selected {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    width: 100%;
    height: 100%;
border-radius:.25rem;
    background-color: #fff;
    color: #96989b;
    opacity: 0;
    transition: all .5s;
    align-items: center
}
.enquiry-dialog .file-upload .file-upload-selected label {
    position: absolute;
    top: calc(50% - 13px);
    right: 0;
    overflow: hidden;
    padding: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}
.enquiry-dialog .file-upload .file-upload-selected label:before {
    color: #ced4da;
    content: "\e60a";
    font-size: 14px;
    font-family: iconfont!important;
    line-height: 26px
}
.enquiry-dialog .file-upload .file-upload-selected p:before {
    margin-right: 5px;
    content: "\e60b";
    vertical-align: middle;
    font-family: iconfont!important
}
.enquiry-dialog .file-upload .file-upload-selected.active {
    z-index: 10;
    opacity: 1
}
.enquiry-dialog .file-upload small {
    position: absolute;
    right: 6px;
    bottom: 6px;
    color: #ccc
}
.enquiry-dialog .enquiry-dialog-footer {
    margin-top: 1rem;
    text-align: right
}
.enquiry-dialog .enquiry-dialog-footer .btn {
    border-radius: 4px
}
.enquiry-dialog .enquiry-dialog-close {
    position: absolute;
    top: -20px;
    right: -25px;
    width: 50px;
    color: grey;
    text-align: center;
    font-size: 1.5rem;
    line-height: 50px;
    cursor: pointer
}
.enquiry-form.light ::-webkit-input-placeholder {
color:rgba(255,255,255,.6)
}
.enquiry-form.light :-moz-placeholder {
color:rgba(255,255,255,.6)
}
.enquiry-form.light ::-moz-placeholder {
color:rgba(255,255,255,.6)
}
.enquiry-form.light :-ms-input-placeholder {
color:rgba(255,255,255,.6)
}
.enquiry-form.light .break-word, .enquiry-form.light .form-label, .enquiry-form.light .text-heading, .enquiry-form.light label {
    color: #fff
}
.enquiry-form.light .form-control {
    border-color: #fff;
    background: 0 0;
    color: #fff;
font-size:.8rem!important
}
.enquiry-form.light .form-control:focus {
    background-color: rgba(0,0,0,.3)
}
.enquiry-form.light .form-control.is-invalid {
    border: 1px solid red;
    background-color: rgba(255,0,0,.1)
}
.enquiry-form.light .form-control.is-valid {
    border: 1px solid #28a745;
    background-color: rgba(255,0,0,.1)
}
.enquiry-form.light .file-upload {
    color: #fff
}
.enquiry-form.light .file-upload .file-upload-placeholder {
    color: #fff
}
.enquiry-form.light .file-upload .file-upload-selected {
    color: #fff
}
.enquiry-form.light .file-upload .file-upload-selected label {
    color: #fff
}
.enquiry-form.light .file-upload .file-upload-selected label:before {
    color: #ced4da
}
.enquiry-form.light .file-upload .file-upload-selected p {
    color: #fff
}
.enquiry-form .file-upload {
    position: relative;
padding-top:.75rem;
padding-bottom:.75rem;
    border: 1px solid #ced4da;
border-radius:.25rem;
    color: #6c757d;
    text-align: center
}
.enquiry-form .file-upload .file-upload-placeholder {
    position: absolute;
top:.625rem;
    left: 0;
    width: 100%;
    height: 4.125rem;
    color: #6c757d
}
.enquiry-form .file-upload .file-upload-placeholder input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}
.enquiry-form .file-upload .file-upload-placeholder:before {
    display: block;
    content: "\e632";
    font-size: 1.5rem;
    font-family: iconfont!important
}
.enquiry-form .file-upload .file-upload-placeholder.hide {
    display: none
}
.enquiry-form .file-upload .file-upload-selected {
    position: relative;
    z-index: 2;
    display: flex;
    height: 4.125rem;
    color: #6c757d;
    opacity: 0;
    transition: all .5s;
    justify-content: center;
    align-items: center
}
.enquiry-form .file-upload .file-upload-selected label {
    position: absolute;
top:.625rem;
right:.625rem;
    overflow: hidden;
    width: 1.5rem;
    height: 1.5rem;
    color: #6c757d;
    cursor: pointer
}
.enquiry-form .file-upload .file-upload-selected label:before {
    color: #ced4da;
    content: "\e60a";
    font-family: iconfont!important;
    line-height: 1.5rem
}
.enquiry-form .file-upload .file-upload-selected p {
    padding-right: 3.125rem;
    color: #6c757d
}
.enquiry-form .file-upload .file-upload-selected p:before {
margin-right:.3125rem;
    content: "\e60b";
    vertical-align: middle;
    font-family: iconfont!important
}
.enquiry-form .file-upload .file-upload-selected.active {
    z-index: 10;
    opacity: 1
}
.enquiry-form .file-upload small {
    position: absolute;
right:.375rem;
bottom:.375rem
}
.enquiry-form .form-label {
margin-bottom:.375rem
}
.enquiry-form+p {
    margin-top: 1rem
}
.enquiry-form.normal .file-upload {
    background-color: #fff
}
.sidebar h3 {
margin-bottom:.75rem;
padding-bottom:.75rem
}
.sidebar .sidebar-catalog {
    padding: 0;
    list-style: none
}
.sidebar .sidebar-catalog li {
    position: relative
}
.sidebar .sidebar-catalog li .open-placeholder {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer
}
.sidebar .sidebar-catalog li .open-placeholder:after {
    position: relative;
top:.375rem;
    display: inline-block;
    box-sizing: content-box;
margin-left:.75rem;
width:.5rem;
height:.5rem;
    border-style: solid;
border-width:.125rem .125rem 0 0;
    content: '';
    transition: all .2s ease-in-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sidebar .sidebar-catalog li .open-placeholder.show:after {
top:.6875rem;
    transform: rotate(135deg)
}
.sidebar .sidebar-catalog li a {
    position: relative;
    display: block;
    overflow: hidden;
padding:.5rem 2.25rem .5rem 0;
    transition: all .25s
}
.sidebar .sidebar-catalog li a:before {
    position: absolute;
    top: 1.125rem;
    left: 0;
    width: 0;
    height: 1px;
    background: rgba(0,0,0,.4);
    content: "";
    transition: all .25s
}
.sidebar .sidebar-catalog li a.active, .sidebar .sidebar-catalog li a:hover {
    padding-left: 1.125rem
}
.sidebar .sidebar-catalog li a.active:before, .sidebar .sidebar-catalog li a:hover:before {
width:.625rem
}
.sidebar .sidebar-catalog li ul li a {
padding-left:.75rem
}
.sidebar .sidebar-catalog li ul li a.active, .sidebar .sidebar-catalog li ul li a:hover {
    padding-left: 2.0625rem
}
.sidebar .sidebar-catalog li ul li a:before {
left:.75rem
}
.sidebar .sidebar-catalog li ul li ul li a {
    padding-left: 1.875rem
}
.sidebar .sidebar-catalog li ul li ul li a.active, .sidebar .sidebar-catalog li ul li ul li a:hover {
    padding-left: 3rem
}
.sidebar .sidebar-catalog li ul li ul li a:before {
    left: 1.875rem
}
.sidebar .sidebar-catalog ul:not(.show) {
    display: none
}
.sidebar:not(:last-child) {
    margin-bottom: 2.5rem
}
@media (max-width:768px) {
.sidebar:not(:last-child) {
    margin-bottom: 1.5625rem
}
}
.slick {
    position: relative;
    overflow: hidden
}
.slick-dots {
    position: absolute;
bottom:.625rem;
    left: 0;
    z-index: 10;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center
}
.slick-dots li {
    position: relative;
    overflow: hidden;
margin-right:.125rem;
margin-left:.125rem;
width:.625rem;
height:.625rem;
border:.0625rem solid rgba(255,255,255,.4);
    border-radius: 50%;
    background-color: rgba(0,0,0,.4);
    transition: all .25s
}
.slick-dots li button {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}
.slick-dots li.slick-active {
width:.875rem;
height:.875rem
}
@media (max-width:768px) {
.slick-dots {
    transform: scale(.7)
}
}
.slick-arrow, .slick-next, .slick-prev {
    position: absolute;
    top: calc(50% - 3.125rem);
    z-index: 5;
    width: 6.25rem;
    height: 6.25rem;
    outline: 0;
    border: 0;
    border-radius: 3.125rem;
    background-color: rgba(0,0,0,.3);
    background-size: 1.25rem 1.25rem;
    background-repeat: no-repeat;
    color: rgba(255,255,255,.5);
    opacity: 0;
    cursor: pointer;
    transition: all .25s
}
.slick-arrow.dots, .slick-next.dots, .slick-prev.dots {
    top: calc(50% - 4rem)
}
.slick-arrow.small, .slick-next.small, .slick-prev.small {
    transform: scale(.8)
}
.slick-arrow:before, .slick-next:before, .slick-prev:before {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    font-family: iconfont!important;
    line-height: 6.25rem;
    transition: all .25s
}
.slick-arrow:after, .slick-next:after, .slick-prev:after {
    position: absolute;
    top: 0;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 3.125rem;
    content: '';
    opacity: 0;
    transition: all .25s
}
.slick-arrow.light, .slick-next.light, .slick-prev.light {
    background-color: rgba(255,255,255,.5);
    color: rgba(255,255,255,.8)
}
.slick-prev {
    left: -3.125rem;
    background-position: 3.125rem center
}
.slick-prev:before {
    margin-left: 3.125rem;
    content: "\e61d"
}
.slick-prev:after {
    right: 0
}
.slick-next {
    right: -3.125rem;
    background-position: 1.875rem center
}
.slick-next:before {
    margin-left: 1.875rem;
    content: "\e624"
}
.slick-next:after {
    left: 0
}
.slick:hover .slick-next, .slick:hover .slick-prev {
    opacity: 1
}
.slick:hover .slick-next:after, .slick:hover .slick-prev:after {
    opacity: .3
}
@media (max-width:768px) {
.slick-arrow, .slick-next, .slick-prev {
    display: none!important;
    opacity: 0!important
}
}
.slick-slide {
    position: relative;
    float: left;
    display: none;
    outline: 0;
    -moz-outline: none
}
.slick-slide:focus {
    outline: 0;
    -moz-outline: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    width: 100%
}
.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:.0625rem solid transparent
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-right: auto;
    margin-left: auto
}
.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer
}
.slick-list, .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.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-slider.dots-invisible .slick-dots {
    display: none!important;
    opacity: 0!important
}
.slick-slider.arrow-invisible .slick-arrow {
    display: none;
    opacity: 0
}
.slick-slider.slick-slider-transect.slick-dotted {
    padding-bottom: 1.875rem
}
.slick-slider.slick-slider-transect .slick-dots {
    bottom: 0
}
.slick-slider.has-gutter {
margin-right:-.75rem;
margin-left:-.75rem
}
.slick-slider.has-gutter .slick-slide {
margin-right:.75rem;
margin-left:.75rem
}
.slick-slider.dots-light .slick-dots li {
    background-color: rgba(255,255,255,.5);
    color: rgba(0,0,0,.6)
}
@media (max-width:768px) {
.slick-slider.has-gutter {
margin-right:-.375rem;
margin-left:-.375rem
}
.slick-slider.has-gutter .slick-slide {
margin-right:.375rem;
margin-left:.375rem
}
}
.slick-thumbnai {
margin:.5rem 0 0 0
}
.slick-thumbnai .slick-arrow {
    top: calc(50% - 1.5625rem);
    z-index: 5;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center
}
.slick-thumbnai .slick-arrow:after {
    width: 3.125rem;
    height: 3.125rem
}
.slick-thumbnai .slick-arrow:before {
    margin: 0;
    line-height: 3.125rem
}
.slick-thumbnai .slick-prev {
left:.375rem
}
.slick-thumbnai .slick-next {
right:.375rem
}
.slick-thumbnai .slick-slider-player {
    transition: all .3s
}
.slick-thumbnai .slick-slider-player:hover {
    border-left-color: rgba(0,0,0,.4)
}
.slick-thumbnai .slick-slider-player:before {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 5px);
    z-index: 2;
    width: 0;
    height: 0;
border-top:.625rem solid transparent;
border-right:.625rem solid transparent;
border-bottom:.625rem solid transparent;
border-left:.625rem solid rgba(0,0,0,.2);
    content: "";
    transition: all .5s
}
.slick-thumbnai .slick-track {
    margin-right: -1px;
    margin-left: -1px
}
.slick-thumbnai .slick-slide {
    margin-right: 1px;
    margin-left: 1px;
border:.0625rem solid rgba(0,0,0,.1);
    opacity: .7
}
.slick-thumbnai .slick-slide.slick-current {
border:.0625rem solid rgba(0,0,0,.2);
    opacity: 1
}
.slick-thumbnai .slick-slide.slick-current .slick-slider-player:before {
    border-left-color: rgba(0,0,0,.4)
}/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0);
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0);
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0);
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0);
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: jello;
    animation-name: jello
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
}
.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
    opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
    opacity: 1
}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
    opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
    opacity: 0
}
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
opacity:0;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
opacity:1;
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
opacity:0;
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
opacity:1;
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
}
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
opacity:0;
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
opacity:1;
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
opacity:0;
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
opacity:1;
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
}
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
opacity:1;
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
opacity:1;
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
}
}
.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
opacity:1;
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg)
}
to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
opacity:1;
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg)
}
to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
}
}
.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
opacity:1;
-webkit-transform:skewX(20deg);
transform:skewX(20deg)
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes lightSpeedIn {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
opacity:1;
-webkit-transform:skewX(20deg);
transform:skewX(20deg)
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg)
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg)
}
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
opacity:0;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
-webkit-transform-origin:center;
transform-origin:center
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    transform-origin: center
}
}
@keyframes rotateIn {
0% {
opacity:0;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
-webkit-transform-origin:center;
transform-origin:center
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    transform-origin: center
}
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
opacity:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
@keyframes rotateInDownLeft {
0% {
opacity:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
opacity:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
@keyframes rotateInDownRight {
0% {
opacity:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
opacity:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
@keyframes rotateInUpLeft {
0% {
opacity:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
opacity:0;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
@keyframes rotateInUpRight {
0% {
opacity:0;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
opacity:1;
-webkit-transform-origin:center;
transform-origin:center
}
to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center;
    transform-origin: center
}
}
@keyframes rotateOut {
0% {
opacity:1;
-webkit-transform-origin:center;
transform-origin:center
}
to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center;
    transform-origin: center
}
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity:1;
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
@keyframes rotateOutDownLeft {
0% {
opacity:1;
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity:1;
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
@keyframes rotateOutDownRight {
0% {
opacity:1;
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity:1;
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
@keyframes rotateOutUpLeft {
0% {
opacity:1;
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity:1;
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
@keyframes rotateOutUpRight {
0% {
opacity:1;
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
opacity:1;
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0)
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
opacity:1;
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0)
}
}
.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
}
.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
    opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
    opacity: 0
}
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
visibility:visible;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
visibility:visible;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
visibility:visible;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
visibility:visible;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
visibility:visible;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
visibility:visible;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
visibility:visible;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
visibility:visible;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}