@charset "UTF-8";
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 6in;
  --breakpoint-md: 8in;
  --breakpoint-lg: 62pc;
  --breakpoint-xl: 75pc;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}



.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none
}

.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc
}

.btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-info:focus,
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b
}

.btn-info:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none
}

.btn-link:hover {
  color: #0056b3
}

.btn-link:focus,
.btn-link:hover {
  text-decoration: underline
}

.btn-link:disabled {
  color: #6c757d;
  pointer-events: none
}

.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

.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%
}

.dropdown {
  position: relative
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa
}

.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff
}

.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent
}

.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529
}

.navbar {
  position: relative;
  padding: .5rem 1rem
}

.navbar,
.navbar .container,
.navbar .container-lg,
.navbar .container-md {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}

.media-body {
  -ms-flex: 1;
  flex: 1
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes spinner-grow {
  0 {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes spinner-grow {
  0 {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

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

@supports ((position:-webkit-sticky)or(position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3
  }
}

.h-25 {
  height: 25%!important
}

.h-50 {
  height: 50%!important
}

.h-75 {
  height: 75%!important
}

.h-100 {
  height: 100%!important
}

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

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

@media (min-width:736px) {
  .text-md-left {
    text-align: left!important
  }
  .text-md-center {
    text-align: center!important
  }
}

@media (min-width:736px) {
  .text-lg-left {
    text-align: left!important
  }
  .text-lg-center {
    text-align: center!important
  }
}

.text-primary {
  color: #007bff!important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3!important
}

.text-info {
  color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
  color: #0f6674!important
}

.text-body {
  color: #212529!important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5)!important
}

@media print {
  *,
   :after,
   :before {
    text-shadow: none!important;
    box-shadow: none!important
  }
  a:not(.btn) {
    text-decoration: underline
  }
  img {
    page-break-inside: avoid
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
  @page {
    size: a3
  }
  .container,
  body {
    min-width: 62pc!important
  }
  .navbar {
    display: none
  }
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar
}

*,
:after,
:before {
  box-sizing: inherit
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:736px) {
  .container {
    max-width: 45pc
  }
}

@media (min-width:736px) {
  .container {
    max-width: 60pc
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 855pt
  }
}

.container-lg,
.container-md {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:500px) {
  .container {
    max-width: 540px
  }
}

@media (min-width:736px) {
  .container,
  .container-md {
    max-width: 45pc
  }
}

@media (min-width:736px) {
  .container,
  .container-lg,
  .container-md {
    max-width: 60pc
  }
}

@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md {
    max-width: 855pt
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.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-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 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width:300px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width:736px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.align-content-center {
  -ms-flex-line-pack: center!important;
  align-content: center!important
}

@media (min-width:736px) {
  .align-content-md-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
  }
}

@media (min-width:736px) {
  .align-content-lg-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
  }
}

.mt-0 {
  margin-top: 0!important
}

.mr-0 {
  margin-right: 0!important
}

.mb-0 {
  margin-bottom: 0!important
}

.mt-1 {
  margin-top: .25rem!important
}

.mr-1 {
  margin-right: .25rem!important
}

.mb-1 {
  margin-bottom: .25rem!important
}

.mt-2 {
  margin-top: .5rem!important
}

.mr-2 {
  margin-right: .5rem!important
}

.mb-2 {
  margin-bottom: .5rem!important
}

.mt-3 {
  margin-top: 1rem!important
}

.mr-3 {
  margin-right: 1rem!important
}

.mb-3 {
  margin-bottom: 1rem!important
}

.mt-4 {
  margin-top: 1.5rem!important
}

.mr-4 {
  margin-right: 1.5rem!important
}

.mb-4 {
  margin-bottom: 1.5rem!important
}

.mt-5 {
  margin-top: 3rem!important
}

.mr-5 {
  margin-right: 3rem!important
}

.mb-5 {
  margin-bottom: 3rem!important
}

.p-0 {
  padding: 0!important
}

.py-0 {
  padding-top: 0!important
}

.px-0 {
  padding-right: 0!important
}

.pb-0,
.py-0 {
  padding-bottom: 0!important
}

.px-0 {
  padding-left: 0!important
}

.p-1 {
  padding: .25rem!important
}

.py-1 {
  padding-top: .25rem!important
}

.px-1 {
  padding-right: .25rem!important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem!important
}

.px-1 {
  padding-left: .25rem!important
}

.p-2 {
  padding: .5rem!important
}

.py-2 {
  padding-top: .5rem!important
}

.px-2 {
  padding-right: 0!important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem!important
}

.px-2 {
  padding-left: 0!important
}

.p-3 {
  padding: 1rem!important
}

.py-3 {
  padding-top: 1rem!important
}

.px-3 {
  padding-right: 1rem!important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem!important
}

.px-3 {
  padding-left: 1rem!important
}

.p-4 {
  padding: 1.5rem!important
}

.py-4 {
  padding-top: 1.5rem!important
}

.px-4 {
  padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem!important
}

.px-4 {
  padding-left: 1.5rem!important
}

.p-5 {
  padding: 3rem!important
}

.py-5 {
  padding-top: 3rem!important
}

.px-5 {
  padding-right: 3rem!important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem!important
}

.px-5 {
  padding-left: 3rem!important
}

@media (min-width:736px) {
  .mt-md-0 {
    margin-top: 0!important
  }
  .mr-md-0 {
    margin-right: 0!important
  }
  .mb-md-0 {
    margin-bottom: 0!important
  }
  .mt-md-1 {
    margin-top: .25rem!important
  }
  .mr-md-1 {
    margin-right: .25rem!important
  }
  .mb-md-1 {
    margin-bottom: .25rem!important
  }
  .mt-md-2 {
    margin-top: .5rem!important
  }
  .mr-md-2 {
    margin-right: .5rem!important
  }
  .mb-md-2 {
    margin-bottom: .5rem!important
  }
  .mt-md-3 {
    margin-top: 1rem!important
  }
  .mr-md-3 {
    margin-right: 1rem!important
  }
  .mb-md-3 {
    margin-bottom: 1rem!important
  }
  .mt-md-4 {
    margin-top: 1.5rem!important
  }
  .mr-md-4 {
    margin-right: 1.5rem!important
  }
  .mb-md-4 {
    margin-bottom: 1.5rem!important
  }
  .mt-md-5 {
    margin-top: 3rem!important
  }
  .mr-md-5 {
    margin-right: 3rem!important
  }
  .mb-md-5 {
    margin-bottom: 3rem!important
  }
  .p-md-0 {
    padding: 0!important
  }
  .py-md-0 {
    padding-top: 0!important
  }
  .px-md-0 {
    padding-right: 0!important
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0!important
  }
  .px-md-0 {
    padding-left: 0!important
  }
  .p-md-1 {
    padding: .25rem!important
  }
  .py-md-1 {
    padding-top: .25rem!important
  }
  .px-md-1 {
    padding-right: .25rem!important
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem!important
  }
  .px-md-1 {
    padding-left: .25rem!important
  }
  .p-md-2 {
    padding: .5rem!important
  }
  .py-md-2 {
    padding-top: .5rem!important
  }
  .px-md-2 {
    padding-right: .5rem!important
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem!important
  }
  .px-md-2 {
    padding-left: .5rem!important
  }
  .p-md-3 {
    padding: 1rem!important
  }
  .py-md-3 {
    padding-top: 1rem!important
  }
  .px-md-3 {
    padding-right: 1rem!important
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem!important
  }
  .px-md-3 {
    padding-left: 1rem!important
  }
  .p-md-4 {
    padding: 1.5rem!important
  }
  .py-md-4 {
    padding-top: 1.5rem!important
  }
  .px-md-4 {
    padding-right: 1.5rem!important
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem!important
  }
  .px-md-4 {
    padding-left: 1.5rem!important
  }
  .p-md-5 {
    padding: 3rem!important
  }
  .py-md-5 {
    padding-top: 3rem!important
  }
  .px-md-5 {
    padding-right: 3rem!important
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem!important
  }
  .px-md-5 {
    padding-left: 3rem!important
  }
}

@media (min-width:736px) {
  .mt-lg-0 {
    margin-top: 0!important
  }
  .mr-lg-0 {
    margin-right: 0!important
  }
  .mb-lg-0 {
    margin-bottom: 0!important
  }
  .mt-lg-1 {
    margin-top: .25rem!important
  }
  .mr-lg-1 {
    margin-right: .25rem!important
  }
  .mb-lg-1 {
    margin-bottom: .25rem!important
  }
  .mt-lg-2 {
    margin-top: .5rem!important
  }
  .mr-lg-2 {
    margin-right: .5rem!important
  }
  .mb-lg-2 {
    margin-bottom: .5rem!important
  }
  .mt-lg-3 {
    margin-top: 1rem!important
  }
  .mr-lg-3 {
    margin-right: 1rem!important
  }
  .mb-lg-3 {
    margin-bottom: 1rem!important
  }
  .mt-lg-4 {
    margin-top: 1.5rem!important
  }
  .mr-lg-4 {
    margin-right: 1.5rem!important
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem!important
  }
  .mt-lg-5 {
    margin-top: 3rem!important
  }
  .mr-lg-5 {
    margin-right: 3rem!important
  }
  .mb-lg-5 {
    margin-bottom: 3rem!important
  }
  .p-lg-0 {
    padding: 0!important
  }
  .py-lg-0 {
    padding-top: 0!important
  }
  .px-lg-0 {
    padding-right: 0!important
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0!important
  }
  .px-lg-0 {
    padding-left: 0!important
  }
  .p-lg-1 {
    padding: .25rem!important
  }
  .py-lg-1 {
    padding-top: .25rem!important
  }
  .px-lg-1 {
    padding-right: .25rem!important
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem!important
  }
  .px-lg-1 {
    padding-left: .25rem!important
  }
  .p-lg-2 {
    padding: .5rem!important
  }
  .py-lg-2 {
    padding-top: .5rem!important
  }
  .px-lg-2 {
    padding-right: .5rem!important
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem!important
  }
  .px-lg-2 {
    padding-left: .5rem!important
  }
  .p-lg-3 {
    padding: 1rem!important
  }
  .py-lg-3 {
    padding-top: 1rem!important
  }
  .px-lg-3 {
    padding-right: 1rem!important
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem!important
  }
  .px-lg-3 {
    padding-left: 1rem!important
  }
  .p-lg-4 {
    padding: 1.5rem!important
  }
  .py-lg-4 {
    padding-top: 1.5rem!important
  }
  .px-lg-4 {
    padding-right: 1.5rem!important
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem!important
  }
  .px-lg-4 {
    padding-left: 1.5rem!important
  }
  .p-lg-5 {
    padding: 3rem!important
  }
  .py-lg-5 {
    padding-top: 3rem!important
  }
  .px-lg-5 {
    padding-right: 3rem!important
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem!important
  }
  .px-lg-5 {
    padding-left: 3rem!important
  }
}

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

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

footer,
section {
  display: block
}

body {
  margin: 0;

  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

strong {
  font-weight: bolder
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent
}

a:hover {
  color: #0056b3;
  text-decoration: underline
}

a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: none
}

img {
  vertical-align: middle;
  border-style: none
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}

input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible
}

[role=button] {
  cursor: pointer
}

[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[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-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

[hidden] {
  display: none!important
}

@-webkit-keyframes bounce {
  0,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%,
  43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  40%,
  43%,
  70% {
    -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)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {
  0,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%,
  43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  40%,
  43%,
  70% {
    -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)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

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

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

@-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)
  }
}

@keyframes pulse {
  0,
  to {
    -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)
  }
}

@-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)
  }
}

@keyframes rubberBand {
  0,
  to {
    -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)
  }
}

@-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)
  }
}

@-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)
  }
}

@keyframes headShake {
  0,
  50% {
    -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)
  }
}

@-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)
  }
}

@-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)
  }
}

@keyframes tada {
  0,
  to {
    -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)
  }
}

@-webkit-keyframes wobble {
  0 {
    -webkit-transform: none;
    transform: none
  }
  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)
  }
}

@keyframes wobble {
  0,
  to {
    -webkit-transform: none;
    transform: none
  }
  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: none;
    transform: none
  }
}

@-webkit-keyframes jello {
  0,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none
  }
  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: none;
    transform: none
  }
  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)
  }
}

@-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)
  }
}

@-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: none;
    transform: none
  }
}

@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: none;
    transform: none
  }
}

@-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: none;
    transform: none
  }
}

@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: none;
    transform: none
  }
}

@-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: none;
    transform: none
  }
}

@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: none;
    transform: none
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-webkit-keyframes fadeIn {
  0 {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0 {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInDown {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInDownBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDownBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInLeft {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInLeftBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeftBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInRight {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInRightBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRightBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInUp {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInUpBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUpBig {
  0 {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeOut {
  0 {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0 {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-webkit-keyframes flip {
  0 {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn)
  }
  0,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  }
  50%,
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0 {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn)
  }
  0,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  }
  50%,
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@-webkit-keyframes flipInX {
  0 {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
  0,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0 {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
  0,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes flipInY {
  0 {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
  0,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0 {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
  0,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

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

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

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

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

@-webkit-keyframes lightSpeedIn {
  0 {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
  }
  60%,
  80% {
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes lightSpeedIn {
  0 {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
  }
  60%,
  80% {
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

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

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

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

@-webkit-keyframes rotateInDownLeft {
  0 {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0 {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@-webkit-keyframes rotateInDownRight {
  0 {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  0,
  to {
    -webkit-transform-origin: right bottom
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0 {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  0,
  to {
    -webkit-transform-origin: right bottom
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@-webkit-keyframes rotateInUpLeft {
  0 {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0 {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

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

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

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

@-webkit-keyframes rotateOutDownLeft {
  0 {
    transform-origin: left bottom;
    opacity: 1
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0 {
    transform-origin: left bottom;
    opacity: 1
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@-webkit-keyframes rotateOutDownRight {
  0 {
    transform-origin: right bottom;
    opacity: 1
  }
  0,
  to {
    -webkit-transform-origin: right bottom
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0 {
    transform-origin: right bottom;
    opacity: 1
  }
  0,
  to {
    -webkit-transform-origin: right bottom
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@-webkit-keyframes rotateOutUpLeft {
  0 {
    transform-origin: left bottom;
    opacity: 1
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0 {
    transform-origin: left bottom;
    opacity: 1
  }
  0,
  to {
    -webkit-transform-origin: left bottom
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

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

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

@-webkit-keyframes hinge {
  0 {
    transform-origin: top left
  }
  0,
  20%,
  60% {
    -webkit-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);
    transform-origin: top left
  }
  40%,
  80% {
    -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;
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0 {
    transform-origin: top left
  }
  0,
  20%,
  60% {
    -webkit-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);
    transform-origin: top left
  }
  40%,
  80% {
    -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;
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@-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: none;
    transform: none
  }
}

@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: none;
    transform: none
  }
}

@-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)
  }
}

@-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
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-webkit-keyframes zoomOut {
  0 {
    opacity: 1
  }
  50% {
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50%,
  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0 {
    opacity: 1
  }
  50% {
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50%,
  to {
    opacity: 0
  }
}

@-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)
  }
}

@-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
  }
}

@-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
  }
}

@-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)
  }
}

@-webkit-keyframes slideInDown {
  0 {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0 {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes slideInLeft {
  0 {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0 {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes slideInRight {
  0 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes slideInUp {
  0 {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0 {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

@-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)
  }
}

.navbar-dropdown {
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .45s ease;
  z-index: 4;
  background: #282828
}

.navbar-dropdown .navbar-logo {
  margin-right: .8rem;
  transition: margin .3s ease-in-out;
  vertical-align: middle
}

.navbar-dropdown .navbar-logo img {
  height: 3.125rem;
  transition: all .3s ease-in-out
}

.navbar-dropdown .navbar-logo.mbr-iconfont {
  font-size: 3.125rem;
  line-height: 3.125rem
}

.navbar-dropdown .navbar-caption {
  font-weight: 700;
  white-space: normal;
  vertical-align: -4px;
  line-height: 3.125rem!important
}

.navbar-dropdown .navbar-caption,
.navbar-dropdown .navbar-caption:hover {
  color: inherit;
  text-decoration: none
}

.navbar-dropdown .mbr-iconfont + .navbar-caption {
  vertical-align: -1px
}

[data-icon]:before {
  font-family: socicon!important;
  content: attr(data-icon);
  font-style: normal!important;
  font-weight: 400!important;
  font-variant: normal!important;
  text-transform: none!important
}

[class*=" socicon-"],
[class^=socicon-],
[data-icon]:before {
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

[class*=" socicon-"],
[class^=socicon-] {
  font-family: Socicon!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none
}

section {
  background-color: #eee
}

.container,
section {
  position: relative;
  word-wrap: break-word
}

:focus {
  outline: 0
}

a.mbr-iconfont:hover {
  text-decoration: none
}

a {
  font-style: normal;
  font-weight: 400;
  cursor: pointer
}

a,
a:hover {
  text-decoration: none
}

body {
  color: #232323;
  overflow: hidden
}

.display-1,
.display-2,
.display-3,
.display-4,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  word-break: break-word;
  word-wrap: break-word
}

strong {
  font-weight: 700
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  transition-delay: 9999s;
  transition-property: background-color, color
}

body {
  position: relative
}

section {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.hidden {
  visibility: hidden
}




/*! Base colors */

.mbr-white {
  color: #fff
}

.mbr-black {
  color: #333
}




/*! Text-aligns */

.align-left {
  text-align: left
}

.align-center {
  text-align: center
}

@media (max-width:736px) {
  .align-center,
  .align-left,
  .mbr-section-btn,
  .mbr-section-title {
    text-align: center
  }
}




/*! Font-weight  */


/*! Media  */

.media-content {
  -webkit-flex-basis: 100%;
  flex-basis: 100%
}

.media-container-row {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start
}

.media-container-column,
.media-container-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.media-container-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.media-container-column > * {
  width: 100%
}

@media (min-width:736px) {
  .media-container-row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.media {
  margin: 0 auto
}

.media,
.media-container > div {
  max-width: 100%
}

@media (max-width:736px) {
  .media {
    width: auto
  }
}




/*! Buttons */

.mbr-section-btn {
  margin-left: -.25rem;
  margin-right: -.25rem;
  font-size: 0
}




/*! Btn icon margin */

.btn .mbr-iconfont {
  cursor: pointer;
  margin-left: .5rem
}

.btn.btn-md .mbr-iconfont {
  margin-left: .8rem
}

[type=submit] {
  -webkit-appearance: none
}




/*! Full-screen */


/*! Map */


/*! Scroll to top arrow */

.mbr-arrow-up {
  bottom: 25px;
  right: 90px;
  position: fixed;
  text-align: right;
  z-index: 5;
  color: #fff;
  font-size: 2pc;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}

.mbr-arrow-up a {
  background: rgba(0, 0, 0, .2);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 60px;
  width: 60px;
  outline-style: none!important;
  position: relative;
  text-decoration: none;
  transition: all .3s ease-in-out;
  cursor: pointer;
  text-align: center
}

.mbr-arrow-up a:hover {
  background-color: rgba(0, 0, 0, .4)
}

.mbr-arrow-up a i {
  line-height: 60px
}

.mbr-arrow-up-icon {
  display: block;
  color: #fff
}

.mbr-arrow-up-icon:before {
  content: "\203a";
  display: inline-block;
  font-size: 2pc;
  line-height: 1;
  font-style: normal;
  position: relative;
  top: 6px;
  left: -4px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}




/*! Arrow Down */

.mbr-arrow {
  position: absolute;
  bottom: 45px;
  left: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: rgba(80, 80, 80, .5);
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mbr-arrow > a {
  display: inline-block;
  text-decoration: none;
  outline-style: none;
  -webkit-animation: Bb 1.7s ease-in-out infinite;
  animation: Bb 1.7s ease-in-out infinite
}

.mbr-arrow > a > i {
  position: absolute;
  top: -2px;
  left: 15px;
  font-size: 2rem
}

@keyframes Bb {
  0 {
    transform: translateY(0);
    -webkit-transform: translateY(0)
  }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
  }
}

@-webkit-keyframes Bb {
  0,
  to {
    transform: translateY(0);
    -webkit-transform: translateY(0)
  }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
  }
  to {
    transform: translateY(0);
    -webkit-transform: translateY(0)
  }
}

@media (max-width:500px) {
  .mbr-arrow-up {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg)
  }
}

@keyframes gradient-animation {
  0% {
    background-position: 0 100%
  }
  0%,
  to {
    animation-timing-function: ease-in-out
  }
  to {
    background-position: 100% 0
  }
}

@-webkit-keyframes gradient-animation {
  0% {
    background-position: 0 100%
  }
  0%,
  to {
    animation-timing-function: ease-in-out
  }
  to {
    background-position: 100% 0
  }
}

.navbar {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between
}

.navbar {
  -webkit-align-items: center
}

.row {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap
}

.media {
  display: -webkit-flex
}

input[type=range] {
  padding-left: 0!important;
  padding-right: 0!important
}

body,
html {
  height: auto;
  min-height: 100vh
}

body {
  font-style: normal;
  line-height: 1.5
}

.mbr-section-title {
  font-style: normal;
  line-height: 1.2
}

.mbr-text {
  font-style: normal;
  line-height: 1.5
}

.mbr-section-btn .btn {
  font-weight: 500;
  border-width: 2px;
  font-style: normal;
  margin: .4rem .8rem;
  border-radius: 0;
  justify-content: space-between;
  white-space: normal;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inline-flex;
  align-items: center;
  word-break: break-word;
  -webkit-align-items: center;
  display: -webkit-inline-flex
}

.mbr-section-btn .btn .mbr-iconfont {
  order: 2;
  transition: all .6s
}

.mbr-section-btn .btn:hover .mbr-iconfont {
  margin-right: -.6rem
}

.btn-lg,
.btn-md {
  font-weight: 500;
  margin: .4rem .8rem!important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.btn-lg {
  padding: 1.6rem 2rem!important
}

#scrollToTop a i:before {
  content: '';
  position: absolute;
  height: 40%;
  top: 25%;
  background: #fff;
  width: 2px;
  left: calc(50% - 1px)
}

#scrollToTop a i:after {
  content: '';
  position: absolute;
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 40%;
  height: 40%;
  left: 30%;
  bottom: 30%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg)
}

.mbr-arrow a {
  color: #fff
}

@media (max-width:736px) {
  .mbr-arrow {
    display: none
  }
}

.mbr-overlay {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none
}




.btn,
.btn-md {
  padding: 1rem 3rem;
  border-radius: 3px
}

.btn-lg {
  padding: 1.2rem 3.2rem;
  border-radius: 3px
}

.btn-primary,
.btn-primary:active {
  background-color: #dd1b31!important;
  border-color: #dd1b31!important;
  color: #fff!important
}

.btn-primary:disabled,
.btn-primary:focus,
.btn-primary:hover {
  color: #fff!important;
  background-color: #eb5a6a!important;
  border-color: #eb5a6a!important
}

.btn-info,
.btn-info:active {
  background-color: #82786e!important;
  border-color: #82786e!important
}

.btn-info:disabled,
.btn-info:focus,
.btn-info:hover {
  color: #fff!important;
  background-color: #a69e96!important;
  border-color: #a69e96!important
}

.btn-white {
  color: #222!important
}

.btn-white,
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
  background-color: #fff!important;
  border-color: #fff!important;
  color: grey!important
}

.btn-white:disabled {
  color: grey!important;
  background-color: #fff!important;
  border-color: #fff!important
}

.btn-black,
.btn-black:active {
  background-color: #222!important;
  border-color: #222!important;
  color: #fff!important
}

.btn-black:disabled,
.btn-black:focus,
.btn-black:hover {
  color: #fff!important;
  background-color: #484848!important;
  border-color: #484848!important
}

.text-primary {
  color: #dd1b31!important
}

.text-info {
  color: #82786e!important
}

.text-white {
  color: #fff!important
}

.text-black {
  color: #000!important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #ee707f!important
}

a.text-info:focus,
a.text-info:hover {
  color: #b2aba4!important
}

a.text-white:focus,
a.text-white:hover {
  color: #fff!important
}

a.text-black:focus,
a.text-black:hover {
  color: #000!important
}

.mbr-section-btn a.btn:not(.btn-form):focus,
.mbr-section-btn a.btn:not(.btn-form):hover {
  box-shadow: none!important
}



.cid-column001 {
  padding-top: 50px;
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  margin-top: 40px
}

.cid-column001 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column001 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column001 .team-item .item-image img {
  width: 100%
}

.cid-column001 .team-item .item-name p,
.cid-column001 .team-item .item-role p {
  margin-bottom: 0
}

.cid-column002 {
  padding-top: 20px;
  padding-bottom: 60px;
  background-color: #fff;
  background-image: linear-gradient(180deg, #fff, #EFEFED);
}

.cid-column002 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column002 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column002 .team-item .item-image img {
  width: 100%
}

.cid-column002 .team-item .item-name p,
.cid-column002 .team-item .item-role p {
  margin-bottom: 0
}

.cid-column003 {
  padding-top: 100px;
  padding-bottom: 250px;
}

.cid-column003.scroll-section {
  background-image: url('../assets/img/bg_001.jpg');
  transition: background-size 3s;
}

@media (max-width: 736px) {
  .cid-column003.scroll-section {
    background-image: url('../assets/img/bg_001-2.jpg');
    background-size: cover !important;
  }
}


.cid-column003 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}


.cid-column003 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column003 .team-item .item-image img {
  width: 100%
}

.cid-column003 .team-item .item-name p,
.cid-column003 .team-item .item-role p {
  margin-bottom: 0
}

.circle {
  position: absolute;
  z-index: -1;
  left: -250px;
  top: -130px;
  width: 400px;
  height: 400px;
  background: #00205B;
  border-radius: 50%;
  animation: wobbling_x 0.8s ease-in-out infinite alternate,
  wobbling_y 1.1s ease-in-out infinite alternate;
}

@keyframes wobbling_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes wobbling_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle2 {
  position: absolute;
  z-index: 1;
  background: #00205B;
  right: -250px;
  bottom: -50px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  animation: wobbling2_x 0.7s ease-in-out infinite alternate,
  wobbling2_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling2_x {
  0% {
    margin-right: 8px;
  }
  100% {
    margin-right: 0px;
  }
}

@keyframes wobbling2_y {
  0% {
    margin-bottom: 0px;
  }
  100% {
    margin-bottom: 8px;
  }
}


.circle3 {
  position: absolute;
  z-index: -1;
  background: #BDD7EE;
  left: 30px;
  top: -100px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  animation: wobbling3_x 0.6s ease-in-out infinite alternate,
  wobbling3_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling3_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes wobbling3_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle4 {
  position: absolute;
  z-index: 1;
  background: #B4C7E7;
  left: -170px;
  top: 130px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  animation: wobbling4_x 0.7s ease-in-out infinite alternate,
  wobbling4_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling4_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes wobbling4_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle5 {
  position: absolute;
  z-index: 1;
  background: #DAE3F2;
  left: -100px;
  top: 270px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  animation: wobbling5_x 0.8s ease-in-out infinite alternate,
  wobbling5_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling5_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes wobbling5_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle6 {
  position: absolute;
  z-index: 1;
  background: #9DC3E6;
  left: 100px;
  top: 400px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  animation: wobbling6_x 0.5s ease-in-out infinite alternate,
  wobbling6_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling6_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes wobbling6_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle7 {
  position: absolute;
  z-index: -1;
  background: #B4C7E7;
  right: -180px;
  top: -100px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  animation: wobbling7_x 0.7s ease-in-out infinite alternate,
  wobbling7_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling7_x {
  0% {
    margin-right: 8px;
  }
  100% {
    margin-right: 0px;
  }
}

@keyframes wobbling7_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle8 {
  position: absolute;
  z-index: -1;
  background: #DAE3F2;
  right: 30px;
  top: -85px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  animation: wobbling8_x 0.6s ease-in-out infinite alternate,
  wobbling8_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling8_x {
  0% {
    margin-right: 8px;
  }
  100% {
    margin-right: 0px;
  }
}

@keyframes wobbling8_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle9 {
  position: absolute;
  z-index: -1;
  background: #9DC3E6;
  right: 100px;
  top: 70px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  animation: wobbling9_x 0.5s ease-in-out infinite alternate,
  wobbling9_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling9_x {
  0% {
    margin-right: 8px;
  }
  100% {
    margin-right: 0px;
  }
}

@keyframes wobbling9_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}

.circle10 {
  position: absolute;
  z-index: 1;
  background: #2F5596;
  right: 80px;
  bottom: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  animation: wobbling10_x 0.6s ease-in-out infinite alternate,
  wobbling10_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling10_x {
  0% {
    margin-right: 8px;
  }
  100% {
    margin-right: 0px;
  }
}

@keyframes wobbling10_y {
  0% {
    margin-bottom: 0px;
  }
  100% {
    margin-bottom: 8px;
  }
}







#video-container {
  align-items: flex-end;
  /* ??????????z?u */
  min-height: 100vh;
  position: absolute;
  width: 100%;
  top: -300px;
  max-height: calc(100vh - 1px);
  /* ????????????????????1?s?N?Z?????????l??? */
  overflow: hidden;
  z-index: -2;
}

#video-background {
  width: auto;
  height: 70%;
  /* ??????????R???e?i??????? */
  position: absolute;
  /* ??ΓI???u */
  bottom: 0;
  /* ??????z?u */
  left: 50%;
  /* ??????????????z?u */
  transform: translateX(-50%);
  /* ????50%????????????z?u */
  opacity: 0.7;
}









/* ?????? */

.fadeIn {
  animation: zoom-in-anim 2s;
}

@keyframes zoom-in-anim {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  30% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.fadeIn2 {
  animation: zoom-in-anim2 4s;
}

@keyframes zoom-in-anim2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.cid-column004 {
  padding-top: 80px;
  padding-bottom: 100px;
  background-image: url("../assets/img/bg_002.jpg");
}


@media (max-width: 736px) {
  .cid-column004 {
    background-image: url("../assets/img/bg_002-2.jpg");
  }
}



.cid-column004 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column004 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column004 .team-item .item-image img {
  width: 100%
}

.cid-column004 .team-item .item-name p,
.cid-column004 .team-item .item-role p {
  margin-bottom: 0
}

.cid-column005 {
  padding-top: 60px;
  padding-bottom: 220px;
  background-image: linear-gradient(180deg, #fff, #F2F2F2);
}

.cid-column005 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column005 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column005 .team-item .item-image img {
  width: 100%
}

.cid-column005 .team-item .item-name p,
.cid-column005 .team-item .item-role p {
  margin-bottom: 0
}

.cid-column006 {
  padding-top: 300px;
  padding-bottom: 300px;
}

.cid-column006.scroll-section {
  background-image: url('../assets/img/bg_003.jpg');
  transition: background-size 3s;
}

@media (max-width: 736px) {
  .cid-column006.scroll-section {
    background-image: url('../assets/img/bg_003-2.jpg');
    background-size: cover !important;
  }
}




.cid-column006 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column006 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column006 .team-item .item-image img {
  width: 100%
}

.cid-column006 .team-item .item-name p,
.cid-column006 .team-item .item-role p {
  margin-bottom: 0
}


.cid-column007 {
  padding-top: 50px;
  padding-bottom: 220px;
  background-color: #fff;
}

.cid-column007 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column007 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column007 .team-item .item-image img {
  width: 100%
}

.cid-column007 .team-item .item-name p,
.cid-column007 .team-item .item-role p {
  margin-bottom: 0
}


.cid-column008 {
  padding-top: 50px;
  padding-bottom: 250px;
}

.cid-column008.scroll-section {
  background-image: url('../assets/img/bg_004.jpg');
  transition: background-size 3s;
}

@media (max-width: 736px) {
  .cid-column008.scroll-section {
    background-image: url('../assets/img/bg_004-2.jpg');
    background-size: cover !important;
  }
}








.cid-column008 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column008 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column008 .team-item .item-image img {
  width: 100%
}

.cid-column008 .team-item .item-name p,
.cid-column008 .team-item .item-role p {
  margin-bottom: 0
}

.cid-column009 {
  padding-top: 50px;
  padding-bottom: 230px;
  background-color: #F2F2F2;
}

.cid-column009 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column009 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column009 .team-item .item-image img {
  width: 100%
}

.cid-column009 .team-item .item-name p,
.cid-column009 .team-item .item-role p {
  margin-bottom: 0
}

.cid-column010 {
  padding-top: 350px;
  padding-bottom: 200px;
}


.cid-column010.scroll-section {
  background-image: url('../assets/img/bg_005.jpg');
  transition: background-size 3s;
}

@media (max-width: 736px) {
  .cid-column010.scroll-section {
    background-image: url('../assets/img/bg_005.jpg');
    background-size: cover !important;
  }
}









.cid-column010 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column010 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column010 .team-item .item-image img {
  width: 100%
}

.cid-column010 .team-item .item-name p,
.cid-column010 .team-item .item-role p {
  margin-bottom: 0
}


.cid-column011 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url("../assets/img/bg_006.jpg");
}

@media (max-width: 736px) {
  .cid-column011 {
    background-image: url("../assets/img/bg_006-2.jpg");
  }
}


.cid-column011 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column011 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column011 .team-item .item-image img {
  width: 100%
}

.cid-column011 .team-item .item-name p,
.cid-column011 .team-item .item-role p {
  margin-bottom: 0
}




.cid-column012 {
  padding-top: 350px;
  padding-bottom: 200px;
}


.cid-column012.scroll-section {
  background-image: url('../assets/img/bg_007.jpg');
  transition: background-size 3s;
}

@media (max-width: 736px) {
  .cid-column012.scroll-section {
    background-image: url('../assets/img/bg_007-2.jpg');
    background-size: cover !important;
  }
}

.cid-column012 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column012 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column012 .team-item .item-image img {
  width: 100%
}

.cid-column012 .team-item .item-name p,
.cid-column012 .team-item .item-role p {
  margin-bottom: 0
}


.cid-column013 {
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #F2F2F2;
}

.cid-column013 .media-row {
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center
}

.cid-column013 .team-item {
  transition: all .2s;
  margin-bottom: 2rem
}

.cid-column013 .team-item .item-image img {
  width: 100%
}

.cid-column013 .team-item .item-name p,
.cid-column013 .team-item .item-role p {
  margin-bottom: 0
}


















/* ??????? */

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  /* ?????????? */
  transition: opacity 2s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.fade-in.fade-in-visible {
  opacity: 1;
  transform: translateY(0);
}



/* ??????? */

.fade-in2 {
  opacity: 0;
  transform: translateY(20px);
  /* ?????????? */
  transition: opacity 2s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.fade-in2.fade-in2-visible {
  opacity: 1;
  transform: translateY(0);
}




/* ??????? */

.fade-in3 {
  opacity: 0;
  transform: translateY(20px);
  /* ?????????? */
  transition: opacity 2s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.fade-in3.fade-in3-visible {
  opacity: 1;
  transform: translateY(0);
}




/* ??????? */

.fade-in4 {
  opacity: 0;
  transform: translateY(20px);
  /* ?????????? */
  transition: opacity 2s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.fade-in4.fade-in4-visible {
  opacity: 1;
  transform: translateY(0);
}



/* ??????? */

.fade-in5 {
  opacity: 0;
  transform: translateY(20px);
  /* ?????????? */
  transition: opacity 2s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.fade-in5.fade-in5-visible {
  opacity: 1;
  transform: translateY(0);
}




















/* ??????? */

.slide-in {
  opacity: 0;
  transform: translateX(-100%);
  /* ??????X???C?h?C?? */
  transition: opacity 4s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.slide-in.slide-in-visible {
  opacity: 1;
  transform: translateX(0);
}



/* ??????? */

.slide-in2 {
  opacity: 0;
  transform: translateX(-100%);
  /* ??????X???C?h?C?? */
  transition: opacity 4s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.slide-in2.slide-in2-visible {
  opacity: 1;
  transform: translateX(0);
}



/* ??????? */

.slide-in3 {
  opacity: 0;
  transform: translateX(-100%);
  /* ??????X???C?h?C?? */
  transition: opacity 4s ease, transform 2s ease;
  transition-delay: 0s;
}



/* ?X?N???[???????????A?j???[?V???? */

.slide-in3.slide-in3-visible {
  opacity: 1;
  transform: translateX(0);
}


.fuwa {
  z-index: 1;
  animation: fuwaing__x 0.8s ease-in-out infinite alternate,
  fuwaing__y 1.2s ease-in-out infinite alternate;
}

@keyframes fuwaing__x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes fuwaing__y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}


.fuwa2 {
  z-index: 1;
  animation: fuwaing2__x 1.2s ease-in-out infinite alternate,
  fuwaing2__y 1.5s ease-in-out infinite alternate;
}

@keyframes fuwaing2__x {
  0% {
    margin-left: 10px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes fuwaing2__y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 10px;
  }
}


.fuwa3 {
  z-index: 1;
  animation: fuwaing3__x 1.2s ease-in-out infinite alternate,
  fuwaing2__y 1s ease-in-out infinite alternate;
}

@keyframes fuwaing3__x {
  0% {
    margin-left: 12px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes fuwaing3__y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 12px;
  }
}


.fuwa4 {
  z-index: 1;
  animation: fuwaing4__x 1.2s ease-in-out infinite alternate,
  fuwaing2__y 0.8s ease-in-out infinite alternate;
}

@keyframes fuwaing4__x {
  0% {
    margin-left: 10px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes fuwaing4__y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 10px;
  }
}

.fuwa5 {
  z-index: 1;
  animation: fuwaing5__x 0.8s ease-in-out infinite alternate,
  fuwaing2__y 0.8s ease-in-out infinite alternate;
}

@keyframes fuwaing5__x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}

@keyframes fuwaing5__y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 10px;
  }
}













/*== ?g????????L???? */

.pulse-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0, 0);
  cursor: pointer;
  transition: box-shadow 0.3s;
}

.pulse-btn img {
  width: 60%;
}

.pulse-btn::before,
.pulse-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: 1px solid #00205B;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.pulse-btn:hover {
  box-shadow: 0 0 20px #00205B;
}

.pulse-btn:hover::before,
.pulse-btn:hover::after {
  animation: pulsate 2s linear infinite;
}

.pulse-btn:hover::after {
  animation-delay: 1s;
}

@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}



.tooltip3 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.description3 {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.4em;
  color: #fff;
  border-radius: 5px;
  background: #00205B;
  word-break: normal;
}

.description3:before {
  content: "";
  position: absolute;
  top: -20px;
  right: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #00205B;
  margin-left: -15px;
  transform: rotateZ(180deg);
}

.tooltip3:hover .description3 {
  display: inline-block;
  top: 160px;
  left: -2 0px;
  width: 180px;
}

.circle-g {
  display: block;
}

@media (max-width:736px) {
  .circle-g {
    display: none;
  }
}

.br-sp {
  display: none;
}

@media (max-width: 736px) {
  .br-sp {
    display: block;
  }
}


.br-pc {
  display: block;
}

@media (max-width: 736px) {
  .br-pc {
    display: none;
  }
}


.row-no-sp {
  display: block;
}

@media (max-width: 736px) {
  .row-no-sp {
    display: none;
  }
}

.space-pc {
  display: block;
}

@media (max-width: 736px) {
  .space-pc {
    display: none;
  }
}

.padd-LR-sp {
  padding: 0px 0px;
}

@media (max-width: 736px) {
  .padd-LR-sp {
    padding: 0px 40px;
  }
}

.padd-LR-sp2 {
  padding: 0px 0px;
}

@media (max-width: 736px) {
  .padd-LR-sp2 {
    padding: 0px 30px 0px 20px;
  }
}


.padd-UD-pc {
  padding: 30px 0px;
}

@media (max-width: 736px) {
  .padd-UD-pc {
    padding: 0px 0px;
  }
}



.padd-fuwa-sp {
  margin: 0px 0px 0px 0px;
}

@media (max-width: 736px) {
  .padd-fuwa-sp {
    margin: 180px 0px 0px 0px;
  }
}



.posi-ab {
  position: absolute;
}


a[target=_blank]:not([href$=".pdf"]):not([href$=".xls"]):not(.no-icon):after {
  display: none;
}

.hoverimg {
  transition: .5s
}

.hoverimg:hover {
  opacity: .5
}