@charset "UTF-8";
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
h2 { color: #5A7FA0; }
.wp-block-archives-dropdown label {
  display: block
}

.wp-block-avatar.aligncenter {
  text-align: center
}

.wp-block-audio {
  margin: 0 0 1em
}

.wp-block-audio figcaption {
  margin-top: .5em;
  margin-bottom: 1em
}

.wp-block-audio audio {
  width: 100%;
  min-width: 300px
}

.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  text-align: center;
  text-decoration: none;
  word-break: break-word;
  box-sizing: border-box
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
  color: #fff
}

.wp-block-button__link.aligncenter {
  text-align: center
}

.wp-block-button__link.alignright {
  text-align: right
}

.wp-block-buttons>.wp-block-button.has-custom-width {
  max-width: none
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
  width: 100%
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
  font-size: inherit
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
  width: calc(25% - var(--wp--style--block-gap, .5em)*0.75)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
  width: calc(50% - var(--wp--style--block-gap, .5em)*0.5)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
  width: calc(75% - var(--wp--style--block-gap, .5em)*0.25)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
  width: 100%;
  flex-basis: 100%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
  width: 25%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
  width: 50%
}

.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
  width: 75%
}

.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
  border-radius: 0
}

.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
  border-radius: 0 !important
}

.is-style-outline>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
  border: 2px solid;
  padding: .667em 1.333em
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: currentColor
}

.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
  background-color: transparent
}

.wp-block-buttons.is-vertical {
  flex-direction: column
}

.wp-block-buttons.is-vertical>.wp-block-button:last-child {
  margin-bottom: 0
}

.wp-block-buttons>.wp-block-button {
  display: inline-block;
  margin: 0
}

.wp-block-buttons.is-content-justification-left {
  justify-content: flex-start
}

.wp-block-buttons.is-content-justification-left.is-vertical {
  align-items: flex-start
}

.wp-block-buttons.is-content-justification-center {
  justify-content: center
}

.wp-block-buttons.is-content-justification-center.is-vertical {
  align-items: center
}

.wp-block-buttons.is-content-justification-right {
  justify-content: flex-end
}

.wp-block-buttons.is-content-justification-right.is-vertical {
  align-items: flex-end
}

.wp-block-buttons.is-content-justification-space-between {
  justify-content: space-between
}

.wp-block-buttons.aligncenter {
  text-align: center
}

.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.wp-block-button.aligncenter,
.wp-block-calendar {
  text-align: center
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
  padding: .25em;
  border: 1px solid #ddd
}

.wp-block-calendar tfoot td {
  border: none
}

.wp-block-calendar table {
  width: 100%;
  border-collapse: collapse
}

.wp-block-calendar table th {
  font-weight: 400;
  background: #ddd
}

.wp-block-calendar a {
  text-decoration: underline
}

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
  color: #40464d
}

.wp-block-categories.alignleft {
  margin-right: 2em
}

.wp-block-categories.alignright {
  margin-left: 2em
}

.wp-block-code code {
  display: block;
  font-family: inherit;
  overflow-wrap: break-word;
  white-space: pre-wrap
}

.wp-block-columns {
  display: flex;
  margin-bottom: 1.75em;
  box-sizing: border-box;
  flex-wrap: wrap !important;
  align-items: normal !important
}

@media (min-width:782px) {
  .wp-block-columns {
    flex-wrap: nowrap !important
  }
}

.wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
  align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
  align-items: flex-end
}

@media (max-width:781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100% !important
  }
}

@media (min-width:782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0%;
    flex-grow: 1
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
    flex-grow: 0
  }
}

.wp-block-columns.is-not-stacked-on-mobile {
  flex-wrap: nowrap !important
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
  flex-basis: 0%;
  flex-grow: 1
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
  flex-grow: 0
}

:where(.wp-block-columns.has-background) {
  padding: 1.25em 2.375em
}

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word
}

.wp-block-column.is-vertically-aligned-top {
  align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
  align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end
}

.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
  width: 100%
}

.wp-block-comments-pagination>.wp-block-comments-pagination-next,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous {
  margin-right: .5em;
  margin-bottom: .5em
}

.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child {
  margin-right: 0
}

.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
  margin-right: 1ch;
  display: inline-block
}

.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
  transform: scaleX(1)
}

.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
  margin-left: 1ch;
  display: inline-block
}

.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
  transform: scaleX(1)
}

.wp-block-comments-pagination.aligncenter {
  justify-content: center
}

.wp-block-comment-template {
  margin-bottom: 0;
  max-width: 100%;
  list-style: none;
  padding: 0
}

.wp-block-comment-template li {
  clear: both
}

.wp-block-comment-template ol {
  margin-bottom: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 2rem
}

.wp-block-cover,
.wp-block-cover-image {
  position: relative;
  background-size: cover;
  background-position: 50%;
  min-height: 430px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  box-sizing: border-box
}

.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
  background-attachment: fixed
}

@supports (-webkit-touch-callout:inherit) {

  .wp-block-cover-image.has-parallax,
  .wp-block-cover.has-parallax {
    background-attachment: scroll
  }
}

@media (prefers-reduced-motion:reduce) {

  .wp-block-cover-image.has-parallax,
  .wp-block-cover.has-parallax {
    background-attachment: scroll
  }
}

.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
  background-repeat: repeat;
  background-size: auto
}

.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
  background-color: #000
}

.wp-block-cover-image .has-background-dim.has-background-gradient,
.wp-block-cover .has-background-dim.has-background-gradient {
  background-color: transparent
}

.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
  content: "";
  background-color: inherit
}

.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
  opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
  opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
  opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
  opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
  opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
  opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
  opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
  opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
  opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
  opacity: 1
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
  opacity: 0
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
  opacity: .1
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
  opacity: .2
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
  opacity: .3
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
  opacity: .4
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
  opacity: .5
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
  opacity: .6
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
  opacity: .7
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
  opacity: .8
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
  opacity: .9
}

.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
  opacity: 1
}

.wp-block-cover-image .block-library-cover__padding-visualizer,
.wp-block-cover .block-library-cover__padding-visualizer {
  z-index: 2
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
  max-width: 420px;
  width: 100%
}

.wp-block-cover-image:after,
.wp-block-cover:after {
  display: block;
  content: "";
  font-size: 0;
  min-height: inherit
}

@supports (position:sticky) {

  .wp-block-cover-image:after,
  .wp-block-cover:after {
    content: none
  }
}

.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
  display: flex
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  z-index: 1;
  color: #fff
}

.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
  color: #000
}

.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
  color: inherit
}

.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
  align-items: flex-start;
  justify-content: flex-start
}

.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
  align-items: flex-start;
  justify-content: center
}

.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
  align-items: flex-start;
  justify-content: flex-end
}

.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
  align-items: center;
  justify-content: flex-start
}

.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
  align-items: center;
  justify-content: center
}

.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
  align-items: center;
  justify-content: flex-end
}

.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
  align-items: flex-end;
  justify-content: flex-start
}

.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
  align-items: flex-end;
  justify-content: center
}

.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
  align-items: flex-end;
  justify-content: flex-end
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
  margin: 0;
  width: auto
}

.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none
}

.wp-block-cover__image-background,
.wp-block-cover__video-background {
  z-index: 0
}

.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
  color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
  justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
  justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
  margin-left: 0;
  text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
  margin-right: 0;
  text-align: right
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
  font-size: 2em;
  line-height: 1.25;
  z-index: 1;
  margin-bottom: 0;
  max-width: 840px;
  padding: .44em;
  text-align: center
}

.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
  max-width: 360px;
  width: 100%
}

.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
  min-width: 280px
}

.wp-block-cover .wp-block-embed {
  min-width: 320px;
  min-height: 240px
}

.wp-block-embed {
  margin: 0 0 1em;
  overflow-wrap: break-word
}

.wp-block-embed figcaption {
  margin-top: .5em;
  margin-bottom: 1em
}

.wp-block-embed iframe {
  max-width: 100%
}

.wp-block-embed__wrapper {
  position: relative
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
  content: "";
  display: block;
  padding-top: 50%
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  padding-top: 42.85%
}

.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
  padding-top: 50%
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 56.25%
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 75%
}

.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
  padding-top: 100%
}

.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
  padding-top: 177.77%
}

.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  padding-top: 200%
}

.wp-block-file {
  margin-bottom: 1.5em
}

.wp-block-file.aligncenter {
  text-align: center
}

.wp-block-file.alignright {
  text-align: right
}

.wp-block-file .wp-block-file__embed {
  margin-bottom: 1em
}

.wp-block-file .wp-block-file__button {
  background: #32373c;
  border-radius: 2em;
  color: #fff;
  font-size: .8em;
  padding: .5em 1em
}

.wp-block-file a.wp-block-file__button {
  text-decoration: none
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
  box-shadow: none;
  color: #fff;
  opacity: .85;
  text-decoration: none
}

.wp-block-file *+.wp-block-file__button {
  margin-left: .75em
}

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
  margin: 0 1em 1em 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: calc(50% - 1em)
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
  margin-right: 0
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 3em .77em .7em;
  color: #fff;
  text-align: center;
  font-size: .8em;
  background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
  box-sizing: border-box;
  margin: 0;
  z-index: 2
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
  display: inline
}

.blocks-gallery-grid:not(.has-nested-images) figcaption,
.wp-block-gallery:not(.has-nested-images) figcaption {
  flex-grow: 1
}

.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
  width: 100%;
  height: 100%;
  flex: 1;
  -o-object-fit: cover;
  object-fit: cover
}

.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
  width: 100%;
  margin-right: 0
}

@media (min-width:600px) {

  .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
  .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,
  .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,
  .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
    width: calc(33.33333% - .66667em);
    margin-right: 1em
  }

  .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
  .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,
  .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,
  .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
    width: calc(25% - .75em);
    margin-right: 1em
  }

  .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
  .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,
  .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,
  .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
    width: calc(20% - .8em);
    margin-right: 1em
  }

  .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
  .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,
  .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,
  .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
    width: calc(16.66667% - .83333em);
    margin-right: 1em
  }

  .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
  .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,
  .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,
  .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
    width: calc(14.28571% - .85714em);
    margin-right: 1em
  }

  .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
  .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,
  .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,
  .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
    width: calc(12.5% - .875em);
    margin-right: 1em
  }

  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
  .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
  .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
  .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
  .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
  .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
  .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
  .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
  .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
  .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
  .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
  .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
  .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
  .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
  .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
  .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
  .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
  .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
  .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
  .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
  .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
  .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
  .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
  .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
  .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
  .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
  .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
  .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
  .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
  .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
  .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
    margin-right: 0
  }
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
  margin-right: 0
}

.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
  max-width: 420px;
  width: 100%
}

.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
  justify-content: center
}

.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
  align-self: flex-start
}

figure.wp-block-gallery.has-nested-images {
  align-items: normal
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
  margin: 0
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  position: relative;
  flex-direction: column;
  max-width: 100%
}

.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
  margin: 0;
  flex-direction: column;
  flex-grow: 1
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
  display: block;
  height: auto;
  max-width: 100% !important;
  width: auto
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
  bottom: 0;
  color: #fff;
  font-size: 13px;
  left: 0;
  margin-bottom: 0;
  max-height: 60%;
  overflow: auto;
  padding: 0 8px 8px;
  position: absolute;
  text-align: center;
  width: 100%;
  box-sizing: border-box
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
  display: inline
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
  color: inherit
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
  flex: 1 1 auto
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
  flex: initial;
  background: none;
  color: inherit;
  margin: 0;
  padding: 10px 10px 9px;
  position: relative
}

.wp-block-gallery.has-nested-images figcaption {
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
  margin-top: 0;
  margin-bottom: auto
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
  align-self: inherit
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
  display: flex
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  width: 100%;
  flex: 1 0 0%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
  width: 100%
}

@media (min-width:600px) {
  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
    width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
  }

  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
    width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)
  }

  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
    width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)
  }

  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
    width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)
  }

  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
    width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)
  }

  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
    width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)
  }

  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
    width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
  }

  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)
  }

  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
    width: 100%
  }
}

.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright {
  max-width: 420px;
  width: 100%
}

.wp-block-gallery.has-nested-images.aligncenter {
  justify-content: center
}

.wp-block-group {
  box-sizing: border-box
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  padding: 1.25em 2.375em
}

.wp-block-image {
  margin: 0 0 1em
}

.wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom
}

.wp-block-image:not(.is-style-rounded)>a,
.wp-block-image:not(.is-style-rounded) img {
  border-radius: inherit
}

.wp-block-image.aligncenter {
  text-align: center
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
  height: auto;
  width: 100%
}

.wp-block-image.aligncenter,
.wp-block-image .aligncenter,
.wp-block-image.alignleft,
.wp-block-image .alignleft,
.wp-block-image.alignright,
.wp-block-image .alignright {
  display: table
}

.wp-block-image.aligncenter>figcaption,
.wp-block-image .aligncenter>figcaption,
.wp-block-image.alignleft>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image.alignright>figcaption,
.wp-block-image .alignright>figcaption {
  display: table-caption;
  caption-side: bottom
}

.wp-block-image .alignleft {
  float: left;
  margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
  float: right;
  margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto
}

.wp-block-image figcaption {
  margin-top: .5em;
  margin-bottom: 1em
}

.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
  border-radius: 9999px
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
  .wp-block-image.is-style-circle-mask img {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    border-radius: 0
  }
}

.wp-block-image figure {
  margin: 0
}

ol.wp-block-latest-comments {
  margin-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments {
  padding-left: 0
}

.wp-block-latest-comments__comment {
  line-height: 1.1;
  list-style: none;
  margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
  min-height: 2.25em;
  list-style: none
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  margin-left: 3.25em
}

.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
  line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
  font-size: .875em;
  line-height: 1.8;
  margin: .36em 0 1.4em
}

.wp-block-latest-comments__comment-date {
  display: block;
  font-size: .75em
}

.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
  border-radius: 1.5em;
  display: block;
  float: left;
  height: 2.5em;
  margin-right: .75em;
  width: 2.5em
}

.wp-block-latest-posts.alignleft {
  margin-right: 2em
}

.wp-block-latest-posts.alignright {
  margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none;
  padding-left: 0
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
  clear: both
}

.wp-block-latest-posts.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0
}

.wp-block-latest-posts.is-grid li {
  margin: 0 1.25em 1.25em 0;
  width: 100%
}

@media (min-width:600px) {
  .wp-block-latest-posts.columns-2 li {
    width: calc(50% - .625em)
  }

  .wp-block-latest-posts.columns-2 li:nth-child(2n) {
    margin-right: 0
  }

  .wp-block-latest-posts.columns-3 li {
    width: calc(33.33333% - .83333em)
  }

  .wp-block-latest-posts.columns-3 li:nth-child(3n) {
    margin-right: 0
  }

  .wp-block-latest-posts.columns-4 li {
    width: calc(25% - .9375em)
  }

  .wp-block-latest-posts.columns-4 li:nth-child(4n) {
    margin-right: 0
  }

  .wp-block-latest-posts.columns-5 li {
    width: calc(20% - 1em)
  }

  .wp-block-latest-posts.columns-5 li:nth-child(5n) {
    margin-right: 0
  }

  .wp-block-latest-posts.columns-6 li {
    width: calc(16.66667% - 1.04167em)
  }

  .wp-block-latest-posts.columns-6 li:nth-child(6n) {
    margin-right: 0
  }
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
  display: block;
  font-size: .8125em
}

.wp-block-latest-posts__post-excerpt {
  margin-top: .5em;
  margin-bottom: 1em
}

.wp-block-latest-posts__featured-image a {
  display: inline-block
}

.wp-block-latest-posts__featured-image img {
  height: auto;
  width: auto;
  max-width: 100%
}

.wp-block-latest-posts__featured-image.alignleft {
  margin-right: 1em;
  float: left
}

.wp-block-latest-posts__featured-image.alignright {
  margin-left: 1em;
  float: right
}

.wp-block-latest-posts__featured-image.aligncenter {
  margin-bottom: 1em;
  text-align: center
}

ol,
ul {
  box-sizing: border-box
}

ol.has-background,
ul.has-background {
  padding: 1.25em 2.375em
}

.wp-block-media-text {
  /*!rtl:begin:ignore*/
  direction: ltr;
  /*!rtl:end:ignore*/
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto
}

.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr 50%
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
  align-self: start
}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
  align-self: center
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
  align-self: end
}

.wp-block-media-text .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
  margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
  direction: ltr;
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
  padding: 0 8%;
  word-break: break-word
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1
    /*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1
    /*!rtl:end:ignore*/
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
  height: auto;
  max-width: unset;
  width: 100%;
  vertical-align: middle
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
  height: 100%;
  min-height: 250px;
  background-size: cover
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
  display: block;
  height: 100%
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

@media (max-width:600px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2
  }
}

.wp-block-navigation {
  position: relative;
  --navigation-layout-justification-setting: flex-start;
  --navigation-layout-direction: row;
  --navigation-layout-wrap: wrap;
  --navigation-layout-justify: flex-start;
  --navigation-layout-align: center
}

.wp-block-navigation ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0
}

.wp-block-navigation ul,
.wp-block-navigation ul li {
  list-style: none;
  padding: 0
}

.wp-block-navigation .wp-block-navigation-item {
  display: flex;
  align-items: center;
  position: relative
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
  display: none
}

.wp-block-navigation .wp-block-navigation-item__content {
  color: inherit;
  display: block;
  padding: 0
}

.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
  text-decoration: underline
}

.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
  text-decoration: line-through
}

.wp-block-navigation:where(:not([class*=has-text-decoration])) a,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
  text-decoration: none
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
  align-self: center;
  line-height: 0;
  display: inline-block;
  font-size: inherit;
  padding: 0;
  background-color: inherit;
  color: currentColor;
  border: none;
  width: .6em;
  height: .6em;
  margin-left: .25em
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  display: inline-block;
  stroke: currentColor;
  width: inherit;
  height: inherit;
  margin-top: .075em
}

.wp-block-navigation.is-vertical {
  --navigation-layout-direction: column;
  --navigation-layout-justify: initial;
  --navigation-layout-align: flex-start
}

.wp-block-navigation.no-wrap {
  --navigation-layout-wrap: nowrap
}

.wp-block-navigation.items-justified-center {
  --navigation-layout-justification-setting: center;
  --navigation-layout-justify: center
}

.wp-block-navigation.items-justified-center.is-vertical {
  --navigation-layout-align: center
}

.wp-block-navigation.items-justified-right {
  --navigation-layout-justification-setting: flex-end;
  --navigation-layout-justify: flex-end
}

.wp-block-navigation.items-justified-right.is-vertical {
  --navigation-layout-align: flex-end
}

.wp-block-navigation.items-justified-space-between {
  --navigation-layout-justification-setting: space-between;
  --navigation-layout-justify: space-between
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
  background-color: inherit;
  color: inherit;
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: normal;
  opacity: 0;
  transition: opacity .1s linear;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  left: -1px;
  top: 100%
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content {
  display: flex;
  flex-grow: 1
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
  margin-right: 0;
  margin-left: auto
}

.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
  margin: 0
}

@media (min-width:782px) {
  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
    left: 100%;
    top: -1px
  }

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container:before {
    content: "";
    position: absolute;
    right: 100%;
    height: 100%;
    display: block;
    width: .5em;
    background: transparent
  }

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
    margin-right: .25em
  }

  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
    transform: rotate(-90deg)
  }
}

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  width: auto;
  height: auto;
  min-width: 200px
}

.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within>.wp-block-navigation__submenu-container {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  width: auto;
  height: auto;
  min-width: 200px
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  width: auto;
  height: auto;
  min-width: 200px
}

.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
  left: 0;
  top: 100%
}

@media (min-width:782px) {
  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: 100%;
    top: 0
  }
}

.wp-block-navigation-submenu {
  position: relative;
  display: flex
}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
  stroke: currentColor
}

button.wp-block-navigation-item__content {
  background-color: transparent;
  border: none;
  color: currentColor;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-align: left
}

.wp-block-navigation-submenu__toggle {
  cursor: pointer
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
  padding-right: .85em
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
  margin-left: -.6em;
  pointer-events: none
}

.wp-block-navigation,
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation:where(.has-background),
.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
.wp-block-navigation:where(.has-background) .wp-block-navigation__container,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
  gap: inherit
}

.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content,
.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
  padding: .5em 1em
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
  left: auto;
  right: 0
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  left: -1px;
  right: -1px
}

@media (min-width:782px) {

  .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: auto;
    right: 100%
  }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: #fff;
  color: #000;
  border: 1px solid rgba(0, 0, 0, .15)
}

.wp-block-navigation__container {
  display: flex;
  flex-wrap: var(--navigation-layout-wrap, wrap);
  flex-direction: var(--navigation-layout-direction, initial);
  justify-content: var(--navigation-layout-justify, initial);
  align-items: var(--navigation-layout-align, initial);
  list-style: none;
  margin: 0;
  padding-left: 0
}

.wp-block-navigation__container .is-responsive {
  display: none
}

.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
  flex-grow: 1
}

.wp-block-navigation__responsive-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  display: flex;
  flex-wrap: var(--navigation-layout-wrap, wrap);
  flex-direction: var(--navigation-layout-direction, initial);
  justify-content: var(--navigation-layout-justify, initial);
  align-items: var(--navigation-layout-align, initial)
}

.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
  color: inherit !important;
  background-color: inherit !important
}

.wp-block-navigation__responsive-container.is-menu-open {
  display: flex;
  flex-direction: column;
  background-color: inherit;
  padding: 2rem;
  overflow: auto;
  z-index: 100000
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: calc(2rem + 24px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: var(--navigation-layout-justification-setting, inherit)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
  justify-content: flex-start
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
  display: none
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  opacity: 1;
  visibility: visible;
  height: auto;
  width: auto;
  overflow: initial;
  min-width: 200px;
  position: static;
  border: none;
  padding-left: 2rem;
  padding-right: 2rem
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  gap: inherit
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  padding-top: var(--wp--style--block-gap, 2em)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
  padding: 0
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
  display: flex;
  flex-direction: column;
  align-items: var(--navigation-layout-justification-setting, initial)
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
  color: inherit !important;
  background: transparent !important
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
  right: auto;
  left: auto
}

@media (min-width:600px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display: none
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: 0
  }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #fff;
  color: #000
}

.wp-block-navigation__toggle_button_label {
  font-size: 1rem;
  font-weight: 700
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  vertical-align: middle;
  cursor: pointer;
  color: currentColor;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  fill: currentColor;
  pointer-events: none;
  display: block;
  width: 24px;
  height: 24px
}

.wp-block-navigation__responsive-container-open {
  display: flex
}

@media (min-width:600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none
  }
}

.wp-block-navigation__responsive-container-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}

.wp-block-navigation__responsive-close {
  width: 100%
}

.wp-block-navigation__responsive-close:focus {
  outline: none
}

.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
  box-sizing: border-box
}

.wp-block-navigation__responsive-dialog {
  position: relative
}

html.has-modal-open {
  overflow: hidden
}

.wp-block-navigation .wp-block-navigation-item__label {
  word-break: normal;
  overflow-wrap: break-word
}

.wp-block-navigation .wp-block-navigation-item__description {
  display: none
}

.wp-block-navigation .wp-block-page-list {
  display: flex;
  flex-direction: var(--navigation-layout-direction, initial);
  justify-content: var(--navigation-layout-justify, initial);
  align-items: var(--navigation-layout-align, initial);
  flex-wrap: var(--navigation-layout-wrap, wrap);
  background-color: inherit
}

.wp-block-navigation .wp-block-navigation-item {
  background-color: inherit
}

.is-small-text {
  font-size: .875em
}

.is-regular-text {
  font-size: 1em
}

.is-large-text {
  font-size: 2.25em
}

.is-larger-text {
  font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 8.4em;
  line-height: .68;
  font-weight: 100;
  margin: .05em .1em 0 0;
  text-transform: uppercase;
  font-style: normal
}

p.has-drop-cap.has-background {
  overflow: hidden
}

p.has-background {
  padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
  color: inherit
}

.wp-block-post-author {
  display: flex;
  flex-wrap: wrap
}

.wp-block-post-author__byline {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .5em
}

.wp-block-post-author__avatar {
  margin-right: 1em
}

.wp-block-post-author__bio {
  margin-bottom: .7em;
  font-size: .7em
}

.wp-block-post-author__content {
  flex-grow: 1;
  flex-basis: 0%
}

.wp-block-post-author__name {
  margin: 0
}

.wp-block-post-comments .alignleft {
  float: left
}

.wp-block-post-comments .alignright {
  float: right
}

.wp-block-post-comments .navigation:after {
  content: "";
  display: table;
  clear: both
}

.wp-block-post-comments .commentlist {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0
}

.wp-block-post-comments .commentlist .comment {
  min-height: 2.25em;
  padding-left: 3.25em
}

.wp-block-post-comments .commentlist .comment p {
  font-size: 1em;
  line-height: 1.8;
  margin: 1em 0
}

.wp-block-post-comments .commentlist .children {
  list-style: none;
  margin: 0;
  padding: 0
}

.wp-block-post-comments .comment-author {
  line-height: 1.5
}

.wp-block-post-comments .comment-author .avatar {
  border-radius: 1.5em;
  display: block;
  float: left;
  height: 2.5em;
  margin-top: .5em;
  margin-right: .75em;
  width: 2.5em
}

.wp-block-post-comments .comment-author cite {
  font-style: normal
}

.wp-block-post-comments .comment-meta {
  font-size: .875em;
  line-height: 1.5
}

.wp-block-post-comments .comment-meta b {
  font-weight: 400
}

.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block
}

.wp-block-post-comments .comment-body .commentmetadata {
  font-size: .875em
}

.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
  display: block;
  margin-bottom: .25em
}

.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments .comment-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%
}

.wp-block-post-comments .comment-form-cookies-consent {
  display: flex;
  gap: .25em
}

.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
  margin-top: .35em
}

.wp-block-post-comments .comment-reply-title {
  margin-bottom: 0
}

.wp-block-post-comments .comment-reply-title :where(small) {
  font-size: var(--wp--preset--font-size--medium, smaller);
  margin-left: .5em
}

.wp-block-post-comments .reply {
  font-size: .875em;
  margin-bottom: 1.4em
}

.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
  border: 1px solid #949494;
  font-size: 1em;
  font-family: inherit
}

.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments textarea {
  padding: calc(.667em + 2px)
}

.wp-block-post-comments input[type=submit] {
  border: none
}

.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
  font-weight: inherit
}

.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
  font-family: inherit
}

.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),
.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
  font-size: inherit
}

.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
  line-height: inherit
}

.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
  font-style: inherit
}

.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
  letter-spacing: inherit
}

.wp-block-post-comments-form input[type=submit] {
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  overflow-wrap: break-word
}

.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
  border: 1px solid #949494;
  font-size: 1em;
  font-family: inherit
}

.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
  padding: calc(.667em + 2px)
}

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%
}

.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
  display: block;
  margin-bottom: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent {
  display: flex;
  gap: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
  margin-top: .35em
}

.wp-block-post-comments-form .comment-reply-title {
  margin-bottom: 0
}

.wp-block-post-comments-form .comment-reply-title :where(small) {
  font-size: var(--wp--preset--font-size--medium, smaller);
  margin-left: .5em
}

.wp-block-post-excerpt__more-link {
  display: inline-block
}

.wp-block-post-featured-image {
  margin-left: 0;
  margin-right: 0
}

.wp-block-post-featured-image a {
  display: block
}

.wp-block-post-featured-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
  width: 100%
}

.wp-block-post-terms__separator {
  white-space: pre-wrap
}

.wp-block-post-title {
  word-break: break-word
}

.wp-block-post-title a {
  display: inline-block
}

.wp-block-preformatted {
  white-space: pre-wrap
}

.wp-block-preformatted.has-background {
  padding: 1.25em 2.375em
}

.wp-block-pullquote {
  margin: 0 0 1em;
  padding: 3em 0;
  text-align: center;
  overflow-wrap: break-word;
  box-sizing: border-box
}

.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
  color: inherit
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-pullquote.has-text-align-left,
.wp-block-pullquote.has-text-align-right {
  max-width: 420px
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.has-text-align-left p,
.wp-block-pullquote.has-text-align-right p {
  font-size: 1.25em
}

.wp-block-pullquote p {
  font-size: 1.75em;
  line-height: 1.6
}

.wp-block-pullquote cite,
.wp-block-pullquote footer {
  position: relative
}

.wp-block-pullquote .has-text-color a {
  color: inherit
}

.wp-block-pullquote.has-text-align-left blockquote {
  text-align: left
}

.wp-block-pullquote.has-text-align-right blockquote {
  text-align: right
}

.wp-block-pullquote.is-style-solid-color {
  border: none
}

.wp-block-pullquote.is-style-solid-color blockquote {
  margin-left: auto;
  margin-right: auto;
  max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
  text-transform: none;
  font-style: normal
}

.wp-block-pullquote cite {
  color: inherit
}

.wp-block-post-template,
.wp-block-query-loop {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  list-style: none;
  padding: 0
}

.wp-block-post-template.wp-block-post-template,
.wp-block-query-loop.wp-block-post-template {
  background: none
}

.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25em
}

.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
  margin: 0;
  width: 100%
}

@media (min-width:600px) {

  .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
    width: calc(50% - .625em)
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
    width: calc(33.33333% - .83333em)
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
    width: calc(25% - .9375em)
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
    width: calc(20% - 1em)
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
    width: calc(16.66667% - 1.04167em)
  }
}

.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
  margin-right: .5em;
  margin-bottom: .5em
}

.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
  margin-right: 0
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
  margin-right: 1ch;
  display: inline-block
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
  transform: scaleX(1)
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
  margin-left: 1ch;
  display: inline-block
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
  transform: scaleX(1)
}

.wp-block-query-pagination.aligncenter {
  justify-content: center
}

.wp-block-quote {
  box-sizing: border-box;
  overflow-wrap: break-word
}

.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
  margin-bottom: 1em;
  padding: 0 1em
}

.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
  font-size: 1.5em;
  font-style: italic;
  line-height: 1.6
}

.wp-block-quote.is-large:not(.is-style-plain) cite,
.wp-block-quote.is-large:not(.is-style-plain) footer,
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote.is-style-large:not(.is-style-plain) footer {
  font-size: 1.125em;
  text-align: right
}

.wp-block-read-more {
  display: block;
  width: -moz-fit-content;
  width: fit-content
}

.wp-block-read-more:not([style*=text-decoration]),
.wp-block-read-more:not([style*=text-decoration]):active,
.wp-block-read-more:not([style*=text-decoration]):focus {
  text-decoration: none
}

ul.wp-block-rss {
  list-style: none;
  padding: 0
}

ul.wp-block-rss.wp-block-rss {
  box-sizing: border-box
}

ul.wp-block-rss.alignleft {
  margin-right: 2em
}

ul.wp-block-rss.alignright {
  margin-left: 2em
}

ul.wp-block-rss.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none
}

ul.wp-block-rss.is-grid li {
  margin: 0 1em 1em 0;
  width: 100%
}

@media (min-width:600px) {
  ul.wp-block-rss.columns-2 li {
    width: calc(50% - 1em)
  }

  ul.wp-block-rss.columns-3 li {
    width: calc(33.33333% - 1em)
  }

  ul.wp-block-rss.columns-4 li {
    width: calc(25% - 1em)
  }

  ul.wp-block-rss.columns-5 li {
    width: calc(20% - 1em)
  }

  ul.wp-block-rss.columns-6 li {
    width: calc(16.66667% - 1em)
  }
}

.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
  display: block;
  font-size: .8125em
}

.wp-block-search__button {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: .375em .625em;
  color: #32373c;
  margin-left: .625em;
  word-break: normal;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

.wp-block-search__button.has-icon {
  line-height: 0
}

.wp-block-search__button svg {
  min-width: 1.5em;
  min-height: 1.5em;
  fill: currentColor
}

.wp-block-search__inside-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%
}

.wp-block-search__label {
  width: 100%
}

.wp-block-search__input {
  padding: 8px;
  flex-grow: 1;
  min-width: 3em;
  border: 1px solid #949494;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  margin-left: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: 4px;
  border: 1px solid #949494
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  border-radius: 0;
  border: none;
  padding: 0 0 0 .25em
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
  outline: none
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  padding: .125em .5em
}

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
  margin: auto
}

.wp-block-separator {
  border-top: 1px solid;
  border-bottom: 1px solid
}

.wp-block-separator.is-style-dots {
  background: none !important;
  border: none;
  text-align: center;
  line-height: 1;
  height: auto
}

.wp-block-separator.is-style-dots:before {
  content: "···";
  color: currentColor;
  font-size: 1.5em;
  letter-spacing: 2em;
  padding-left: 2em;
  font-family: serif
}

.wp-block-site-logo {
  line-height: 0
}

.wp-block-site-logo a {
  display: inline-block
}

.wp-block-site-logo.is-default-size img {
  width: 120px;
  height: auto
}

.wp-block-site-logo a,
.wp-block-site-logo img {
  border-radius: inherit
}

.wp-block-site-logo.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.wp-block-site-logo.is-style-rounded {
  border-radius: 9999px
}

.wp-block-social-links {
  padding-left: 0;
  padding-right: 0;
  text-indent: 0;
  margin-left: 0;
  background: none
}

.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
  text-decoration: none;
  border-bottom: 0;
  box-shadow: none
}

.wp-block-social-links .wp-social-link a {
  padding: .25em
}

.wp-block-social-links .wp-social-link svg {
  width: 1em;
  height: 1em
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  margin-left: .5em;
  margin-right: .5em;
  font-size: .65em
}

.wp-block-social-links.has-small-icon-size {
  font-size: 16px
}

.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
  font-size: 24px
}

.wp-block-social-links.has-large-icon-size {
  font-size: 36px
}

.wp-block-social-links.has-huge-icon-size {
  font-size: 48px
}

.wp-block-social-links.aligncenter {
  justify-content: center;
  display: flex
}

.wp-block-social-links.alignright {
  justify-content: flex-end
}

.wp-block-social-link {
  display: block;
  border-radius: 9999px;
  transition: transform .1s ease;
  height: auto
}

@media (prefers-reduced-motion:reduce) {
  .wp-block-social-link {
    transition-duration: 0s;
    transition-delay: 0s
  }
}

.wp-block-social-link a {
  align-items: center;
  display: flex;
  line-height: 0;
  transition: transform .1s ease
}

.wp-block-social-link:hover {
  transform: scale(1.1)
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
  color: currentColor;
  fill: currentColor
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
  background-color: #f0f0f0;
  color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
  background-color: #f90;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
  background-color: #1ea0c3;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
  background-color: #0757fe;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
  background-color: #1e1f26;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
  background-color: #02e49b;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
  background-color: #e94c89;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
  background-color: #4280ff;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
  background-color: #f45800;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
  background-color: #1778f2;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
  background-color: #000;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
  background-color: #0461dd;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
  background-color: #e65678;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
  background-color: #24292d;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
  background-color: #eceadd;
  color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
  background-color: #ea4434;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
  background-color: #f00075;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
  background-color: #e21b24;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
  background-color: #0d66c2;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
  background-color: #3288d4;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
  background-color: #02ab6c;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
  background-color: #f6405f;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
  background-color: #ff424d;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
  background-color: #e60122;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
  background-color: #ef4155;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
  background-color: #fe4500;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
  background-color: #0478d7;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
  background-color: #fefc00;
  color: #fff;
  stroke: #000
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
  background-color: #ff5600;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
  background-color: #1bd760;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
  background-color: #2aabee;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
  background-color: #000;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
  background-color: #011835;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
  background-color: #6440a4;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
  background-color: #1da1f2;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
  background-color: #1eb7ea;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
  background-color: #4680c2;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
  background-color: #3499cd;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
  background-color: #d32422;
  color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
  background-color: red;
  color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
  background: none
}

.wp-block-social-links.is-style-logos-only .wp-social-link a {
  padding: 0
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
  width: 1.25em;
  height: 1.25em
}

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
  color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
  color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
  color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
  color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
  color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
  color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
  color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
  color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
  color: #1778f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
  color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
  color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
  color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
  color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
  color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
  color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
  color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
  color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
  color: #0d66c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
  color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
  color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
  color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
  color: #ff424d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
  color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
  color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
  color: #fe4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
  color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
  color: #fff;
  stroke: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
  color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
  color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
  color: #2aabee
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
  color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
  color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
  color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
  color: #1da1f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
  color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
  color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
  color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
  color: #d32422
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
  color: red
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
  width: auto
}

.wp-block-social-links.is-style-pill-shape .wp-social-link a {
  padding-left: .66667em;
  padding-right: .66667em
}

.wp-block-spacer {
  clear: both
}

.wp-block-tag-cloud.aligncenter {
  text-align: center
}

.wp-block-tag-cloud.alignfull {
  padding-left: 1em;
  padding-right: 1em
}

.wp-block-tag-cloud a {
  display: inline-block;
  margin-right: 5px
}

.wp-block-tag-cloud span {
  display: inline-block;
  margin-left: 5px;
  text-decoration: none
}

.wp-block-tag-cloud.is-style-outline {
  display: flex;
  flex-wrap: wrap;
  gap: 1ch
}

.wp-block-tag-cloud.is-style-outline a {
  border: 1px solid;
  font-size: unset !important;
  margin-right: 0;
  padding: 1ch 2ch;
  text-decoration: none !important
}

.wp-block-table {
  margin: 0 0 1em;
  overflow-x: auto
}

.wp-block-table table {
  border-collapse: collapse;
  width: 100%
}

.wp-block-table .has-fixed-layout {
  table-layout: fixed;
  width: 100%
}

.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
  word-break: break-word
}

.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
  display: table;
  width: auto
}

.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
  word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
  background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
  background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
  background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
  background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent;
  border-bottom: 1px solid #f0f0f0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
  background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
  background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
  background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
  background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
  border-color: transparent
}

.wp-block-table .has-border-color>*,
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr {
  border-color: inherit
}

.wp-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
  border-style: inherit
}

.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
  border-width: inherit;
  border-style: inherit
}

.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
  display: flex
}

.wp-block-text-columns .wp-block-column {
  margin: 0 1em;
  padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
  margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
  margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
  width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
  width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
  width: 25%
}

pre.wp-block-verse {
  font-family: inherit;
  overflow: auto;
  white-space: pre-wrap
}

.wp-block-video {
  margin: 0 0 1em
}

.wp-block-video video {
  width: 100%
}

@supports (position:sticky) {
  .wp-block-video [poster] {
    -o-object-fit: cover;
    object-fit: cover
  }
}

.wp-block-video.aligncenter {
  text-align: center
}

.wp-block-video figcaption {
  margin-top: .5em;
  margin-bottom: 1em
}

:root {
  --wp--preset--font-size--normal: 16px;
  --wp--preset--font-size--huge: 42px
}

:root .has-very-light-gray-background-color {
  background-color: #eee
}

:root .has-very-dark-gray-background-color {
  background-color: #313131
}

:root .has-very-light-gray-color {
  color: #eee
}

:root .has-very-dark-gray-color {
  color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
  background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-purple-crush-gradient-background {
  background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
  background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-subdued-olive-gradient-background {
  background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
  background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
  background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
  background: linear-gradient(135deg, #020381, #2874fc)
}

.has-regular-font-size {
  font-size: 1em
}

.has-larger-font-size {
  font-size: 2.625em
}

.has-normal-font-size {
  font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
  font-size: var(--wp--preset--font-size--huge)
}

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

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

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

#end-resizable-editor-section {
  display: none
}

.aligncenter {
  clear: both
}

.items-justified-left {
  justify-content: flex-start
}

.items-justified-center {
  justify-content: center
}

.items-justified-right {
  justify-content: flex-end
}

.items-justified-space-between {
  justify-content: space-between
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

html :where(.has-border-color),
html :where([style*=border-width]) {
  border-style: solid
}

html :where(img[class*=wp-image-]) {
  height: auto;
  max-width: 100%
}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {

  from,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -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 {

  from,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {

  from,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  from,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {

  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {

  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -2deg);
    transform: rotate3d(0, 0, 1, -2deg)
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 1deg);
    transform: rotate3d(0, 0, 1, 1deg)
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -1deg);
    transform: rotate3d(0, 0, 1, -1deg)
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {

  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}

@keyframes jello {

  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

  from,
  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {

  from,
  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

  from,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInDown {

  from,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

  from,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInLeft {

  from,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInRight {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  from {
    -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);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes lightSpeedIn {
  from {
    -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);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1
  }

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

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes rollOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

@media (print),
(prefers-reduced-motion:reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }
}

@charset "UTF-8";

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/Stolzl-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/Stolzl-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/Stolzl-Light.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/Stolzl-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

:root {
  --bg-color: #fff;
  --font-family: 'Stolzl', 'sans-serif';
  --font-color: #282828;
  --light-font: #585858;
  --dark-font: #262626;
  --transition: .3s all;
  --popup-bg: rgba(255, 255, 255, 0.95)
}

.container {
  max-width: 89.375rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0
}

@media (max-width:899px) {
  .container {
    padding: 0 4rem
  }
}

@media (max-width:699px) {
  .container {
    padding: 0 15px
  }
}

.container_fhd {
  width: 100%;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto
}

@media (max-width:1920px) and (min-width:900px) {
  html {
    font-size: .83333vw
  }
}

@media (max-width:899px) {
  html {
    font-size: 10px
  }
}

@media (max-width:699px) {
  html {
    font-size: 12px
  }
}

@media (max-width:409px) {
  html {
    font-size: 10px
  }
}

body {
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  color: var(--font-color);
  background-color: var(--bg-color);
  position: relative
}

li {
  list-style: none
}

ul {
  margin: 0;
  padding: 0
}

p {
  margin: 0
}

a {
  text-decoration: none;
  outline: none;
  color: inherit
}

img {
  user-select: none
}

button,
input {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font-family: inherit
}

button {
  cursor: pointer
}

* {
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

.text-center {
  text-align: center
}

.fw-bold {
  font-weight: 700
}

.fw-black {
  font-weight: 900
}

.fw-normal {
  font-weight: 400
}

.fw-medium {
  font-weight: 500
}

.crossed {
  text-decoration: line-through
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden
}

.decor {
  position: absolute
}

picture {
  display: block
}

picture img {
  height: 100%;
  width: 100%;
  object-fit: contain
}

.slick-initialized .slick-slide {
  display: block;
  height: max-content
}

.slick-track {
  height: max-content
}

section {
  position: relative;
  z-index: 1
}

header,
footer {
  z-index: 2
}

.logo,
.logo__c {
  display: flex;
  align-items: center
}

.logo__img {
  height: 4.625rem;
  width: auto
}

@media (max-width:560px) {
  .logo__img {
    max-width: 8rem;
    height: auto
  }
}

.logo__text {
  font-size: 1.875rem;
  font-weight: 300;
  margin-left: 1.125rem
}

@media (max-width:699px) {
  .logo__text {
    display: none
  }
}

.logo__desc {
  max-width: 26rem;
  font-size: .75rem;
  line-height: 1.33;
  color: var(--light-font);
  margin-left: 3.3rem
}

@media (max-width:699px) {
  .logo__desc {
    display: none
  }
}

.btn {
  background-image: linear-gradient(to top, var(--grad-from), var(--grad-to));
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden
}

.btn::before {
  margin-left: -30px;
  content: " ";
  width: 1.5rem;
  height: 300px;
  background: #fff;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  position: absolute;
  left: -40px;
  top: -70px;
  animation-timing-function: ease-in-out;
  transition: all 0.1s;
  animation-name: slideme;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  transform: rotate(45deg);
  z-index: 5
}

.btn span,
.btn div {
  position: relative;
  z-index: 3
}

.btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 7px
}

.btn:hover::after,
.btn:focus::after {
  opacity: .15
}

.btn::after {
  z-index: 2;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 100ms linear;
  background-color: #fff
}

.btn[disabled] {
  opacity: .5;
  cursor: no-drop
}

.btn[disabled]::after,
.btn[disabled]::before {
  display: none
}

.btn__load {
  display: none;
  height: 4rem;
  width: 4rem
}

@keyframes slideme {
  0% {
    left: 10%
  }

  30% {
    left: 110%
  }

  100% {
    left: 110%
  }
}

.widget {
  width: 7rem;
  padding-top: 1.5rem;
  font-size: .625rem;
  text-align: center;
  color: var(--widget-color);
  text-transform: uppercase;
  position: relative;
  transition: var(--transition)
}

.widget.closed {
  opacity: 0;
  pointer-events: none
}

.widget-close {
  width: 1.5rem;
  height: 1.438rem;
  border: solid 3px #fff;
  background-color: var(--grad-to);
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition)
}

.widget-close.active {
  transform: translate(-50%, -50%) rotate(45deg)
}

.widget p {
  position: relative
}

.widget__wrap {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 200
}

.widget::before {
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 1rem;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .8;
  background-image: linear-gradient(to top, var(--grad-from), var(--grad-to))
}

.widget__item {
  padding: 1rem;
  position: relative;
  cursor: not-allowed
}

.widget__item::before {
  content: '';
  background-image: var(--widget-lock);
  height: 1.3rem;
  width: 1.3rem;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 3.875rem;
  top: .5rem;
  background-size: contain
}

.widget__item__icon {
  margin-bottom: .65rem
}

.widget__item__icon img {
  width: 2rem;
  height: auto
}

.widget__item:not(:last-child) {
  border-bottom: 1px solid #fff
}

.video-widget {
  position: fixed;
  left: 1.7rem;
  bottom: 2.25rem;
  z-index: 20
}

.video-widget__link {
  width: 9.125rem;
  height: 13.688rem;
  border-radius: 15px;
  box-shadow: 0 0 81px 0 #3535354c;
  border: solid 3px #fff;
  background-color: #fff;
  display: block;
  position: relative;
  overflow: hidden
}

.video-widget__link img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.video-widget__link-wrap {
  position: relative
}

.video-widget__play {
  width: 2.063rem;
  height: 2.063rem;
  background-color: #fe6155;
  border-radius: 50%;
  animation: pulse1 2s infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: .625rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E")
}

.video-widget__close {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  right: .77rem;
  top: .77rem;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 15.5' style='enable-background:new 0 0 15.6 15.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Crect x='-2.2' y='6.8' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2219 7.778)' class='st0' width='20' height='2'/%3E%3Crect x='6.8' y='-2.2' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2218 7.7782)' class='st0' width='2' height='20'/%3E%3C/svg%3E%0A")
}

.video-widget__action {
  font-size: .688rem;
  font-weight: 500;
  letter-spacing: .28px;
  color: var(--accent-color);
  margin-bottom: 3.5rem;
  margin-left: 4.5rem;
  position: relative
}

.video-widget__action img {
  position: absolute;
  left: -2.5rem;
  top: .5rem;
  height: 3.25rem;
  width: auto
}

header {
  padding-top: 1rem;
  padding-bottom: 4rem;
  position: relative
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.header__contact {
  display: flex;
  align-items: center
}

@media (max-width:560px) {
  .header__contact {
    margin-top: 0
  }
}

.header__phone {
  text-align: right;
  color: #fff;
}

.header__phone__online {
  font-size: .844rem;
  width: 250px;
  letter-spacing: .1px;
  display: flex;
  justify-content: center;
  align-items: center
}

.header__phone__online::before {
  width: .5rem;
  min-width: .5rem;
  height: .438rem;
  border-radius: 50%;
  content: '';
  margin-right: .375rem;
  background-color: #4ec35a;
  animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite
}

.header__phone__link {
  font-size: 1.5rem;
  color: var(--dark-font);
  color: #fff;
  margin-top: .3rem;
  display: block
}
.header__Telegram__text { color: #fff; }
.header__whatsapp {
  display: flex;
  align-items: center;
  margin-right: 4.44rem
}

.header__wa-m {
  display: none
}

@media (max-width:699px) {
  .header__whatsapp {
    margin-right: 1.5rem
  }
}

@media (max-width:450px) {
  .header__whatsapp {
    display: none
  }

  .header__wa-m {
    display: block;
    margin-right: 1rem
  }

  .header__wa-m svg {
    display: block;
    width: 2.5rem;
    height: 2.5rem
  }
}

.header__whatsapp__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.5rem;
  height: 3.188rem;
  border-radius: 12px;
  border: solid 1px #dfdfdf;
  background-color: #fff;
  font-size: .625rem;
  letter-spacing: .0375rem;
  position: relative;
  color: #282728;
  transition: var(--transition);
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 20px;
}

.header__whatsapp__link img,
.header__whatsapp__link svg,
.header__whatsapp__link path {
  width: 2rem;
  height: 2rem;
  margin-right: .75rem
}

.header__whatsapp__link svg {
  fill: #0088cc;
}

.header__whatsapp__link:hover {
  background-color: #0088cc;
  border-color: #0088cc;
  color: #fff
}

.header__whatsapp__link:hover svg {
  fill: #fff !important;
}

.header__whatsapp__link::after {
  width: .563rem;
  height: .563rem;
  border-radius: 50%;
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(50%, -50%);
  background-color: #4ec35a;
  animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite
}

.header__whatsapp__text {
  margin-left: 1rem;
  font-size: .844rem;
  line-height: 1.26
}

@media (max-width:899px) {
  .header__whatsapp__text {
    display: none
  }
}

.first-screen {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column
}

.first-screen__bg {
  background-size: cover;
  background-position: top center, top left, top right;
  background-repeat: no-repeat;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%
}

.main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1
}

.main__vid {
  width: 40%;
  position: relative;
  margin-left: 2rem;
  align-self: flex-start;
  margin-top: 7rem
}

.main__vid_m {
  display: none
}

.open-quiz .close {
  display: none
}

@media (max-width:850px) {
  .main__vid {
    display: none
  }

  .main__vid_m {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
    display: block
  }
}

.main__vid iframe,
.main__vid_m iframe {
  width: 100%;
  height: auto;
  min-height: 20rem
}

.main__info {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  padding-bottom: 6rem
}

@media (max-width:850px) {
  .main__info {
    padding-bottom: 2rem;
    width: 100%
  }
}

@media (max-width:899px) {
  .main--thx {
    padding-bottom: 4rem
  }
}

.main__subtitle {
  width: max-content;
  height: 3.75rem;
  padding: 1.25rem 2.313rem;
  border-radius: 10px;
  background-color: #feea8c;
  font-size: 1.281rem;
  text-align: center;
  transform: skew(-3deg);
  max-width: 100%;
  height: auto
}

.main__subtitle--skew {
  position: relative;
  transform: skew(3deg);
  display: block
}

.main__title {
  font-size: 3.125rem;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 1.9rem
}

@media (max-width:899px) {
  .main__title {
    width: 100%;
    max-width: 50rem
  }
}

@media (max-width:699px) {
  .main__title {
    font-size: 1.5rem
  }
}

.main__btn {
  height: 7.875rem;
  padding: 0 2.5rem;
  border-radius: 1.25rem;
  box-shadow: 0 19px 49px 0 #fe585119, 0 4px 0 0 var(--darker-color-rgb);
  color: var(--btn-font-color)
}

.main__btn--min {
  padding: 0 3.3rem
}

.main__btn__add-text {
  font-size: .875rem;
  letter-spacing: .35px;
  margin-top: .3rem;
  display: block
}

.main__btn__text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: .1rem;
  text-align: center;
  text-transform: uppercase
}

.main__btn__text--min {
  font-size: 1.719rem
}

.main__btn__text svg {
  height: 2.2rem;
  width: 2.2rem
}

.main__btn__text svg.last {
  transform: scaleX(-1);
  margin-left: 1.4rem
}

.main__btn__text svg.first {
  margin-right: 1.4rem
}

.main__btn__text svg .st1,
.main__btn__text svg .st2,
.main__btn__text svg .st0 {
  animation: shine infinite 1.5s
}

.main__btn__text svg .st0 {
  animation-delay: 0.6s
}

.main__btn__text svg .st1 {
  animation-delay: .3s
}

@media (max-width:409px) {
  .main__btn {
    height: 7.2rem;
    padding: 2rem;
    font-size: 1.7rem
  }
}

.main__btn-wrap {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  position: relative
}

@media (max-width:699px) {
  .main__btn-wrap {
    flex-direction: column
  }
}

.main__btn__arrow {
  position: absolute;
  left: 35rem;
  top: -3rem;
  width: 17.688rem
}

@media (max-width:899px) {
  .main__btn__arrow {
    display: none
  }
}

.main__btn__desc {
  margin-left: 6.125rem;
  font-size: .875rem;
  letter-spacing: .35px;
  position: relative
}

@media (max-width:699px) {
  .main__btn__desc {
    margin-left: 3rem;
    margin-top: 5rem
  }
}

.main__btn__desc img {
  position: absolute;
  left: -5.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 5.875rem;
  height: auto
}

.main__btn__desc::before {
  width: 1.25rem;
  height: 1.25rem;
  content: '';
  position: absolute;
  left: -1.9rem;
  top: -.3rem;
  background-image: url("../img/ok.png"
    /*tpa=ok.png*/
    );
  background-size: contain;
  z-index: 4
}

.main__advantages {
  display: flex;
  margin-top: 1.8rem
}

@media (max-width:699px) {
  .main__advantages {
    flex-wrap: wrap
  }
}

.main__advantage {
  < !--display: flex;
  -->align-items: center;
  font-size: 1rem;
  letter-spacing: .35px;
  position: relative
}

.main__advantage p {
  margin-top: .8rem;
  < !--margin-left: .8rem;
  -->
}

.main__advantage:not(:last-child) {
  margin-right: 2.5rem
}

@media (max-width:699px) {
  .main__advantage {
    margin-bottom: 1.5rem;
    padding-right: 2rem;
    width: 50%
  }

  .main__advantage:not(:last-child) {
    margin-right: 0
  }
}

.main__advantage img {
  height: 8rem
}

.main__advantage::before {
  width: 1.25rem;
  height: 1.25rem;
  content: '';
  position: absolute;
  background-image: url("../img/ok.png"
    /*tpa=ok.png*/
    );
  background-size: contain;
  z-index: 4
}

.main__advantage::before {
  left: 1rem;
  top: 1rem
}

/*.main__advantage:nth-child(2)::before {
  left: 1.5rem;
  top: 3rem
}

.main__advantage:nth-child(3)::before {
  left: -.5rem;
  top: 1.5rem
}

.main__advantage:nth-child(4)::before {
  left: 3rem;
  top: 2.5rem
}*/
}

.v2 {
  padding-bottom: 9.75rem
}

.v2__c {
  padding-top: 1rem
}

.v2__c .main__subtitle {
  margin-right: auto;
  margin-left: auto
}

.v2__c .main__title {
  width: 100%
}

.v2 .quiz {
  margin-top: 9rem
}

.about {
  width: 100%;
  overflow: hidden
}

.about__c {
  display: flex;
  align-items: center;
  position: relative
}

.about__photo {
  width: 59.5rem;
  min-width: 59.5rem;
  height: 59.375rem;
  overflow: hidden;
  position: relative
}

.about__photo__bg {
  object-fit: cover;
  object-position: top right
}

.about__photo__bg--scale {
  animation: scale2 10s ease-in-out
}

.about__photo__man {
  width: 37.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 51%;
  transform: translateX(-50%)
}

.about__info {
  margin-left: 11.25rem;
  max-width: 29rem;
  position: relative
}

.about__info--lg {
  font-size: 3.438rem;
  font-weight: 300;
  line-height: 1.27
}

.about__info--sm {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5;
  color: rgba(255, 255, 255, .5);
  margin-top: 2.3rem
}

.about__logo {
  position: absolute;
  right: -.5rem;
  top: 50%;
  transform: translateY(-45%);
  width: 15rem
}

.about__sign {
  position: absolute;
  top: 80%;
  width: 11.313rem;
  height: auto;
  right: 4rem;
  transform: translateY(-50%)
}

.about__person {
  position: absolute;
  text-align: right;
  top: 12.8rem;
  left: 13rem
}

.about__person__name {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: .9
}

.about__person__desc {
  font-size: 1rem;
  font-weight: 300;
  margin-top: .75rem
}

.about__circle {
  position: absolute;
  left: -16.7rem;
  top: calc(50% - 5.5rem)
}

.about__circle__img {
  width: 11rem;
  height: 11.063rem
}

.about__circle__text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: 20s linear 0s normal none infinite running roll
}

.open-quiz {
  padding-bottom: 6rem
}

.portfolio {
  padding-top: 2.8rem;
  overflow: hidden;
  /*padding-bottom: 4.5rem*/
}

.portfolio__title {
  font-size: 3.125rem;
  line-height: 1.2;
  font-weight: 300;
  margin-top: 3rem;
  color: #5A7FA0;

}

.portfolio__title3 {
  font-size: 3.125rem;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 3rem
}

.portfolio__slider__wrap {
  margin-top: 4rem;
  position: relative;
  /*margin-bottom: 6rem*/
}

.portfolio__slider__arrows {
  position: absolute;
  width: 120%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  left: -10%;
  transform: translateY(-105%);
  pointer-events: none
}

@media (max-width:899px) {
  .portfolio__slider__arrows {
    width: 100%;
    left: 0
  }

  .portfolio {
    padding-bottom: 0
  }
}

@media (max-width:449px) {
  .portfolio__slider__arrows {
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
    margin-top: 2rem
  }

  .portfolio__title {
    font-size: 2.125rem;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 3rem
  }
}

.portfolio__slider__arrows .slick-arrow {
  pointer-events: all;
  width: 4.375rem;
  height: 4.375rem;
  background-color: #e8e7e7;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: center
}

.portfolio__slider__arrows .slick-arrow:hover {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"), linear-gradient(to top, var(--grad-from), var(--grad-to));
  background-size: 1.25rem, cover
}

@media (max-width:449px) {
  .portfolio__slider__arrows .slick-arrow {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"), linear-gradient(to top, var(--grad-from), var(--grad-to));
    background-size: 1.25rem, cover;
    margin-top: -86rem
  }
}

.portfolio__slider__arrows .slider-prev {
  transform: scaleX(-1)
}

.portfolio__slider__dots button {
  font-size: 0;
  width: 1.063rem;
  height: 1.063rem;
  border-radius: 50%;
  background-color: #e4e4e4;
  transition: var(--transition)
}

.portfolio__slider__dots li:not(:last-child) {
  margin-right: .94rem
}

.portfolio__slider__dots ul {
  display: flex;
  justify-content: center;
  margin-top: 3.68rem
}

.portfolio__slider__dots .slick-active button,
.portfolio__slider__dots button:hover {
  background-color: var(--accent-color)
}

.portfolio__slide {
  display: flex;
  align-items: center
}

@media (max-width:699px) {
  .portfolio__slide {
    flex-wrap: wrap
  }
}

.portfolio__slide__photo {
  width: 50.68rem;
  min-width: 50.68rem
}

@media (max-width:899px) {
  .portfolio__slide__photo {
    width: 45%;
    min-width: 45%
  }
}

@media (max-width:699px) {
  .portfolio__slide__photo {
    width: 100%
  }
}

.portfolio__slide__photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 2.1875rem
}

.portfolio__slide__photo--big {
  display: block;
  width: 100%;
  height: 37.25rem;
  border-radius: 2.1875rem;
  background-color: #fbfafa
}

@media (max-width:449px) {
  .portfolio__slide__photo--big {
    height: 27rem
  }
}

.portfolio__slide__photo--sm {
  width: 15.266rem;
  height: 12.5rem;
  border-radius: 2.1875rem;
  background-color: #fbfafa;
  display: block
}

.portfolio__slide__photo--sm:not(:last-child) {
  margin-right: 2.44rem
}

@media (max-width:899px) {
  .portfolio__slide__photo--sm:not(:last-child) {
    margin-right: 2%
  }
}

@media (max-width:899px) {
  .portfolio__slide__photo--sm {
    width: 32%
  }
}

@media (max-width:449px) {
  .portfolio__slide__photo--sm {
    height: 8rem
  }
}

.portfolio__slide__photo__bottom {
  display: flex;
  margin-top: 2.313rem
}

.portfolio__slide__info {
  margin-left: 5rem
}

@media (max-width:899px) {
  .portfolio__slide__info {
    margin-left: 2rem
  }
}

@media (max-width:699px) {
  .portfolio__slide__info {
    margin-left: 0;
    margin-top: 3rem
  }
}

.portfolio__slide__title {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.6;

}

.portfolio__slide__place {
  font-size: 1.125rem;
  margin-top: 2.5rem;
  display: flex;
  align-items: center
}

.portfolio__slide__place svg {
  height: 2.3rem;
  width: 2.3rem;
  margin-right: 1rem
}

.portfolio__slide__desc-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 2.5rem
}

.portfolio__slide__desc {
  opacity: .65;
  font-size: 1.125rem;
  line-height: 1.67;
  margin-top: 1.75rem
}

.portfolio__slide__spec {
  display: flex;
  margin-top: 3rem;
  flex-wrap: wrap
}

.portfolio__slide__spec__item {
  width: 33%;
  padding-right: 1rem
}

@media (max-width:899px) {
  .portfolio__slide__spec__item {
    width: 50%;
    padding-right: 1rem;
    margin-bottom: 1.5rem
  }
}

.portfolio__slide__spec__name {
  opacity: .65;
  font-size: 1rem
}

.portfolio__slide__spec__val {
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: .8rem
}

.portfolio .main__btn-wrap {
  flex-direction: column;
  align-items: center;
  padding-bottom: 8rem
}

.portfolio .main__btn__desc {
  margin-left: 0;
  margin-top: 2.7rem;
  padding-left: 6rem
}

.portfolio .main__btn__desc img {
  left: 0
}

.portfolio .main__btn__desc::before {
  left: 3.6rem
}

.quiz {
  border-radius: 10px;
  box-shadow: 0 0 125px 0 #19191926;
  background-color: #fff;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-top: 1.813rem;
  padding-left: 2.563rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: 56.25rem
}

.quiz__left {
  width: 25rem;
  min-width: 25rem;
  border-radius: 30px;
  background-color: #fff;
  background-image: url("../img/quiz-bg.png"
    /*tpa=quiz-bg.png*/
    );
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2.875rem;
  padding-bottom: 1.75rem;
  position: relative
}

@media (max-width:899px) {
  .quiz__left {
    display: none
  }
}

.quiz__manager {
  width: 13.375rem;
  height: 13.938rem;
  margin-right: auto;
  margin-left: auto
}

.quiz__manager img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center bottom
}

.quiz__manager__name {
  width: max-content;
  padding: .8rem 2.875rem .8rem 2.938rem;
  border-radius: 5px;
  background-color: #feea8c;
  transform: skew(-5deg);
  font-size: 1.125rem;
  letter-spacing: .45px;
  text-align: center;
  margin-right: auto;
  margin-left: auto
}

.quiz__manager__name span {
  display: block;
  transform: skew(5deg)
}

.quiz__manager__post {
  font-size: .875rem;
  letter-spacing: .35px;
  text-align: center;
  margin-top: .5rem
}

.quiz__help {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.1rem;
  min-height: 6rem
}

.quiz__help img {
  width: 3.5rem;
  height: auto
}

.quiz__help p {
  max-width: 14.5rem;
  margin-left: 1.188rem;
  font-size: .875rem
}

.quiz__gift {
  margin-top: 2.1rem
}

.quiz__gift__title {
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
  text-transform: uppercase
}

.quiz__gift ul {
  margin-top: 1.5rem
}

.quiz__gift li {
  width: 21.875rem;
  height: 4.688rem;
  border-radius: 10px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 3.813rem;
  cursor: not-allowed
}

.quiz__gift li:not(:last-child) {
  margin-bottom: 1rem
}

.quiz__gift li p {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .938rem;
  letter-spacing: .38px;
  color: #fff
}

.quiz__gift li p::before {
  content: '';
  width: 1.438rem;
  height: 1.438rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 474.8 474.801' style='enable-background:new 0 0 474.8 474.801;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M396.283,257.097c-1.14-0.575-2.282-0.862-3.433-0.862c-2.478,0-4.661,0.951-6.563,2.857l-18.274,18.271 c-1.708,1.715-2.566,3.806-2.566,6.283v72.513c0,12.565-4.463,23.314-13.415,32.264c-8.945,8.945-19.701,13.418-32.264,13.418 H82.226c-12.564,0-23.319-4.473-32.264-13.418c-8.947-8.949-13.418-19.698-13.418-32.264V118.622 c0-12.562,4.471-23.316,13.418-32.264c8.945-8.946,19.7-13.418,32.264-13.418H319.77c4.188,0,8.47,0.571,12.847,1.714 c1.143,0.378,1.999,0.571,2.563,0.571c2.478,0,4.668-0.949,6.57-2.852l13.99-13.99c2.282-2.281,3.142-5.043,2.566-8.276 c-0.571-3.046-2.286-5.236-5.141-6.567c-10.272-4.752-21.412-7.139-33.403-7.139H82.226c-22.65,0-42.018,8.042-58.102,24.126 C8.042,76.613,0,95.978,0,118.629v237.543c0,22.647,8.042,42.014,24.125,58.098c16.084,16.088,35.452,24.13,58.102,24.13h237.541 c22.647,0,42.017-8.042,58.101-24.13c16.085-16.084,24.134-35.45,24.134-58.098v-90.797 C402.001,261.381,400.088,258.623,396.283,257.097z' fill='%23fff'/%3E%3Cpath d='M467.95,93.216l-31.409-31.409c-4.568-4.567-9.996-6.851-16.279-6.851c-6.275,0-11.707,2.284-16.271,6.851 L219.265,246.532l-75.084-75.089c-4.569-4.57-9.995-6.851-16.274-6.851c-6.28,0-11.704,2.281-16.274,6.851l-31.405,31.405 c-4.568,4.568-6.854,9.994-6.854,16.277c0,6.28,2.286,11.704,6.854,16.274l122.767,122.767c4.569,4.571,9.995,6.851,16.274,6.851 c6.279,0,11.704-2.279,16.274-6.851l232.404-232.403c4.565-4.567,6.854-9.994,6.854-16.274S472.518,97.783,467.95,93.216z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  filter: drop-shadow(0 0 1.25rem var(--grad-from));
  margin-right: 1.188rem
}

.quiz__gift li::before {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(40, 39, 40, .75);
  content: '';
  z-index: 1
}

.quiz__gift li img {
  width: 11.875rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.quiz__bar {
  width: 49.75rem;
  height: 3rem;
  padding: .29rem .34rem;
  border-radius: 24px;
  background-color: #f5f6f6;
  margin-left: 4.875rem;
  margin-top: 1.5rem;
  position: relative
}

@media (max-width:899px) {
  .quiz__bar {
    margin-left: 0;
    width: 100%
  }
}

.quiz__bar--ln {
  width: 100%;
  margin-left: 0
}

.quiz__bar__prg {
  width: 8.131rem;
  height: 100%;
  background-color: var(--accent-color);
  transition: var(--transition);
  border-radius: inherit;
  position: relative
}

.quiz__bar__prg::after {
  content: "";
  display: block;
  transition: all .3s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/lines.png"
    /*tpa=lines.png*/
    );
  background-size: 2.49rem;
  animation: moveIt 1.5s infinite linear
}

.quiz__bar__text {
  font-size: .875rem;
  font-weight: 300;
  letter-spacing: .7px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.quiz__main {
  padding-right: 3.438rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem
}

@media (max-width:899px) {
  .quiz__main {
    padding-right: 0
  }
}

.quiz__question {
  margin-top: 3.3rem;
  /*flex-grow: 1;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.quiz__question:not(.active) {
  display: none
}

.quiz__question__head {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4.896rem
}

@media (max-width:699px) {
  .quiz__question__head {
    flex-direction: column;
    padding: 0 1rem
  }
}

.quiz__question__title {
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: .6px
}

@media (max-width:699px) {
  .quiz__question__title {
    text-align: center
  }
}

.quiz__question__progress {
  width: 7.688rem;
  min-width: 7.688rem;
  height: 2.313rem;
  border-radius: 10px;
  background-color: #feea8c;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: skew(-4deg);
  margin-right: 1.375rem;
  font-size: .781rem;
  letter-spacing: .13px;
  text-align: center
}

@media (max-width:699px) {
  .quiz__question__progress {
    margin-right: 0;
    margin-bottom: 2rem
  }
}

.quiz__question__progress span {
  display: flex;
  transform: skew(4deg);
  margin-right: .3rem;
  margin-left: .3rem
}

.quiz__answers {
  display: flex;
  flex-wrap: wrap;
  margin-left: 4.896rem;
  flex-grow: 1;
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (max-width:899px) {
  .quiz__answers {
    margin: auto;
    max-width: 55rem
  }
}

.quiz__answers--img {
  height: 40.5rem;
  max-height: 40.5rem;
  overflow: auto;
  margin-top: 2rem;
  padding-left: .4rem
}

.quiz__answers--img::-webkit-scrollbar {
  width: .934rem;
  background-color: #f5f6f6;
  border-radius: 7.5px
}

.quiz__answers--img::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  background-color: #d3d5d5
}

@media (max-width:899px) {
  .quiz__answers--img {
    margin-top: 2rem
  }
}

@media (max-width:699px) {
  .quiz__answers--img {
    justify-content: space-between;
    padding-right: 1.5rem
  }
}

.quiz__answers--desc {
  height: 34rem;
  max-height: 34rem;
  justify-content: center;
  margin-top: 0rem
}

@media (max-width:699px) {
  .quiz__answers--desc {
    justify-content: space-between
  }
}

.quiz__answers--single {
  display: flex;
  align-items: center;
  justify-content: center
}
.quiz__inputs-block {
    width: 100%;
}
.quiz__answers--single textarea { width: 100%; }
@media (max-width:699px) {
  .quiz__answers--single {
    justify-content: space-around
  }
}

.quiz__answers--text {
  align-content: flex-start;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding-right: 6rem;
  padding-left: 1rem
}

@media (max-width:699px) {
  .quiz__answers--text {
    padding-left: 0;
    padding-right: 0
  }
}

.quiz__answers__img {
  margin-left: 2.25rem
}

.quiz__answers__img img {
  width: 28.625rem;
  height: auto
}

@media (max-width:699px) {
  .quiz__answers__img {
    margin-left: 0;
    margin-top: 2rem
  }
}

.quiz__answers--single .quiz__answer--txt:not(:last-child) {
  margin-bottom: .8rem
}

.quiz__answer-img {
  width: 15.188rem;
  margin-bottom: 1.58rem;
  position: relative
}

.quiz__answer-img:not(:nth-child(3n)),
.quiz__answer-img:not(:last-child) {
  margin-right: 2.2rem
}

@media (max-width:699px) {

  .quiz__answer-img:not(:nth-child(3n)),
  .quiz__answer-img:not(:last-child) {
    margin-right: 0
  }
}

@media (max-width:699px) {
  .quiz__answer-img {
    width: 47%
  }
}

.quiz__answers--text .quiz__answer--txt {
  margin-bottom: .94rem
}

.quiz__answers__block .quiz__answer--txt__wrap:not(:last-child) {
  margin-bottom: .8rem
}

@media (max-width:699px) {
  .quiz__answers__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
  }
}

.quiz__answer--txt__wrap .quiz__answer__hint,
.quiz__answer--txt__wrap .quiz__answer__video {
  top: -1rem;
  right: -1.7rem
}

.quiz__answer--txt {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

@media (max-width:699px) {
  .quiz__answer--txt {
    width: 100%
  }
}

.quiz__answer--txt__wrap {
  position: relative;
  padding: 20px;
}

@media (max-width:699px) {
  .quiz__answer--txt__wrap {
    width: 48.5%
  }
}

@media (max-width:449px) {
  .quiz__answer--txt__wrap {
    width: 100%
  }
}

.quiz__answer--txt p {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 21.938rem;
  height: 4.438rem;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #d3d5d5;
  padding: 1rem 1.37rem;
  transition: var(--transition)
}

@media (max-width:699px) {
  .quiz__answer--txt p {
    width: 100%
  }
}



.quiz__answer--txt p:hover {
  box-shadow: 0 0rem 1rem .3rem #3d3d3d23
}

.quiz__answer--txt input[type="checkbox"]+p::before {
  border-radius: 5px
}

.quiz__answer--txt input:checked+p::before {
  background-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E")
}

.quiz__answer--txt input:checked+p {
  border-color: var(--accent-color);
  text-shadow: 0 0 .8px var(--font-color), 0 0 .8px var(--font-color)
}

.quiz__answer__hint {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -1.6rem;
  right: .3rem;
  z-index: 3;
  cursor: help;
  padding: 1rem
}

.quiz__answer__hint:hover .quiz__answer__hint--text {
  transform: scale(1)
}

.quiz__answer__hint--circle {
  width: 1.563rem;
  height: 1.563rem;
  background-color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  animation: pulse1 2s infinite
}

.quiz__answer__hint--text {
  position: absolute;
  width: 11rem;
  padding: 1rem;
  font-size: .9rem;
  background-color: #fff;
  right: 70%;
  top: 70%;
  transform: scale(0);
  transition: var(--transition);
  box-shadow: 0 0 20px 0 #19191955
}

.quiz__answer__video {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -1.8rem;
  right: 1rem;
  z-index: 3;
  cursor: pointer;
  padding: 1rem
}

.quiz__answer__video--circle {
  width: 2rem;
  height: 2rem;
  background-color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: pulse1 2s infinite;
  background-position: center;
  background-repeat: no-repeat;
  background-size: .625rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E")
}

.quiz__answer__label {
  width: 100%;
  display: block
}

.quiz__answer__label:hover .quiz__answer__img {
  box-shadow: 0 0rem 1rem .3rem #3d3d3d23
}

.quiz__answer__box {
  width: 100%;
  cursor: pointer
}

.quiz__answer__img {
  width: 100%;
  height: 11rem;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  transition: var(--transition)
}

.quiz__answer__img::before {
  width: 2.313rem;
  min-width: 2.313rem;
  height: 2.313rem;
  border-radius: 50%;
  border: solid .375rem #fff;
  background-color: #f5f6f6;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: .75rem;
  transition: var(--transition);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23dadcdc;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E")
}

.quiz__answer__img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: inherit;
  object-fit: cover
}

.quiz__answer__img--lg {
  height: 17.938rem
}

input[type="checkbox"]+.quiz__answer__box .quiz__answer__img::before {
  border-radius: .625rem
}

input:checked+.quiz__answer__box .quiz__answer__img {
  box-shadow: 0 0 0 2px var(--accent-color)
}

input:checked+.quiz__answer__box .quiz__answer__img::before {
  background-color: var(--accent-color);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E")
}

input:checked+.quiz__answer__box .quiz__answer__text,
input:checked+.quiz__answer__box .quiz__answer__name {
  text-shadow: 0 0 .8px var(--font-color), 0 0 .8px var(--font-color)
}

.quiz__answer__text {
  font-size: 1.15rem;
  transition: var(--transition)
}

.quiz__answer__name {
  font-size: .875rem;
  line-height: 1.21;
  margin-top: 1.6rem
}

.quiz__answer-img .quiz__answer__text {
  text-align: center;
  margin-top: 1.5rem
}

.quiz__answer__desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .8rem
}

.quiz__answer__spec {
  font-size: .625rem;
  letter-spacing: .1px;
  color: #282728c0
}

.quiz__answer__val {
  font-size: 1rem;
  font-weight: 500;
  color: var(--accent-color)
}

.quiz__buttons {
  display: flex;
  margin-top: 1rem;
  padding-right: 3.7rem;
  padding-left: 5.5rem
}

.quiz__btn-next {
  width: 12.5rem;
  height: 4.125rem;
  border-radius: 15px;
  box-shadow: 0 19px 49px 0 #fe585119, 0 4px 0 0 var(--darker-color-rgb);
  font-size: 1rem;
  letter-spacing: .16px;
  text-align: left;
  color: var(--btn-font-color)
}

.quiz__btn-next span {
  display: flex;
  justify-content: center;
  align-items: center
}

.quiz__btn-next span::after {
  content: '';
  margin-left: .5rem;
  background-image: var(--next-arrow);
  height: 1.5625rem;
  width: 1.5625rem;
  background-repeat: no-repeat;
  background-position: center
}

.quiz__btn-next__wrap {
  margin-left: auto;
  position: relative
}

.quiz__btn-next[disabled]:hover+.quiz__btn-help {
  transform: translate(-50%, -100%) scale(1)
}

.quiz__btn-help {
  width: 11.563rem;
  padding: .625rem 1rem;
  border-radius: 5px;
  box-shadow: 0 0 18px 0 #28272819;
  background-color: #fff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.38;
  letter-spacing: .08px;
  color: #282728a6;
  position: absolute;
  top: -.75rem;
  left: 50%;
  transform: translate(-50%, -100%) scale(0);
  transition: var(--transition)
}

.quiz__btn-prev {
  font-size: 1rem;
  letter-spacing: .16px;
  color: #282728c0
}

.quiz__btn-prev span {
  display: flex;
  justify-content: center;
  align-items: center
}

.quiz__btn-prev span::before {
  margin-right: .5rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23282728;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23282728;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23282728;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A");
  height: 1.5625rem;
  width: 1.5625rem;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  transform: scaleX(-1)
}

.quiz__input {
  width: 18.813rem;
  height: 4.438rem;
  padding: 0 2.188rem;
  border-radius: 5px;
  border: solid 1px #d3d5d5;
  background-color: #fff
}

.quiz__input__wrap:not(:last-child) {
  margin-bottom: 3.1rem
}

.quiz__input__title {
  font-size: 1.156rem;
  line-height: .86;
  margin-bottom: .875rem
}

.quiz__input__group {
  display: flex;
  align-items: center
}

.quiz__input__ms {
  margin-left: .75rem
}

.quiz__input,
.quiz__input__ms {
  font-size: .875rem;
  line-height: 1.14;
  color: #282728
}

.quiz__online {
  width: 6.25rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #4ec35a;
  position: absolute;
  top: 1.3rem;
  right: 1.25rem;
  font-size: .844rem;
  letter-spacing: .41px;
  color: #fff
}

.quiz__online::before {
  width: .5rem;
  height: .438rem;
  background-color: #fff;
  margin-right: .375rem;
  content: '';
  border-radius: 50%;
  animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite
}

.quiz__final {
  width: 100%;
  padding-left: 3.3rem;
  padding-right: 5.875rem;
  padding-bottom: 2.2rem
}

@media (max-width:899px) {
  .quiz__final {
    padding-left: 0;
    padding-right: 0
  }
}

.quiz__final:not(.active) {
  display: none
}

.quiz__final__agreement {
  font-size: .688rem;
  color: #282728;
  margin-top: 1.125rem;
  display: flex;
  align-items: center
}

.quiz__final__agreement a {
  font-weight: 500;
  text-decoration: underline
}

.quiz__final__agreement__check {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 3px;
  background-color: var(--accent-color);
  margin-right: .44rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: .55rem
}

input:checked+.quiz__final__agreement__check {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E")
}

.quiz__final__form {
  max-width: 31.188rem;
  margin-top: 1.2rem
}

.quiz__final__form__title {
  font-size: 1.875rem;
  line-height: 1.2;
  letter-spacing: .75px
}

.quiz__final__form__input {
  width: 100%;
  height: 4.063rem;
  padding: 0 2.313rem;
  border-radius: 15px;
  background-color: #f6f6f6;
  font-size: 1rem;
  color: #282728;
  margin-top: 1.875rem
}

.quiz__final__btn {
  width: 31.25rem;
  height: 5.688rem;
  border-radius: 15px;
  margin-top: .75rem;
  box-shadow: 0 19px 49px 0 #fe585119, 0 4px 0 0 var(--darker-color-rgb);
  font-size: 1.188rem;
  letter-spacing: .19px;
  color: var(--btn-font-color)
}

.quiz__final__btn.loading {
  opacity: 1;
  cursor: wait
}

@media (max-width:699px) {
  .quiz__final__btn {
    max-width: 100%
  }
}

.quiz__final__btn__text {
  display: flex;
  align-items: center
}

.quiz__final__btn--bonus {
  padding: .5rem;
  border-radius: 5px;
  background-color: #fff;
  color: #282728;
  margin-left: .75rem;
  display: block
}

.quiz__final__gift {
  width: 100%;
  height: 9.938rem;
  border-radius: 10px;
  box-shadow: 0 0 70px 0 #28272826;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding-left: 2.188rem;
  margin-top: 1.25rem
}

@media (max-width:699px) {
  .quiz__final__gift {
    max-width: 100%;
    height: auto;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 2rem;
    justify-content: center;
    padding-left: 0
  }
}

@media (max-width:449px) {
  .quiz__final__gift {
    display: none
  }
}

.quiz__final__gift__title {
  font-size: 1rem;
  text-transform: uppercase;
  margin-right: 1.875rem
}

@media (max-width:699px) {
  .quiz__final__gift__title {
    width: 100%;
    margin: 1rem 0;
    text-align: center
  }
}

.quiz__final__gift__item {
  font-size: .875rem;
  letter-spacing: .35px
}

.quiz__final__gift__item:not(:last-child) {
  margin-right: 1.2rem
}

.quiz__final__gift__img {
  width: 5.5rem;
  height: 5rem;
  position: relative
}

.quiz__final__gift__img::after {
  position: absolute;
  content: '';
  bottom: .4rem;
  left: 3rem;
  width: 1.75rem;
  height: 1.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/lock.png"
    /*tpa=lock.png*/
    )
}

.quiz__final__gift__img img {
  max-width: 5.5rem;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  max-width: 5.5rem;
  height: 100%;
  object-fit: contain
}

.quiz__final .quiz__bar {
  width: 100%;
  margin-right: 0;
  margin-left: 0
}

.quiz__final .quiz__question__progress {
  width: 11.25rem;
  height: 2.313rem;
  margin-top: 1.8rem
}

.quiz__contact {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem
}

.quiz__contact__box {
  width: 7.563rem;
  height: 8.563rem;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: var(--transition)
}

input:checked+.quiz__contact__box,
.quiz__contact__box:hover {
  box-shadow: 0 7px 27px 0 #28282819;
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--accent-color)
}

.quiz__contact__icon {
  width: 4.375rem;
  height: 4.438rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: .8rem;
  background-color: var(--accent-color)
}

.quiz__contact__icon--wa {
  background-color: #25d266
}

.quiz__contact__icon--viber {
  background-color: #7460f3
}

.quiz__contact__icon--tg {
  background-color: #00a2f2
}

.quiz__contact__icon img {
  height: 2.2rem;
  width: 2.2rem
}

.quiz__hand {
  width: 40.5rem;
  height: auto;
  position: relative;
  bottom: -.4rem
}

.quiz__hand__wrap {
  position: absolute;
  bottom: 0;
  right: -1rem
}

@media (max-width:899px) {
  .quiz__hand__wrap {
    right: -4rem
  }
}

@media (max-width:699px) {
  .quiz__hand__wrap {
    position: relative;
    bottom: -6rem;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    right: 0
  }
}

.quiz__hand__circle {
  width: 9.5rem;
  height: 9.438rem;
  background-color: #feea8c;
  border-radius: 50%;
  position: absolute;
  top: 0rem;
  right: 0rem;
  top: 8.5rem;
  right: 12.1rem
}

@media (max-width:699px) {
  .quiz__hand__circle {
    top: 2.5rem;
    right: -1.9rem
  }
}

.quiz__hand__circle--roll {
  height: 100%;
  width: 100%;
  animation: 15s linear 0s normal none infinite running roll
}

.quiz__hand__circle__text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.quiz__hand__circle__text--timer {
  font-size: 1.875rem;
  font-weight: 500;
  padding-left: 1.5rem;
  position: relative;
  margin: .3rem 0
}

.quiz__hand__circle__text--timer::before {
  content: '';
  width: 3.3125rem;
  height: 2.25rem;
  background-image: url("../img/clock.png"
    /*tpa=clock.png*/
    );
  position: absolute;
  background-size: contain;
  left: -1.3rem;
  top: 50%;
  transform: translate(0, -50%)
}

.quiz__arrow {
  position: absolute
}

@media (max-width:899px) {
  .quiz__arrow {
    display: none
  }
}

.quiz__arrow-2 {
  left: 38rem;
  top: 30rem;
  width: 10.125rem;
  height: 4.625rem
}

.quiz__arrow-1 {
  left: 38rem;
  top: 36rem;
  width: 2.5rem;
  height: 10.813rem
}

.quiz__load {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 30;
  background-color: #fff;
  left: 0;
  top: 0
}

.quiz__load p {
  font-size: 1.3rem;
  font-weight: 500
}

.popup {
  background-color: var(--popup-bg);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  display: none
}

.popup-wrap {
  width: 100%;
  height: 100%;
  overflow: auto
}

.popup-wrap::-webkit-scrollbar {
  width: 0
}

.popup-wrap--center {
  display: flex;
  justify-content: center;
  align-items: center
}

.popup .close {
  top: 1rem;
  right: 1rem;
  width: 24px;
  height: 23.008px;
  background-size: 8px
}

@media (max-width:449px) {
  .popup .close {
    top: .5rem;
    right: .5rem
  }
}

.v2 .close {
  display: none
}

.close {
  width: 24px;
  height: 23.008px;
  border: solid .1875rem #fff;
  background-color: var(--grad-to);
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 5;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: 45% 45%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 15.5' style='enable-background:new 0 0 15.6 15.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Crect x='-2.2' y='6.8' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2219 7.778)' class='st0' width='20' height='2'/%3E%3Crect x='6.8' y='-2.2' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2218 7.7782)' class='st0' width='2' height='20'/%3E%3C/svg%3E%0A")
}

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  z-index: 19
}

footer::before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  background-color: var(--bg-color);
  filter: blur(1rem);
  opacity: .75
}

.footer {
  width: 100%;
  position: relative;
  z-index: 5;
  display: none
}

.footer__c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  height: 6rem;
  font-size: .813rem;
  line-height: 1.54;
  letter-spacing: .33px
}

@media (max-width:699px) {
  .footer__c {
    flex-direction: column;
    text-align: center;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem
  }
}

.footer a {
  color: var(--accent-color);
  text-decoration: underline
}

.footer__policy {
  text-align: center
}

@media (max-width:699px) {
  .footer__policy {
    margin: 2rem 0
  }
}

.footer__dev {
  text-align: right
}

.footer__btn {
  z-index: 6;
  top: 0;
  width: 1.938rem;
  height: 1.938rem;
  background-image: url("../img/arrow.png"
    /*tpa=arrow.png*/
    ), linear-gradient(to top, #cecdcb, #fff);
  background-position: center;
  background-repeat: no-repeat;
  background-size: .625rem, cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  transition: var(--transition)
}

.footer__btn:not(.active) {
  transform: translateX(-50%) rotate(180deg)
}

.quiz__file-label p {
  display: block
}

.quiz_answers-list {
  padding: 2rem
}

.quiz__answ-list__item {
  margin-top: 2rem
}

.policy {
  background: #fff;
  border-radius: 7px;
  padding: 3rem;
  padding-bottom: 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
  position: relative;
  width: 80rem;
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 0 125px 0 #19191926;
  background-color: #fff;
  margin-top: 4rem;
  margin-bottom: 4rem
}

.policy__title {
  font-weight: 700;
  font-size: 1.5rem
}

.policy-text {
  font-size: 1rem;
  margin-top: 2rem
}

.policy-text p {
  margin-bottom: 1rem
}

@media (max-width:699px) {
  .policy {
    padding-right: 1rem;
    padding-left: 1rem
  }
}

.editor {
  padding-top: 3rem;
  padding-bottom: 5rem
}

.editor .portfolio__title {
  margin-top: 2rem;
  margin-bottom: 2rem
}

@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0
  }

  30% {
    left: 110%;
    margin-left: 80px
  }

  100% {
    left: 110%;
    margin-left: 80px
  }
}

@keyframes shine {
  0% {
    opacity: .3
  }

  100% {
    opacity: 1
  }
}

@keyframes shine2 {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes blink {
  from {
    transform: scale(0);
    opacity: 1
  }

  50% {
    transform: scale(1);
    opacity: .8
  }

  to {
    transform: scale(2);
    opacity: 0
  }
}

@keyframes nxt {
  from {
    transform: translateX(-.1rem)
  }

  to {
    transform: translateX(.1rem)
  }
}

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

  75% {
    opacity: .6;
    transform: scale(.75)
  }

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

@keyframes floating {
  0% {
    transform: translateY(0em)
  }

  100% {
    transform: translateY(.8em)
  }
}

@keyframes roll {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes pulse1 {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), .6)
  }

  70% {
    box-shadow: 0 0 0 1rem rgba(var(--accent-color-rgb), 0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 0)
  }
}

@keyframes pulse3 {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 146, 255, .6)
  }

  70% {
    box-shadow: 0 0 0 .7rem rgba(0, 146, 255, 0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(0, 146, 255, 0)
  }
}

@keyframes progres {
  from {
    background-position: 0 0, 0 0
  }

  to {
    background-position: 2000px 0, 0 0
  }
}

@keyframes moveIt {
  from {
    background-position: 0 center
  }

  to {
    background-position: 2.49rem center
  }
}

@keyframes scale {
  from {
    transform: scale(1.3)
  }

  to {
    transform: scale(1)
  }
}

@keyframes scale2 {
  from {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

.zamer-item {
  margin-bottom: 10px;
  font-weight: 400;
}

.form-consult {
  width: 46.875rem;
  min-height: 40.625rem;
  padding-bottom: 3rem;
  border-radius: 25px;
  background-color: #ededed;
  margin: auto; 
  background-image:url("../img/popup-bg.png"/*tpa=popup-bg.png*/);background-size:cover;padding-top:4.3rem;position:relative}

  .form-consult--lg {
    width: 53.125rem;
    max-width: 100%;
    padding-left: 4.375rem;
    padding-right: 3.44rem
  }

  .form-consult__c {
    display: flex
  }

  .form-consult--lg .form-consult__form {
    margin-left: 0;
    width: 18rem;
    min-width: 18rem
  }

  .form-consult .quiz__contact__box {
    width: 5.313rem;
    height: 5.938rem
  }

  .form-consult .quiz__contact__icon {
    width: 3.063rem;
    height: 3.063rem
  }

  .form-consult .quiz__contact__icon img {
    width: 1.8rem;
    height: 1.8rem
  }

  .form-consult .quiz__contact__name {
    font-size: .8rem
  }

  .form-consult .quiz__final__form__input {
    width: 100%;
    height: 4.188rem;
    padding-left: 1.625rem;
    font-size: 1.1rem;
    margin-top: .875rem
  }

  .form-consult .btn {
    height: 3.938rem;
    width: 100%
  }

  .form-consult .quiz__final__agreement {
    margin-right: auto;
    margin-left: auto;
    justify-content: center
  }

  .form-consult__btn-text {
    font-size: 1rem;
    color: var(--btn-font-color)
  }

  .form-consult__contact-title {
    font-size: 1.1rem;
    color: rgb(40, 39, 40);
    text-align: center
  }

  .form-consult__img {
    position: absolute;
    bottom: -1.5rem;
    right: -8rem;
    width: 26.625rem
  }

  .form-consult__form {
    margin-left: 4.44rem;
    width: 22rem;
    margin-top: 2rem
  }

  .popup-wrap--flex {
    display: flex
  }

  .form-consult__title {
    font-size: 1.875rem;
    font-weight: 500;
    color: rgb(40, 40, 40);
    text-align: center
  }

  .form-consult__subtitle {
    font-size: .906rem;
    text-align: center;
    color: rgb(40, 39, 40);
    width: max-content;
    height: 3.75rem;
    padding: 1rem 1.4rem;
    border-radius: 10px;
    background-color: #feea8c;
    transform: skew(-3deg);
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.6rem
  }

  .popup--drk {
    background-color: rgba(0, 0, 0, .85)
  }

  .form-consult__subtitle--skew {
    position: relative;
    transform: skew(3deg);
    display: block
  }

  .form-consult__title2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: rgb(40, 40, 40);
    max-width: 30rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem
  }

  .form-consult__list-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.39;
    letter-spacing: .45px;
    color: rgb(40, 40, 40);
    margin-bottom: 2rem
  }

  .form-consult__list {
    margin-top: 4rem
  }

  .form-consult__list li {
    margin-top: 1.5rem;
    font-size: .938rem;
    line-height: 1.67;
    letter-spacing: .38px;
    color: rgb(40, 40, 40);
    display: flex;
    align-items: center
  }

  .header__callback {
    color: var(--accent-color);
    text-decoration: underline;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    margin-left: .5rem
  }

  .form-consult__list li::before {
    min-width: 2.313rem;
    width: 2.313rem;
    height: 2.313rem;
    border-radius: 50%;
    background-color: var(--grad-from);
    margin-right: 1.2rem;
    content: '';
    background-size: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E")
  }

  .form-consult__person {
    display: flex;
    align-items: center;
    margin-top: 1.3rem;
    color: rgb(40, 39, 40);
    margin-bottom: 1.5rem
  }

  .form-consult__person__info {
    font-size: 1.1rem;
    margin-left: 1.75rem
  }

  .form-consult__person__name {
    font-size: 1.5rem;
    font-weight: 500
  }

  .form-consult__person__post {
    margin-top: .8rem
  }

  .form-consult__person__photo {
    border-radius: 4rem;
    position: relative;
    width: 8.063rem;
    min-width: 8.063rem;
    height: 8.063rem;
    background-color: #fff
  }

  .form-consult__person__photo img {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    border-radius: 5rem
  }

  @media (max-width:699px) {
    .form-consult {
      padding-left: 2rem;
      padding-right: 2rem
    }

    .form-consult__form {
      margin-right: auto;
      margin-left: auto;
      max-width: 100%
    }

    .form-consult__img {
      position: relative;
      display: block;
      margin-right: auto;
      margin-left: auto;
      margin-top: 2rem;
      margin-bottom: 2rem;
      max-width: 20rem
    }

    .form-consult__img {
      bottom: 0;
      right: 0;
      width: 20rem
    }

    .form-consult__list {
      display: none
    }

    .form-consult--lg .form-consult__form {
      margin-left: auto;
      margin-right: auto
    }
  }

  .editor h1,
  .editor h2,
  .editor h3,
  .editor h4,
  .editor h5,
  .editor h6,
  .editor p {
    margin: 1rem 0;
    margin-left: .5rem
  }

  .editor p {
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 1.75rem 0;
    margin-left: .5rem
  }

  .editor blockquote {
    font-size: 1.125rem;
    line-height: 1.67;
    margin: 1.75rem 0
  }

  .editor ul {
    font-size: 1.125rem;
    line-height: 1.67;
    margin: 1.75rem 0
  }

  .editor li {
    display: flex;
    margin-bottom: 1rem;
    margin-left: .5rem
  }

  .editor li::before {
    height: .4rem;
    width: .4rem;
    min-width: .4rem;
    content: '';
    border-radius: 50%;
    background-color: var(--accent-color);
    margin-right: .5rem;
    margin-top: .7rem
  }

  .editor a {
    color: var(--accent-color);
    text-decoration: underline
  }

  .quiz__file {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 21.938rem;
    height: 4.438rem;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #d3d5d5;
    transition: var(--transition);
    margin-top: 1rem
  }

  .quiz__file__text {
    width: 65%;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 1rem
  }

  .quiz__file__upl {
    width: 35%;
    height: 4.438rem;
    color: var(--btn-font-color);
    background-image: linear-gradient(to top, var(--grad-from), var(--grad-to));
    display: flex;
    align-items: center;
    justify-content: center
  }

  .wp-block-media-text__media img,
  .wp-block-media-text__media video {
    height: auto
  }

  .bb {
    border-radius: 10px;
    margin-top: 2rem
  }

  .cc {
    text-align: center;
    margin-top: 6rem;
    font-size: 3.125em
  }

  .quiz__contact__name {
    color: #282828
  }

  .lop {
    border-radius: 1rem
  }

  .widget__contacts {
    display: none
  }

  @media (max-width:900px) {
    .main.main-error {
      background-size: contain;
      background-position: bottom
    }

    .main.main-error .hero {
      padding-top: 7.292rem;
      padding-bottom: 15rem
    }

    .widget__contacts {
      position: fixed;
      bottom: 0;
      left: 0;
      top: auto;
      padding: 0;
      background: 0 0;
      height: auto;
      z-index: 102;
      width: 100%;
      display: block
    }

    .widget__contacts .header__seti {
      width: 100%;
      display: flex
    }

    .widget__contacts .header__seti>* {
      flex-grow: 1;
      flex-basis: 35px
    }

    .widget__contacts .header__seti a {
      height: 48px;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      font-size: 1rem
    }

    .header__phone.mobile .header__phone-number {
      height: 48px;
      display: flex;
      justify-content: space-evenly;
      align-items: center
    }

    .header__phone.mobile .header__phone-number {
      width: 100%;
      margin-left: auto;
      background-image: linear-gradient(to top, #fdcc43 0, #fce18b 100%);
      color: transparent;
      display: flex;
      justify-content: space-evenly;
      align-items: center
    }
  }

  .main.main-lead {
    background-image: url("../img/lead-bg.png"
      /*tpa=lead-bg.png*/
      );
    background-color: #e9f2f7
  }

  .main.main-lead .hero {
    padding-top: 4.323vw;
    padding-bottom: 11.771vw
  }

  .main.main-lead .hero-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }

  .main.main-lead .lead-badge {
    padding: 1.198vw 1.927vw;
    box-shadow: 0 0 128px rgba(0, 0, 0, .05);
    border-radius: 15px;
    background-color: #fff
  }

  .main.main-lead .lead-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 1.302vw
  }

  .main.main-lead .lead-wrapper .quiz-socials {
    margin-right: 1vw
  }

  .main.main-lead .lead-wrapper .input {
    width: 14.792vw;
    height: 3.90625vw;
    margin-right: 1.458vw;
    box-shadow: 0 0 117px rgba(0, 0, 0, .1)
  }

  .main.main-lead .lead-wrapper .btn {
    padding: 0;
    width: 13.75vw;
    height: 3.90625vw
  }

  @media (max-width:900px) {
    .main.main-lead .hero {
      padding-top: 4.323rem;
      padding-bottom: 11.771rem
    }

    .main.main-lead br {
      display: none
    }

    .main.main-lead .lead-badge {
      padding: 1.198rem 1.927rem
    }

    .main.main-lead .lead-wrapper {
      margin-bottom: 1.302rem;
      flex-direction: column
    }

    .main.main-lead .lead-wrapper .quiz-socials {
      margin-right: 1rem
    }

    .main.main-lead .lead-wrapper .input {
      width: 100%;
      height: 4.5rem;
      margin-right: 0;
      margin-bottom: 1rem
    }

    .main.main-lead .lead-wrapper .btn {
      width: 100%;
      height: 4.5rem
    }
  }

  .main.main-thank {
    background-image: url("../img/thank-bg.png"
      /*tpa=thank-bg.png*/
      );
    background-size: contain;
    background-position: bottom;
    background-color: #e9f2f7
  }

  .main.main-thank .hero {
    padding-top: 10.26vw;
    padding-bottom: 14.635vw
  }

  .main.main-thank .hero-inner .btn {
    padding: 2.292vw 4.6875vw
  }

  @media (max-width:900px) {
    .main.main-thank {
      background-image: url("../img/hero-bg.webp"
        /*tpa=hero-bg.webp*/
        )
    }

    .main.main-thank .hero {
      padding-top: 4rem;
      padding-bottom: 16rem
    }

    .main.main-thank .hero-inner .btn {
      padding: 2.292rem 4.6875rem
    }
  }

  .main.main-quiz {
    background-image: url("../img/quizp-bg.png"
      /*tpa=quizp-bg.png*/
      )
  }

  .main.main-quiz .hero {
    padding-top: 5.9375vw;
    padding-bottom: 24.427vw
  }

  .main.main-quiz .hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .main.main-quiz .lead-badge {
    padding: 1.198vw 2.917vw;
    box-shadow: 0 0 128px rgba(0, 0, 0, .05);
    border-radius: 15px;
    background-color: #fff
  }

  .quiz.quizp {
    padding-top: 4.323vw
  }

  @media (max-width:900px) {
    .main.main-quiz .hero {
      padding-top: 5rem;
      padding-bottom: 31rem
    }

    .main.main-quiz .hero br {
      display: none
    }

    .main.main-quiz .lead-badge {
      padding: 1.198rem 2.917rem
    }

    .quiz.quizp {
      padding-top: 4.323rem
    }
  }

  .contacts-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .contacts-right {
    width: 40%
  }

  @media (max-width:699px) {
    .contacts-cont {
      display: flex;
      flex-direction: column
    }

    .contacts-right {
      width: 100%;
      text-align: center;
      margin-top: 2rem
    }

    .social {
      text-align: center;
      display: flex;
      justify-content: center
    }

    .contacts-left {
      text-align: center
    }

    .contacts-center {
      text-align: center
    }

    .fwb {
      margin-bottom: 1rem
    }

    .t18 {
      margin-top: 1rem;
      margin-bottom: 1rem
    }
  }

  @media (max-width:1099px) {
    .contacts-cont {
      display: flex
    }

    .contacts-right {
      text-align: center;
      padding: 1rem
    }

    .social {
      text-align: center;
      display: flex;
      justify-content: center
    }

    .contacts-left {
      text-align: center;
      padding: 1rem
    }

    .contacts-center {
      text-align: center;
      padding: 1rem
    }
  }
}

.carousel {
  position: relative;
  box-sizing: border-box
}

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

.carousel.is-draggable {
  cursor: move;
  cursor: grab
}

.carousel.is-dragging {
  cursor: move;
  cursor: grabbing
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%
}

.carousel__track {
  display: flex
}

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: .25;
  transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity .15s ease
}

.carousel__button.is-prev,
.carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.carousel__button.is-prev {
  left: 10px
}

.carousel__button.is-next {
  right: 10px
}

.carousel__button[disabled] {
  cursor: default;
  opacity: .3
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none
}

html.with-fancybox {
  scroll-behavior: auto
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

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

.fancybox__container :focus {
  outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

@media all and (min-width:1024px) {
  .fancybox__container {
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 27px;
    --carousel-button-svg-height: 27px
  }
}

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, .92))
}

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default
}

.fancybox__track {
  display: flex;
  height: 100%
}

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px
}

.fancybox__slide::before,
.fancybox__slide::after {
  content: "";
  flex: 0 0 0%;
  margin: auto
}

@media all and (min-width:1024px) {
  .fancybox__slide {
    padding: 64px 100px
  }
}

.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
  visibility: hidden
}

.fancybox__container>.carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
  z-index: 40
}

.fancybox__nav .carousel__button.is-next {
  right: 8px
}

@media all and (min-width:1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px
  }
}

.fancybox__nav .carousel__button.is-prev {
  left: 8px
}

@media all and (min-width:1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px
  }
}

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40
}

@media all and (min-width:1024px) {
  .carousel__button.is-close {
    right: 40px
  }
}

.fancybox__content>.carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff)
}

.fancybox__no-click,
.fancybox__no-click button {
  pointer-events: none
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053
}

.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg)
  }
}

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
  animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
  animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
  animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
  animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
  animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
  animation: .15s ease both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fancybox-fadeOut {
  to {
    opacity: 0
  }
}

@keyframes fancybox-zoomInUp {
  from {
    transform: scale(.97) translate3d(0, 16px, 0);
    opacity: 0
  }

  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(.97) translate3d(0, 16px, 0);
    opacity: 0
  }
}

@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0
  }
}

@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0
  }
}

.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing
}

.fancybox__image {
  transform-origin: 0 0;
  user-select: none;
  transition: none
}

.has-image .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px
}

.is-closing .has-image .fancybox__content {
  overflow: visible
}

.has-image[data-image-fit=contain] {
  overflow: visible;
  touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto
}

.has-image[data-image-fit=cover] {
  overflow: visible;
  touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, .9);
  color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0 3px;
  opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0
}

.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
  opacity: 0;
  transition: opacity .15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
  pointer-events: none;
  user-select: none
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, .1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, .006) 8.1%, hsla(0deg, 0%, 0%, .021) 15.5%, hsla(0deg, 0%, 0%, .046) 22.5%, hsla(0deg, 0%, 0%, .077) 29%, hsla(0deg, 0%, 0%, .114) 35.3%, hsla(0deg, 0%, 0%, .155) 41.2%, hsla(0deg, 0%, 0%, .198) 47.1%, hsla(0deg, 0%, 0%, .242) 52.9%, hsla(0deg, 0%, 0%, .285) 58.8%, hsla(0deg, 0%, 0%, .326) 64.7%, hsla(0deg, 0%, 0%, .363) 71%, hsla(0deg, 0%, 0%, .394) 77.5%, hsla(0deg, 0%, 0%, .419) 84.5%, hsla(0deg, 0%, 0%, .434) 91.9%, hsla(0deg, 0%, 0%, .44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4))
}

@media all and (min-width:1024px) {
  .fancybox__toolbar {
    padding: 8px
  }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0
}

.fancybox__toolbar__items {
  display: flex
}

.fancybox__toolbar__items--left {
  margin-right: auto
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
  margin-left: auto
}

@media(max-width:640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none
  }
}

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block
}

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

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

.slick-list:focus {
  outline: 0
}

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

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

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

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

.slick-track:after {
  clear: both
}

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

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

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

.slick-slide img {
  display: block
}

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

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

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

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

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

.slick-arrow.slick-hidden {
  display: none
}
.quiz__answer--txt p::before {
  width: 2.313rem;
  min-width: 2.313rem;
  height: 2.313rem;
  border-radius: 50%;
  background-color: #f5f6f6;
  content: '';
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  margin-right: .875rem;
  transition: var(--transition);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23dadcdc;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E")
}
.vid_wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:20px;
}
.vid_item {
  max-width: calc(50% - 10px);
  -ms-flex: 1 0 calc(50% - 10px);
  flex: 1 0 calc(50% - 10px);
  -webkit-box-shadow: 0px 4px 20px 0px  rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 4px 20px 0px  rgba(0,0,0,0.15);
  box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.15);
  border-radius: 20px;
  overflow: hidden;
}
.vid_name {
  font-weight: 700;
  font-size: 20px;
  padding: 20px 10px 0px 20px;
  text-transform: uppercase;
}
.vid_text {
  padding: 0px 10px 10px 20px;
}
.vid_btn {
  padding: 0px 10px 30px 20px;
}
.btn_my {
  padding: 0 2.5rem;
  border-radius: 1.25rem;
  box-shadow: 0 19px 49px 0 #fe585119, 0 4px 0 0 var(--darker-color-rgb);
  color: var(--btn-font-color);
  padding: 20px 30px;
}
.about_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.about_item {
  max-width: 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  padding: 0 15px;
}
#stepsbas h2 {
  font-weight: 700;
  text-transform: uppercase;
}

.stepsbas_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:20px;
}
.stepsbas_list .item {
  max-width: calc(25% - 15px);
  -ms-flex: 1 0 calc(25% - 15px);
  flex: 1 0 calc(25% - 15px);
  -webkit-box-shadow: 0px 4px 20px 0px  rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 4px 20px 0px  rgba(0,0,0,0.15);
  box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.15);
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
}
.stepsbas_list .item.itog {
  max-width: calc(50% - 10px);
  -ms-flex: 1 0 calc(50% - 10px);
  flex: 1 0 calc(50% - 10px);
  .-webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  padding: 40px;
  row-gap:15px;
}

.stepsbas_list .title {
  font-weight: 700;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 22px;
  margin-bottom: 20px;
  gap:20px;
  -ms-align-items: center;
  align-items: center;
}
.stepsbas_list .title span {
  font-size:50px;
}
.stepsbas_list .text {
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
}
.stepsbas_list .item.itog .title{
  color: #5A7FA0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .vid_item,
  .about_item,
  .stepsbas_list .item,
  .stepsbas_list .item.itog {
    max-width: 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .main__btn__text { font-size: 1.3rem; }
}
.quiz__final__form__text { margin-top: 20px; font-weight: 300; font-size: 18px;}
#about .g_btn { margin-top: 20px; }