@font-face {
  font-family: "f-bold";
  src: url("/fonts/Grandis Bold.otf") format("opentype"); }

@font-face {
  font-family: "f-reg";
  src: url("/fonts/Grandis Regular.otf") format("opentype"); }

@font-face {
  font-family: "f-e-bold";
  src: url("/fonts/Grandis Extended Bold.otf") format("opentype"); }

@font-face {
  font-family: "f-e-med";
  src: url("/fonts/Grandis-Extended-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "f-light";
  src: url("/fonts/Grandis Light.otf") format("opentype"); }

@font-face {
  font-family: "f-med-i";
  src: url("/fonts/Grandis Medium Italic.otf") format("opentype"); }

@font-face {
  font-family: "f-med";
  src: url("/fonts/Grandis Medium.otf") format("opentype"); }

.green100 {
  background-color: #D3E0B1; }

.purple {
  background-color: #7676b6; }

.orange {
  background-color: #f2866d; }

.blue100 {
  background-color: #4AC4EC; }

.cream {
  background-color: #F7BF95; }

.green400 {
  background-color: #40B790; }

.blue200 {
  background-color: #b2c77b; }

.blue300 {
  background-color: #59BD8D; }

.blue400 {
  background-color: #59BD8D; }

.pink {
  background-color: #EB68A5; }

.reg-input::placeholder {
  color: #ffffff;
  opacity: 0.7;
  /* Firefox */ }

.reg-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
  opacity: 0.7;
  /* Firefox */ }

.reg-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
  opacity: 0.7;
  /* Firefox */ }

::placeholder {
  color: #a7a7a7;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a7a7a7; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a7a7a7; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a,
a:focus,
a:hover,
a:active,
button,
button:active,
button:hover,
button:focus {
  outline: none;
  text-decoration: none; }

input[type=text],
input[type=tel],
input[type=email],
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:active,
input[type=tel]:active,
input[type=email]:active {
  outline: none;
  border: none; }

html {
  overflow-x: hidden;
  position: relative;
  background-color: white;
  width: 100vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  overflow-x: hidden;
  position: relative;
  background-color: white;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.w-100 {
  width: 100%; }

.custom-select,
.addition-select {
  position: relative;
  display: flex;
  position: relative;
  justify-content: center;
  max-height: 50px;
  min-width: 150px;
  max-width: 240px;
  transition: 0.3s linear; }
  .custom-select:not(:nth-last-child(1)),
  .addition-select:not(:nth-last-child(1)) {
    margin-right: 20px; }
  .custom-select select,
  .addition-select select {
    position: absolute;
    opacity: 0;
    top: 15px;
    right: 10px;
    visibility: hidden; }
  .custom-select input,
  .addition-select input {
    width: 300px;
    border: 1px solid #ffffff;
    padding: 14px;
    background-color: inherit;
    font-family: f-reg;
    font-size: 14px;
    color: #ffffff;
    line-height: 14px;
    font-weight: 400;
    height: 50px; }
  .custom-select .placeholder,
  .addition-select .placeholder {
    font-family: f-reg;
    font-size: 18px;
    color: #ffffff;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    top: calc(50% - 9px);
    left: 14px;
    transition: 0.4s ease-out; }
  .custom-select .placeholder.to-top,
  .addition-select .placeholder.to-top {
    transform: translateX(-14px) translateY(-40px);
    font-family: f-reg;
    font-size: 14px;
    color: #ffffff;
    line-height: 16px;
    font-weight: 400; }
  .custom-select .error-message,
  .addition-select .error-message {
    position: absolute;
    display: none;
    font-family: f-reg;
    font-size: 12px;
    color: #000000;
    line-height: 18px;
    font-weight: 400;
    top: -24px;
    right: 0; }
  .custom-select .error-message.show-error-message,
  .addition-select .error-message.show-error-message {
    display: block; }
  .custom-select .select-div,
  .addition-select .select-div {
    display: flex;
    position: relative; }

.select-selected {
  position: relative;
  padding: 14px;
  cursor: pointer;
  box-sizing: border-box;
  font-family: f-med;
  font-size: 14px;
  color: #0b1324;
  line-height: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  background-color: #ffffff;
  padding: 14px 50px 14px 18px;
  border-radius: 22px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  min-width: 150px;
  max-width: 240px;
  transition: 0.3s ease-out; }
  .select-selected:after {
    position: absolute;
    content: "";
    right: 14px;
    top: calc(50% - 4.5px);
    width: 15px;
    height: 9px;
    background-image: url(/src/assets/icons/input-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s ease-out; }
  .select-selected .error {
    border: 1px solid #0b1324;
    background-color: white;
    font-family: f-reg;
    font-size: 14px;
    color: #0b1324;
    line-height: 14px;
    font-weight: 400; }

.select-selected.select-arrow-active {
  background-color: #0b1324;
  color: #ffffff; }
  .select-selected.select-arrow-active:after {
    transform: rotate(180deg);
    background-image: url(/src/assets/icons/input-arrow-white.svg); }

.select-items {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 99;
  width: 300px;
  background-color: #ffffff;
  border-radius: 15px;
  max-height: 200px;
  overflow-y: visible;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }
  .select-items::-webkit-scrollbar {
    width: 26px;
    height: 50%; }
  .select-items::-webkit-scrollbar-thumb {
    background-color: #363b45;
    border-radius: 20px;
    transition: 0.3s ease-out;
    border: 10px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    height: 50%; }
  .select-items div {
    padding: 14px;
    cursor: pointer;
    width: 95%;
    height: auto;
    font-family: f-reg;
    font-size: 16px;
    color: #363b45;
    line-height: normal;
    font-weight: normal;
    background-color: inherit; }
  .select-items div.active {
    display: flex;
    align-items: center;
    font-family: f-med;
    font-size: 16px;
    color: #0b1324;
    line-height: normal;
    font-weight: normal; }
    .select-items div.active:before {
      display: block;
      content: "";
      width: 15px;
      height: 12px;
      background-image: url(/src/assets/icons/option-selected.svg);
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 8px; }

span.radio-btn {
  display: block;
  font-family: f-e-bold;
  font-size: 12px;
  color: #ffffff;
  line-height: normal;
  font-weight: normal;
  padding: 10px;
  text-align: center;
  border: 1.5px solid #ffffff;
  transition: 0.3s ease-out;
  border-radius: 15px;
  cursor: pointer; }
  span.radio-btn:not(:nth-last-child(1)) {
    margin-right: 10px; }
  span.radio-btn:hover {
    background-color: #40B790;
    border: 1.5px solid #40B790; }

span.radio-btn.active {
  background-color: #40B790;
  border: 1.5px solid #40B790; }

#clear-filter-btn {
  display: none;
  align-items: center;
  justify-content: flex-start;
  border-radius: 22px;
  background-color: #40B790;
  padding: 15px;
  font-family: f-e-med;
  font-size: 14px;
  color: #ffffff;
  line-height: normal;
  font-weight: normal;
  text-transform: uppercase;
  transition: 0.3s ease-out;
  cursor: pointer;
  margin-left: 20px; }
  #clear-filter-btn:hover {
    background-color: #219b82; }
  #clear-filter-btn img {
    margin-right: 8px; }

#clear-filter-btn.active {
  display: flex; }

.radio-inputs {
  display: none; }

.select-hide {
  display: none; }

.form-checkboxes .label-cont {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-family: Montserrat-Regular;
  font-size: 18px;
  color: #ffffff;
  line-height: normal;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .form-checkboxes .label-cont:nth-child(1) {
    margin-bottom: 10px; }
  .form-checkboxes .label-cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .form-checkboxes .label-cont .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #a8194c;
    border: 1px solid #ffffff;
    box-sizing: border-box; }
    .form-checkboxes .label-cont .checkmark::after {
      content: "";
      position: absolute;
      display: none; }
  .form-checkboxes .label-cont:hover input ~ .checkmark {
    background-color: #a8194c;
    opacity: 0.5; }
  .form-checkboxes .label-cont input:checked ~ .checkmark {
    background-color: #a8194c; }
  .form-checkboxes .label-cont input:checked ~ .checkmark:after {
    display: block; }
  .form-checkboxes .label-cont .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.card-with-icon-overflow {
  overflow: hidden;
  opacity: 0; }
  .card-with-icon-overflow .card-with-icon {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    background-color: #ffffff;
    border-radius: 15px;
    min-width: 260px; }
    .card-with-icon-overflow .card-with-icon img {
      margin-bottom: 16px; }
    .card-with-icon-overflow .card-with-icon span.card-text {
      font-family: f-med;
      font-size: 14px;
      color: #0b1324;
      line-height: 20px;
      font-weight: normal;
      width: 100%;
      text-transform: uppercase; }

.card-services-overflow {
  width: 100%;
  height: 100%;
  transition: 0.3s ease-out;
  overflow: hidden;
  border-radius: 15px;
  opacity: 0; }
  .card-services-overflow:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }
  .card-services-overflow .card-services {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: 15px;
    transition: 0.3s ease-out; }
    .card-services-overflow .card-services:hover > .card-img {
      transform: scale(1.1);
      box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2); }
    .card-services-overflow .card-services .card-img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      z-index: 1;
      transition: 0.3s ease-out; }
    .card-services-overflow .card-services::before {
      left: 0;
      top: 0;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      background-color: rgba(11, 19, 36, 0.5);
      z-index: 5; }
    .card-services-overflow .card-services .card-text {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 100px 30px 20px 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      position: relative; }
      .card-services-overflow .card-services .card-text span.text {
        font-family: f-med;
        font-size: 16px;
        color: #ffffff;
        line-height: 22px;
        font-weight: normal;
        z-index: 10;
        width: 90%; }
      .card-services-overflow .card-services .card-text span.line {
        z-index: 10;
        display: block;
        height: 33px;
        width: 4px;
        margin-right: 20px; }
  .card-services-overflow:nth-child(1) .card-services .card-text span.line {
    background-color: #f74c4c; }
  .card-services-overflow:nth-child(2) .card-services .card-text span.line {
    background-color: #40B790; }
  .card-services-overflow:nth-child(3) .card-services .card-text span.line {
    background-color: #EB68A5; }
  .card-services-overflow:nth-child(4) .card-services .card-text span.line {
    background-color: #f2866d; }
  .card-services-overflow:nth-child(5) .card-services .card-text span.line {
    background-color: #4364AA; }
  .card-services-overflow:nth-child(6) .card-services .card-text span.line {
    background-color: #3a5a9f; }
  .card-services-overflow:nth-child(7) .card-services .card-text span.line {
    background-color: #f74c4c; }
  .card-services-overflow:nth-child(8) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(9) .card-services .card-text span.line {
    background-color: #7676b6; }
  .card-services-overflow:nth-child(10) .card-services .card-text span.line {
    background-color: #F7BF95; }
  .card-services-overflow:nth-child(11) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(12) .card-services .card-text span.line {
    background-color: #EF8AB5; }
  .card-services-overflow:nth-child(13) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(14) .card-services .card-text span.line {
    background-color: #a7a7a7; }
  .card-services-overflow:nth-child(15) .card-services .card-text span.line {
    background-color: #a7a7a7; }
  .card-services-overflow:nth-child(16) .card-services .card-text span.line {
    background-color: #40B790; }
  .card-services-overflow:nth-child(17) .card-services .card-text span.line {
    background-color: #EB68A5; }
  .card-services-overflow:nth-child(18) .card-services .card-text span.line {
    background-color: #f2866d; }
  .card-services-overflow:nth-child(19) .card-services .card-text span.line {
    background-color: #4364AA; }
  .card-services-overflow:nth-child(20) .card-services .card-text span.line {
    background-color: #3a5a9f; }
  .card-services-overflow:nth-child(21) .card-services .card-text span.line {
    background-color: #f74c4c; }
  .card-services-overflow:nth-child(22) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(23) .card-services .card-text span.line {
    background-color: #7676b6; }
  .card-services-overflow:nth-child(24) .card-services .card-text span.line {
    background-color: #F7BF95; }
  .card-services-overflow:nth-child(25) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(26) .card-services .card-text span.line {
    background-color: #EF8AB5; }
  .card-services-overflow:nth-child(27) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(28) .card-services .card-text span.line {
    background-color: #a7a7a7; }
  .card-services-overflow:nth-child(29) .card-services .card-text span.line {
    background-color: #a7a7a7; }
  .card-services-overflow:nth-child(30) .card-services .card-text span.line {
    background-color: #7676b6; }
  .card-services-overflow:nth-child(31) .card-services .card-text span.line {
    background-color: #F7BF95; }
  .card-services-overflow:nth-child(32) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(33) .card-services .card-text span.line {
    background-color: #EF8AB5; }
  .card-services-overflow:nth-child(34) .card-services .card-text span.line {
    background-color: #D3E0B1; }
  .card-services-overflow:nth-child(35) .card-services .card-text span.line {
    background-color: #a7a7a7; }
  .card-services-overflow:nth-child(36) .card-services .card-text span.line {
    background-color: #a7a7a7; }

.news-card-overflow,
.photo-card-overflow,
.sstory-card-overflow,
.photo-card-overflow {
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  height: 350px;
  transition: 0.3s ease-out;
  opacity: 0; }
  .news-card-overflow:hover,
  .photo-card-overflow:hover,
  .sstory-card-overflow:hover,
  .photo-card-overflow:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2); }
  .news-card-overflow .news-card,
  .news-card-overflow .sstory-card,
  .news-card-overflow .photo-card,
  .photo-card-overflow .news-card,
  .photo-card-overflow .sstory-card,
  .photo-card-overflow .photo-card,
  .sstory-card-overflow .news-card,
  .sstory-card-overflow .sstory-card,
  .sstory-card-overflow .photo-card,
  .photo-card-overflow .news-card,
  .photo-card-overflow .sstory-card,
  .photo-card-overflow .photo-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background-color: white;
    transition: 0.3s ease-out; }
    .news-card-overflow .news-card:hover > .news-image img,
    .news-card-overflow .news-card:hover > .sstory-image img,
    .news-card-overflow .sstory-card:hover > .news-image img,
    .news-card-overflow .sstory-card:hover > .sstory-image img,
    .news-card-overflow .photo-card:hover > .news-image img,
    .news-card-overflow .photo-card:hover > .sstory-image img,
    .photo-card-overflow .news-card:hover > .news-image img,
    .photo-card-overflow .news-card:hover > .sstory-image img,
    .photo-card-overflow .sstory-card:hover > .news-image img,
    .photo-card-overflow .sstory-card:hover > .sstory-image img,
    .photo-card-overflow .photo-card:hover > .news-image img,
    .photo-card-overflow .photo-card:hover > .sstory-image img,
    .sstory-card-overflow .news-card:hover > .news-image img,
    .sstory-card-overflow .news-card:hover > .sstory-image img,
    .sstory-card-overflow .sstory-card:hover > .news-image img,
    .sstory-card-overflow .sstory-card:hover > .sstory-image img,
    .sstory-card-overflow .photo-card:hover > .news-image img,
    .sstory-card-overflow .photo-card:hover > .sstory-image img,
    .photo-card-overflow .news-card:hover > .news-image img,
    .photo-card-overflow .news-card:hover > .sstory-image img,
    .photo-card-overflow .sstory-card:hover > .news-image img,
    .photo-card-overflow .sstory-card:hover > .sstory-image img,
    .photo-card-overflow .photo-card:hover > .news-image img,
    .photo-card-overflow .photo-card:hover > .sstory-image img {
      transform: scale(1.1); }
    .news-card-overflow .news-card .news-image,
    .news-card-overflow .news-card .sstory-image,
    .news-card-overflow .news-card .photo-image,
    .news-card-overflow .sstory-card .news-image,
    .news-card-overflow .sstory-card .sstory-image,
    .news-card-overflow .sstory-card .photo-image,
    .news-card-overflow .photo-card .news-image,
    .news-card-overflow .photo-card .sstory-image,
    .news-card-overflow .photo-card .photo-image,
    .photo-card-overflow .news-card .news-image,
    .photo-card-overflow .news-card .sstory-image,
    .photo-card-overflow .news-card .photo-image,
    .photo-card-overflow .sstory-card .news-image,
    .photo-card-overflow .sstory-card .sstory-image,
    .photo-card-overflow .sstory-card .photo-image,
    .photo-card-overflow .photo-card .news-image,
    .photo-card-overflow .photo-card .sstory-image,
    .photo-card-overflow .photo-card .photo-image,
    .sstory-card-overflow .news-card .news-image,
    .sstory-card-overflow .news-card .sstory-image,
    .sstory-card-overflow .news-card .photo-image,
    .sstory-card-overflow .sstory-card .news-image,
    .sstory-card-overflow .sstory-card .sstory-image,
    .sstory-card-overflow .sstory-card .photo-image,
    .sstory-card-overflow .photo-card .news-image,
    .sstory-card-overflow .photo-card .sstory-image,
    .sstory-card-overflow .photo-card .photo-image,
    .photo-card-overflow .news-card .news-image,
    .photo-card-overflow .news-card .sstory-image,
    .photo-card-overflow .news-card .photo-image,
    .photo-card-overflow .sstory-card .news-image,
    .photo-card-overflow .sstory-card .sstory-image,
    .photo-card-overflow .sstory-card .photo-image,
    .photo-card-overflow .photo-card .news-image,
    .photo-card-overflow .photo-card .sstory-image,
    .photo-card-overflow .photo-card .photo-image {
      height: 58%;
      width: 100%;
      overflow: hidden; }
      .news-card-overflow .news-card .news-image img,
      .news-card-overflow .news-card .sstory-image img,
      .news-card-overflow .news-card .photo-image img,
      .news-card-overflow .sstory-card .news-image img,
      .news-card-overflow .sstory-card .sstory-image img,
      .news-card-overflow .sstory-card .photo-image img,
      .news-card-overflow .photo-card .news-image img,
      .news-card-overflow .photo-card .sstory-image img,
      .news-card-overflow .photo-card .photo-image img,
      .photo-card-overflow .news-card .news-image img,
      .photo-card-overflow .news-card .sstory-image img,
      .photo-card-overflow .news-card .photo-image img,
      .photo-card-overflow .sstory-card .news-image img,
      .photo-card-overflow .sstory-card .sstory-image img,
      .photo-card-overflow .sstory-card .photo-image img,
      .photo-card-overflow .photo-card .news-image img,
      .photo-card-overflow .photo-card .sstory-image img,
      .photo-card-overflow .photo-card .photo-image img,
      .sstory-card-overflow .news-card .news-image img,
      .sstory-card-overflow .news-card .sstory-image img,
      .sstory-card-overflow .news-card .photo-image img,
      .sstory-card-overflow .sstory-card .news-image img,
      .sstory-card-overflow .sstory-card .sstory-image img,
      .sstory-card-overflow .sstory-card .photo-image img,
      .sstory-card-overflow .photo-card .news-image img,
      .sstory-card-overflow .photo-card .sstory-image img,
      .sstory-card-overflow .photo-card .photo-image img,
      .photo-card-overflow .news-card .news-image img,
      .photo-card-overflow .news-card .sstory-image img,
      .photo-card-overflow .news-card .photo-image img,
      .photo-card-overflow .sstory-card .news-image img,
      .photo-card-overflow .sstory-card .sstory-image img,
      .photo-card-overflow .sstory-card .photo-image img,
      .photo-card-overflow .photo-card .news-image img,
      .photo-card-overflow .photo-card .sstory-image img,
      .photo-card-overflow .photo-card .photo-image img {
        object-fit: cover;
        transition: 0.3s ease-out;
        height: 100%;
        width: 100%; }
    .news-card-overflow .news-card .news-text,
    .news-card-overflow .news-card .sstory-text,
    .news-card-overflow .news-card .photo-text,
    .news-card-overflow .sstory-card .news-text,
    .news-card-overflow .sstory-card .sstory-text,
    .news-card-overflow .sstory-card .photo-text,
    .news-card-overflow .photo-card .news-text,
    .news-card-overflow .photo-card .sstory-text,
    .news-card-overflow .photo-card .photo-text,
    .photo-card-overflow .news-card .news-text,
    .photo-card-overflow .news-card .sstory-text,
    .photo-card-overflow .news-card .photo-text,
    .photo-card-overflow .sstory-card .news-text,
    .photo-card-overflow .sstory-card .sstory-text,
    .photo-card-overflow .sstory-card .photo-text,
    .photo-card-overflow .photo-card .news-text,
    .photo-card-overflow .photo-card .sstory-text,
    .photo-card-overflow .photo-card .photo-text,
    .sstory-card-overflow .news-card .news-text,
    .sstory-card-overflow .news-card .sstory-text,
    .sstory-card-overflow .news-card .photo-text,
    .sstory-card-overflow .sstory-card .news-text,
    .sstory-card-overflow .sstory-card .sstory-text,
    .sstory-card-overflow .sstory-card .photo-text,
    .sstory-card-overflow .photo-card .news-text,
    .sstory-card-overflow .photo-card .sstory-text,
    .sstory-card-overflow .photo-card .photo-text,
    .photo-card-overflow .news-card .news-text,
    .photo-card-overflow .news-card .sstory-text,
    .photo-card-overflow .news-card .photo-text,
    .photo-card-overflow .sstory-card .news-text,
    .photo-card-overflow .sstory-card .sstory-text,
    .photo-card-overflow .sstory-card .photo-text,
    .photo-card-overflow .photo-card .news-text,
    .photo-card-overflow .photo-card .sstory-text,
    .photo-card-overflow .photo-card .photo-text {
      width: 100%;
      height: 42%;
      padding: 30px 30px 30px 20px; }
      .news-card-overflow .news-card .news-text .date,
      .news-card-overflow .news-card .news-text .fullname,
      .news-card-overflow .news-card .sstory-text .date,
      .news-card-overflow .news-card .sstory-text .fullname,
      .news-card-overflow .news-card .photo-text .date,
      .news-card-overflow .news-card .photo-text .fullname,
      .news-card-overflow .sstory-card .news-text .date,
      .news-card-overflow .sstory-card .news-text .fullname,
      .news-card-overflow .sstory-card .sstory-text .date,
      .news-card-overflow .sstory-card .sstory-text .fullname,
      .news-card-overflow .sstory-card .photo-text .date,
      .news-card-overflow .sstory-card .photo-text .fullname,
      .news-card-overflow .photo-card .news-text .date,
      .news-card-overflow .photo-card .news-text .fullname,
      .news-card-overflow .photo-card .sstory-text .date,
      .news-card-overflow .photo-card .sstory-text .fullname,
      .news-card-overflow .photo-card .photo-text .date,
      .news-card-overflow .photo-card .photo-text .fullname,
      .photo-card-overflow .news-card .news-text .date,
      .photo-card-overflow .news-card .news-text .fullname,
      .photo-card-overflow .news-card .sstory-text .date,
      .photo-card-overflow .news-card .sstory-text .fullname,
      .photo-card-overflow .news-card .photo-text .date,
      .photo-card-overflow .news-card .photo-text .fullname,
      .photo-card-overflow .sstory-card .news-text .date,
      .photo-card-overflow .sstory-card .news-text .fullname,
      .photo-card-overflow .sstory-card .sstory-text .date,
      .photo-card-overflow .sstory-card .sstory-text .fullname,
      .photo-card-overflow .sstory-card .photo-text .date,
      .photo-card-overflow .sstory-card .photo-text .fullname,
      .photo-card-overflow .photo-card .news-text .date,
      .photo-card-overflow .photo-card .news-text .fullname,
      .photo-card-overflow .photo-card .sstory-text .date,
      .photo-card-overflow .photo-card .sstory-text .fullname,
      .photo-card-overflow .photo-card .photo-text .date,
      .photo-card-overflow .photo-card .photo-text .fullname,
      .sstory-card-overflow .news-card .news-text .date,
      .sstory-card-overflow .news-card .news-text .fullname,
      .sstory-card-overflow .news-card .sstory-text .date,
      .sstory-card-overflow .news-card .sstory-text .fullname,
      .sstory-card-overflow .news-card .photo-text .date,
      .sstory-card-overflow .news-card .photo-text .fullname,
      .sstory-card-overflow .sstory-card .news-text .date,
      .sstory-card-overflow .sstory-card .news-text .fullname,
      .sstory-card-overflow .sstory-card .sstory-text .date,
      .sstory-card-overflow .sstory-card .sstory-text .fullname,
      .sstory-card-overflow .sstory-card .photo-text .date,
      .sstory-card-overflow .sstory-card .photo-text .fullname,
      .sstory-card-overflow .photo-card .news-text .date,
      .sstory-card-overflow .photo-card .news-text .fullname,
      .sstory-card-overflow .photo-card .sstory-text .date,
      .sstory-card-overflow .photo-card .sstory-text .fullname,
      .sstory-card-overflow .photo-card .photo-text .date,
      .sstory-card-overflow .photo-card .photo-text .fullname,
      .photo-card-overflow .news-card .news-text .date,
      .photo-card-overflow .news-card .news-text .fullname,
      .photo-card-overflow .news-card .sstory-text .date,
      .photo-card-overflow .news-card .sstory-text .fullname,
      .photo-card-overflow .news-card .photo-text .date,
      .photo-card-overflow .news-card .photo-text .fullname,
      .photo-card-overflow .sstory-card .news-text .date,
      .photo-card-overflow .sstory-card .news-text .fullname,
      .photo-card-overflow .sstory-card .sstory-text .date,
      .photo-card-overflow .sstory-card .sstory-text .fullname,
      .photo-card-overflow .sstory-card .photo-text .date,
      .photo-card-overflow .sstory-card .photo-text .fullname,
      .photo-card-overflow .photo-card .news-text .date,
      .photo-card-overflow .photo-card .news-text .fullname,
      .photo-card-overflow .photo-card .sstory-text .date,
      .photo-card-overflow .photo-card .sstory-text .fullname,
      .photo-card-overflow .photo-card .photo-text .date,
      .photo-card-overflow .photo-card .photo-text .fullname {
        margin-bottom: 10px; }
        .news-card-overflow .news-card .news-text .date span,
        .news-card-overflow .news-card .news-text .fullname span,
        .news-card-overflow .news-card .sstory-text .date span,
        .news-card-overflow .news-card .sstory-text .fullname span,
        .news-card-overflow .news-card .photo-text .date span,
        .news-card-overflow .news-card .photo-text .fullname span,
        .news-card-overflow .sstory-card .news-text .date span,
        .news-card-overflow .sstory-card .news-text .fullname span,
        .news-card-overflow .sstory-card .sstory-text .date span,
        .news-card-overflow .sstory-card .sstory-text .fullname span,
        .news-card-overflow .sstory-card .photo-text .date span,
        .news-card-overflow .sstory-card .photo-text .fullname span,
        .news-card-overflow .photo-card .news-text .date span,
        .news-card-overflow .photo-card .news-text .fullname span,
        .news-card-overflow .photo-card .sstory-text .date span,
        .news-card-overflow .photo-card .sstory-text .fullname span,
        .news-card-overflow .photo-card .photo-text .date span,
        .news-card-overflow .photo-card .photo-text .fullname span,
        .photo-card-overflow .news-card .news-text .date span,
        .photo-card-overflow .news-card .news-text .fullname span,
        .photo-card-overflow .news-card .sstory-text .date span,
        .photo-card-overflow .news-card .sstory-text .fullname span,
        .photo-card-overflow .news-card .photo-text .date span,
        .photo-card-overflow .news-card .photo-text .fullname span,
        .photo-card-overflow .sstory-card .news-text .date span,
        .photo-card-overflow .sstory-card .news-text .fullname span,
        .photo-card-overflow .sstory-card .sstory-text .date span,
        .photo-card-overflow .sstory-card .sstory-text .fullname span,
        .photo-card-overflow .sstory-card .photo-text .date span,
        .photo-card-overflow .sstory-card .photo-text .fullname span,
        .photo-card-overflow .photo-card .news-text .date span,
        .photo-card-overflow .photo-card .news-text .fullname span,
        .photo-card-overflow .photo-card .sstory-text .date span,
        .photo-card-overflow .photo-card .sstory-text .fullname span,
        .photo-card-overflow .photo-card .photo-text .date span,
        .photo-card-overflow .photo-card .photo-text .fullname span,
        .sstory-card-overflow .news-card .news-text .date span,
        .sstory-card-overflow .news-card .news-text .fullname span,
        .sstory-card-overflow .news-card .sstory-text .date span,
        .sstory-card-overflow .news-card .sstory-text .fullname span,
        .sstory-card-overflow .news-card .photo-text .date span,
        .sstory-card-overflow .news-card .photo-text .fullname span,
        .sstory-card-overflow .sstory-card .news-text .date span,
        .sstory-card-overflow .sstory-card .news-text .fullname span,
        .sstory-card-overflow .sstory-card .sstory-text .date span,
        .sstory-card-overflow .sstory-card .sstory-text .fullname span,
        .sstory-card-overflow .sstory-card .photo-text .date span,
        .sstory-card-overflow .sstory-card .photo-text .fullname span,
        .sstory-card-overflow .photo-card .news-text .date span,
        .sstory-card-overflow .photo-card .news-text .fullname span,
        .sstory-card-overflow .photo-card .sstory-text .date span,
        .sstory-card-overflow .photo-card .sstory-text .fullname span,
        .sstory-card-overflow .photo-card .photo-text .date span,
        .sstory-card-overflow .photo-card .photo-text .fullname span,
        .photo-card-overflow .news-card .news-text .date span,
        .photo-card-overflow .news-card .news-text .fullname span,
        .photo-card-overflow .news-card .sstory-text .date span,
        .photo-card-overflow .news-card .sstory-text .fullname span,
        .photo-card-overflow .news-card .photo-text .date span,
        .photo-card-overflow .news-card .photo-text .fullname span,
        .photo-card-overflow .sstory-card .news-text .date span,
        .photo-card-overflow .sstory-card .news-text .fullname span,
        .photo-card-overflow .sstory-card .sstory-text .date span,
        .photo-card-overflow .sstory-card .sstory-text .fullname span,
        .photo-card-overflow .sstory-card .photo-text .date span,
        .photo-card-overflow .sstory-card .photo-text .fullname span,
        .photo-card-overflow .photo-card .news-text .date span,
        .photo-card-overflow .photo-card .news-text .fullname span,
        .photo-card-overflow .photo-card .sstory-text .date span,
        .photo-card-overflow .photo-card .sstory-text .fullname span,
        .photo-card-overflow .photo-card .photo-text .date span,
        .photo-card-overflow .photo-card .photo-text .fullname span {
          font-family: f-e-bold;
          font-size: 12px;
          color: #0b1324;
          line-height: normal;
          font-weight: normal; }
      .news-card-overflow .news-card .news-text .text p,
      .news-card-overflow .news-card .sstory-text .text p,
      .news-card-overflow .news-card .photo-text .text p,
      .news-card-overflow .sstory-card .news-text .text p,
      .news-card-overflow .sstory-card .sstory-text .text p,
      .news-card-overflow .sstory-card .photo-text .text p,
      .news-card-overflow .photo-card .news-text .text p,
      .news-card-overflow .photo-card .sstory-text .text p,
      .news-card-overflow .photo-card .photo-text .text p,
      .photo-card-overflow .news-card .news-text .text p,
      .photo-card-overflow .news-card .sstory-text .text p,
      .photo-card-overflow .news-card .photo-text .text p,
      .photo-card-overflow .sstory-card .news-text .text p,
      .photo-card-overflow .sstory-card .sstory-text .text p,
      .photo-card-overflow .sstory-card .photo-text .text p,
      .photo-card-overflow .photo-card .news-text .text p,
      .photo-card-overflow .photo-card .sstory-text .text p,
      .photo-card-overflow .photo-card .photo-text .text p,
      .sstory-card-overflow .news-card .news-text .text p,
      .sstory-card-overflow .news-card .sstory-text .text p,
      .sstory-card-overflow .news-card .photo-text .text p,
      .sstory-card-overflow .sstory-card .news-text .text p,
      .sstory-card-overflow .sstory-card .sstory-text .text p,
      .sstory-card-overflow .sstory-card .photo-text .text p,
      .sstory-card-overflow .photo-card .news-text .text p,
      .sstory-card-overflow .photo-card .sstory-text .text p,
      .sstory-card-overflow .photo-card .photo-text .text p,
      .photo-card-overflow .news-card .news-text .text p,
      .photo-card-overflow .news-card .sstory-text .text p,
      .photo-card-overflow .news-card .photo-text .text p,
      .photo-card-overflow .sstory-card .news-text .text p,
      .photo-card-overflow .sstory-card .sstory-text .text p,
      .photo-card-overflow .sstory-card .photo-text .text p,
      .photo-card-overflow .photo-card .news-text .text p,
      .photo-card-overflow .photo-card .sstory-text .text p,
      .photo-card-overflow .photo-card .photo-text .text p {
        font-family: f-light;
        font-size: 18px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding-bottom: 0; }

.video-card-overflow {
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-out;
  opacity: 0; }
  .video-card-overflow:hover .video-block {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2); }
    .video-card-overflow:hover .video-block iframe .ytp-large-play-button {
      transform: scale(1.2) !important; }
  .video-card-overflow .video-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    height: 350px;
    transition: 0.3s ease-out; }
    .video-card-overflow .video-card:hover > .news-image img,
    .video-card-overflow .video-card:hover > .sstory-image img {
      transform: scale(1.1); }
    .video-card-overflow .video-card .video-block {
      height: 58%;
      width: 100%;
      border-radius: 15px;
      transition: 0.3s ease-out;
      position: relative;
      overflow: hidden; }
      .video-card-overflow .video-card .video-block .custom-play {
        position: absolute;
        border-radius: 15px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(11, 19, 36, 0.5);
        cursor: pointer;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
        .video-card-overflow .video-card .video-block .custom-play svg {
          transition: 0.2s ease; }
          .video-card-overflow .video-card .video-block .custom-play svg path#Oval {
            fill: #212121;
            fill-opacity: 0.8; }
        .video-card-overflow .video-card .video-block .custom-play:hover svg {
          transform: scale(1.2); }
      .video-card-overflow .video-card .video-block iframe {
        object-fit: cover;
        transition: 0.3s ease-out;
        height: 100%;
        width: 100%;
        border-radius: 15px;
        opacity: 0;
        display: none; }
    .video-card-overflow .video-card .video-text {
      width: 100%;
      height: 42%;
      padding: 30px 30px 30px 20px; }
      .video-card-overflow .video-card .video-text .date,
      .video-card-overflow .video-card .video-text .fullname {
        margin-bottom: 10px; }
        .video-card-overflow .video-card .video-text .date span,
        .video-card-overflow .video-card .video-text .fullname span {
          font-family: f-e-bold;
          font-size: 12px;
          color: #0b1324;
          line-height: normal;
          font-weight: normal; }
      .video-card-overflow .video-card .video-text .text p {
        font-family: f-light;
        font-size: 18px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal; }

.card-events-overflow {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: 0.3s ease-out;
  opacity: 0; }
  .card-events-overflow:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }
  .card-events-overflow .card-events {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    transition: 0.3s ease-out; }
    .card-events-overflow .card-events:hover > .card-img {
      transform: scale(1.1); }
    .card-events-overflow .card-events .card-img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      z-index: 1;
      transition: 0.3s ease-out; }
    .card-events-overflow .card-events::before {
      left: 0;
      top: 0;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      background-color: rgba(11, 19, 36, 0.7);
      z-index: 5; }
    .card-events-overflow .card-events .card-text {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 30px 40px;
      width: 100%;
      height: auto;
      z-index: 10;
      position: relative; }
      .card-events-overflow .card-events .card-text p.date {
        z-index: 10;
        margin-right: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-family: f-e-med;
        font-size: 32px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal; }
        .card-events-overflow .card-events .card-text p.date span {
          font-family: f-e-med;
          font-size: 26px;
          color: #ffffff;
          line-height: normal;
          font-weight: normal; }
      .card-events-overflow .card-events .card-text span.text {
        font-family: f-light;
        font-size: 18px;
        color: #ffffff;
        line-height: 24px;
        font-weight: normal;
        z-index: 10; }

.card-legistation-overflow {
  width: 100%;
  border-radius: 15px;
  opacity: 0; }
  .card-legistation-overflow .card-legistation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 30px 45px;
    background-color: #ffffff;
    border-radius: 15px; }
    .card-legistation-overflow .card-legistation .card-img {
      width: 50px;
      height: 60px; }
    .card-legistation-overflow .card-legistation .card-text {
      margin-left: 36px; }
      .card-legistation-overflow .card-legistation .card-text span.text {
        font-family: f-light;
        font-size: 18px;
        color: #363b45;
        line-height: 24px;
        font-weight: normal; }
  .card-legistation-overflow:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); }

.m-participant-card {
  width: 100%;
  height: 120px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 25px;
  background-color: #ffffff;
  cursor: pointer; }
  .m-participant-card:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); }
  .m-participant-card span.header {
    font-family: f-med;
    font-size: 18px;
    color: #0b1324;
    line-height: 22px;
    font-weight: normal;
    pointer-events: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-bottom: 0; }
  .m-participant-card span.text {
    font-family: f-light;
    font-size: 14px;
    color: #0b1324;
    line-height: normal;
    font-weight: normal;
    letter-spacing: 0.3px;
    pointer-events: none; }
  .m-participant-card .show-more-opened-box {
    display: none; }

.each_test {
  display: flex;
  flex-direction: column; }
  .each_test p {
    font-family: f-med;
    font-size: 20px;
    color: #0b1324;
    line-height: 32px;
    font-weight: normal;
    margin-bottom: 18px; }
  .each_test:not(:nth-last-child(1)) {
    margin-bottom: 34px; }
  .each_test .each_test__options {
    display: flex;
    flex-direction: column; }
  .each_test label {
    display: flex;
    position: relative;
    cursor: pointer; }
    .each_test label:not(:nth-last-child(1)) {
      margin-bottom: 16px; }
    .each_test label input {
      display: none; }
    .each_test label input:checked ~ .option_icon {
      border: 2px solid #486998; }
      .each_test label input:checked ~ .option_icon:before {
        opacity: 1; }
    .each_test label input:checked ~ .option_text {
      color: #486998; }
    .each_test label .option_icon {
      margin-right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      border: 2px solid #b8b9bb;
      transition: 0.3s ease-out;
      position: relative; }
      .each_test label .option_icon:before {
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        transition: 0.3s ease-out;
        opacity: 0;
        background-color: #486998;
        border-radius: 50%; }
    .each_test label .option_text {
      font-family: f-reg;
      font-size: 16px;
      color: #0b1324;
      line-height: 20px;
      font-weight: normal;
      transition: 0.3s ease-out; }
  .each_test label.correct_answer input:checked ~ .option_icon {
    border: 2px solid #40B790; }
    .each_test label.correct_answer input:checked ~ .option_icon:before {
      opacity: 1;
      background-color: #40B790; }
  .each_test label.correct_answer input:checked ~ .option_text {
    color: #40B790; }
  .each_test label.correct_answer .option_icon {
    border: 2px solid #40B790; }
    .each_test label.correct_answer .option_icon:before {
      background-color: #40B790;
      opacity: 1; }
  .each_test label.correct_answer .option_text {
    font-family: f-reg;
    font-size: 16px;
    color: #40B790;
    line-height: 20px;
    font-weight: normal;
    transition: 0.3s ease-out; }
  .each_test label.wrong_answer input:checked ~ .option_icon {
    border: 2px solid #f74c4c; }
    .each_test label.wrong_answer input:checked ~ .option_icon:before {
      opacity: 1;
      background-color: #f74c4c; }
  .each_test label.wrong_answer input:checked ~ .option_text {
    color: #f74c4c; }
  .each_test label.wrong_answer .option_icon {
    border: 2px solid #f74c4c; }
    .each_test label.wrong_answer .option_icon:before {
      background-color: #f74c4c;
      opacity: 1; }
  .each_test label.wrong_answer .option_text {
    font-family: f-reg;
    font-size: 16px;
    color: #f74c4c;
    line-height: 20px;
    font-weight: normal;
    transition: 0.3s ease-out; }

.pre-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999999;
  background-color: black;
  width: 100vw;
  height: 100vh; }
  .pre-loader #ple-loader-svg {
    width: 60vw;
    height: 40vh; }
  .pre-loader .pre-path {
    opacity: 0; }

.container {
  padding: 0 calc((50% - 570px)); }

.hidden {
  display: none !important; }

.show-black-bg {
  background-color: #0b1324;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  z-index: 100; }

.woow-bg {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  top: 0;
  left: 0;
  padding: 10vh 10vw; }
  .woow-bg::before {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #0b1324;
    z-index: 4;
    top: 0;
    left: 0;
    opacity: 0.9; }
  .woow-bg .woow {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 80vw;
    height: 80vh;
    box-sizing: border-box;
    position: absolute;
    animation-delay: 100ms;
    z-index: 99999; }
  .woow-bg .woow-close {
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer; }

.side-nav-overlay {
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: -999;
  transition: 0.1s all ease-in-out; }
  .side-nav-overlay:before {
    position: absolute;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    content: "";
    opacity: 0.7;
    background-color: #0b1324; }

#side-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  height: 100vh;
  right: 0px;
  transform: translateX(600px);
  width: 600px;
  top: 0;
  transition: 0.5s all ease-out;
  z-index: -999;
  box-sizing: border-box; }
  #side-nav .side-nav-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 600px;
    height: 100vh;
    background-image: url(/src/assets/icons/sidenav-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 15% 0;
    padding-left: 10%;
    padding-right: 30%;
    overflow-y: visible;
    overflow-x: hidden; }
    #side-nav .side-nav-container #hamburger-close {
      position: absolute;
      right: 150px;
      top: 45px;
      background-image: url(/src/assets/icons/burger-close.svg);
      background-position: center;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px; }
    #side-nav .side-nav-container .nav-link {
      font-family: f-med;
      font-size: 20px;
      color: #ffffff;
      line-height: 26px;
      font-weight: 500;
      width: 100%;
      border-radius: 15px;
      transition: 0.3s ease-out;
      padding: 14px 20px; }
      #side-nav .side-nav-container .nav-link:not(:nth-last-child(1)):hover {
        background-color: #3a5a9f; }
    #side-nav .side-nav-container .nav-link.open {
      background-color: #3a5a9f; }
      #side-nav .side-nav-container .nav-link.open:before {
        transform: rotate(180deg); }
    #side-nav .side-nav-container .navlink-with-dropdown {
      display: block;
      position: relative;
      cursor: pointer; }
      #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow {
        overflow: hidden;
        position: absolute;
        top: 43px;
        width: inherit;
        left: 0;
        transition: 0.3s ease-out;
        visibility: hidden; }
        #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow .nav-dropdown {
          transform: translateY(-100%);
          background-color: #3a5a9f;
          width: 100%;
          transition: 0.3s ease-out;
          padding: 14px 20px;
          border-bottom-left-radius: 15px;
          border-bottom-right-radius: 15px;
          display: flex;
          flex-direction: column; }
          #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow .nav-dropdown a {
            font-family: f-light;
            font-size: 18px;
            color: #ffffff;
            line-height: 26px;
            font-weight: normal; }
            #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow .nav-dropdown a:not(:nth-last-child(1)) {
              margin-bottom: 10px; }
            #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow .nav-dropdown a:hover {
              font-family: f-reg; }
        #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow .nav-dropdown.open {
          transform: translateY(0%); }
      #side-nav .side-nav-container .navlink-with-dropdown .nav-dropdown-overflow.open {
        visibility: visible; }
      #side-nav .side-nav-container .navlink-with-dropdown:before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: calc(50% - 15px);
        right: 22px;
        transition: 0.3s ease-out;
        background-image: url(/src/assets/icons/side-dropdown-arrow.svg); }
    #side-nav .side-nav-container .nav-link:not(:last-child) {
      margin-bottom: 30px; }
    #side-nav .side-nav-container .nav-socials {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      padding: 20px; }
      #side-nav .side-nav-container .nav-socials a:not(:nth-last-child(1)) {
        margin-right: 25px;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
    #side-nav .side-nav-container .nav-fb svg,
    #side-nav .side-nav-container .nav-youtube svg,
    #side-nav .side-nav-container .nav-insta svg,
    #side-nav .side-nav-container .nav-twitter svg {
      width: 30px;
      height: 30px;
      transition: 0.3s ease-in;
      cursor: pointer; }
    #side-nav .side-nav-container .nav-fb path,
    #side-nav .side-nav-container .nav-youtube path,
    #side-nav .side-nav-container .nav-insta path,
    #side-nav .side-nav-container .nav-twitter path {
      fill: white;
      transition: 0.2s ease-in; }
    #side-nav .side-nav-container .nav-fb:hover path,
    #side-nav .side-nav-container .nav-youtube:hover path,
    #side-nav .side-nav-container .nav-insta:hover path,
    #side-nav .side-nav-container .nav-twitter:hover path {
      fill: #59BD8D; }

.video-wrapper .desk-video {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .video-wrapper .desk-video .player .vp-controls .play-bar {
    display: none; }

header {
  z-index: 5;
  display: block;
  position: absolute;
  left: 0;
  height: 100px;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25); }
  header .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    height: 100px;
    position: relative; }
  header .left .header-logo img {
    filter: brightness(0) invert(1);
    transition: 0.4s ease-out; }
  header .left .header-logo:hover img {
    filter: unset; }
  header .center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.5s ease-out; }
    header .center .nav-content {
      display: flex;
      flex-direction: column;
      position: relative; }
      header .center .nav-content:not(:nth-last-child(1)) {
        padding-right: 36px; }
      header .center .nav-content .nav-header {
        position: relative;
        width: 100%; }
        header .center .nav-content .nav-header a {
          font-family: f-med;
          font-size: 14px;
          color: #ffffff;
          line-height: 16px;
          font-weight: normal;
          text-transform: uppercase; }
      header .center .nav-content .no-dropdown:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 57px;
        width: 0;
        height: 2px;
        transition: 0.3s ease-out; }
      header .center .nav-content .no-dropdown:hover:before {
        width: 100%;
        background-color: #40B790; }
      header .center .nav-content .nav-dropdown-overflow {
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 30px;
        border-radius: 15px;
        transition: 0.4s; }
        header .center .nav-content .nav-dropdown-overflow .nav-dropdown {
          display: flex;
          flex-direction: column;
          padding: 24px 30px;
          position: relative;
          transition: 0.4s;
          background-color: white;
          transform: translateY(-100%);
          border-radius: 15px; }
          header .center .nav-content .nav-dropdown-overflow .nav-dropdown a {
            font-family: f-reg;
            font-size: 16px;
            color: #363b45;
            line-height: normal;
            font-weight: normal;
            transition: 0.4s ease-out;
            display: block;
            position: relative;
            width: max-content; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:before {
              position: absolute;
              left: 0;
              bottom: -5px;
              display: block;
              content: "";
              width: 0;
              border-bottom: 2px solid #40B790;
              border-radius: 1px;
              transition: 0.3s ease-out; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:hover {
              color: #0b1324; }
              header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:hover:before {
                width: 100%; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:not(:nth-last-child(1)) {
              margin-bottom: 12px; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(2):before {
              border-bottom: 2px solid #7676b6; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(3):before {
              border-bottom: 2px solid #4AC4EC; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(4):before {
              border-bottom: 2px solid #f2866d; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(5):before {
              border-bottom: 2px solid #f74c4c; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(6):before {
              border-bottom: 2px solid #EB68A5; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(7):before {
              border-bottom: 2px solid #59BD8D; }
            header .center .nav-content .nav-dropdown-overflow .nav-dropdown a:nth-child(8):before {
              border-bottom: 2px solid #3a5a9f; }
        header .center .nav-content .nav-dropdown-overflow .nav-dropdown.open {
          transform: translateY(0%); }
      header .center .nav-content .nav-dropdown-overflow.open {
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12); }
      header .center .nav-content:nth-child(2) .no-dropdown:hover:before {
        background-color: #f2866d; }
      header .center .nav-content:nth-child(3) .no-dropdown:hover:before {
        background-color: #4AC4EC; }
      header .center .nav-content:nth-child(4) .no-dropdown:hover:before {
        background-color: #EB68A5; }
      header .center .nav-content:nth-child(6) .no-dropdown:hover:before {
        background-color: #7676b6; }
      header .center .nav-content:nth-child(7) .no-dropdown:hover:before {
        background-color: #f2866d; }
      header .center .nav-content:nth-child(8) .no-dropdown:hover:before {
        background-color: #b2c77b; }
  header .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s ease-out; }
  header .site-lang {
    position: relative;
    margin-right: 60px; }
    header .site-lang .lang-link {
      display: flex;
      font-family: f-med;
      font-size: 14px;
      color: #ffffff;
      line-height: 16px;
      font-weight: normal;
      text-transform: uppercase;
      text-decoration: none;
      position: relative;
      text-decoration: none;
      align-items: center; }
      header .site-lang .lang-link span {
        margin-right: 5px; }
      header .site-lang .lang-link .lang-arrow {
        transition: all 0.2s ease-in; }
      header .site-lang .lang-link .lang-arrow.open {
        transform: rotate(180deg); }
    header .site-lang .lang-dropdown-overflow {
      overflow: hidden;
      position: absolute;
      top: 40px;
      z-index: 999;
      transition: 0.4s ease-out;
      border-radius: 15px; }
    header .site-lang .lang-dropdown-overflow.open {
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12); }
    header .site-lang .lang-dropdown {
      display: flex;
      flex-direction: column;
      background-color: #ffffff;
      transform: translateY(-100%);
      transition: 0.4s ease-out;
      padding: 24px 30px;
      border-radius: 15px; }
      header .site-lang .lang-dropdown .lang-block {
        display: block;
        position: relative;
        box-sizing: border-box;
        transition: all 0.3s ease-in;
        font-family: f-reg;
        font-size: 16px;
        color: #0b1324;
        line-height: normal;
        font-weight: normal;
        text-decoration: none; }
        header .site-lang .lang-dropdown .lang-block:not(:nth-last-child(1)) {
          margin-bottom: 15px; }
    header .site-lang .lang-dropdown.open {
      transform: translateY(0%); }
  header .search-div {
    margin-right: 35px; }
  header .search-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: calc(100% - 170px);
    padding-left: 50px;
    transition: 0.5s ease-out;
    transform: translateX(100%);
    z-index: -100;
    opacity: 0; }
    header .search-container #search-form {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 100%; }
    header .search-container #search-input {
      margin: 0 auto;
      width: 50%;
      padding: 14px;
      background-color: transparent;
      font-family: f-light;
      font-size: 18px;
      color: #ffffff;
      line-height: normal;
      font-weight: normal;
      text-align: left; }
    header .search-container .search-btns {
      display: flex;
      align-items: center; }
      header .search-container .search-btns #search-sub {
        display: block;
        background-color: #40B790;
        border: 0;
        border-radius: 25px;
        padding: 16px 30px;
        margin-right: 30px;
        font-family: f-med;
        font-size: 16px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal;
        letter-spacing: 1px;
        cursor: pointer;
        text-transform: uppercase; }
  header .search-container.show {
    transform: translateX(0);
    z-index: 5;
    opacity: 1; }

header.white {
  background-color: #ffffff;
  z-index: 5;
  display: block;
  height: 100px;
  width: 100%;
  position: relative;
  left: unset;
  top: unset; }
  header.white .left .header-logo img {
    filter: unset;
    transition: 0.4s ease-out; }
  header.white .left .header-logo:hover img {
    filter: unset; }
  header.white .center .nav-content .nav-header a {
    color: #0b1324; }
  header.white .site-lang .lang-link {
    color: #0b1324; }
  header.white .search-container #search-input {
    color: #0b1324; }

section.subscribe {
  background-color: #f8f8f8;
  padding-bottom: 60px;
  padding-top: 100px; }
  section.subscribe .content {
    background-image: url(/src/assets/icons/subscribe-bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 80px;
    border-radius: 15px;
    position: relative;
    overflow: hidden; }
  section.subscribe #subscribe-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    opacity: 1;
    transition: 0.3s ease-out; }
    section.subscribe #subscribe-form p {
      font-family: f-e-med;
      font-size: 26px;
      color: #ffffff;
      line-height: 32px;
      font-weight: normal;
      max-width: 228px;
      display: block; }
    section.subscribe #subscribe-form .left {
      width: 27%; }
    section.subscribe #subscribe-form .right {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      width: 73%; }
    section.subscribe #subscribe-form .subscribe-input-div {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 72%; }
      section.subscribe #subscribe-form .subscribe-input-div label {
        font-family: f-med;
        font-size: 16px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal;
        margin-bottom: 10px; }
      section.subscribe #subscribe-form .subscribe-input-div input {
        background-color: #ffffff;
        border-radius: 15px;
        border: 1.5px solid #eaeaea;
        font-family: f-med;
        font-size: 16px;
        color: #0b1324;
        line-height: normal;
        font-weight: normal;
        padding: 14px 20px;
        width: 100%;
        transition: 0.2s ease-out; }
      section.subscribe #subscribe-form .subscribe-input-div input.error {
        border: 1.5px solid #f74c4c; }
    section.subscribe #subscribe-form #subscribe-sub {
      margin-left: 20px;
      border-radius: 26px;
      background-color: #40B790;
      padding: 16px 30px;
      font-family: f-med;
      font-size: 16px;
      color: #ffffff;
      line-height: normal;
      font-weight: normal;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
      display: block;
      text-align: center; }
  section.subscribe #subscribe-form.active {
    opacity: 0; }
  section.subscribe #subscribe-form-success {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: 0.5s ease-out;
    height: 100%;
    padding: 0 80px; }
    section.subscribe #subscribe-form-success #subs-success-img,
    section.subscribe #subscribe-form-success #subs-fail-img {
      display: none; }
    section.subscribe #subscribe-form-success .right {
      display: flex;
      flex-direction: column;
      margin-left: 30px; }
      section.subscribe #subscribe-form-success .right h6 {
        font-family: f-e-med;
        font-size: 26px;
        color: #ffffff;
        line-height: 32px;
        font-weight: normal;
        margin-bottom: 5px; }
      section.subscribe #subscribe-form-success .right p {
        font-family: f-light;
        font-size: 18px;
        color: #ffffff;
        line-height: 24px;
        font-weight: normal; }
  section.subscribe #subscribe-form-success.active {
    transform: translateX(0); }

footer {
  padding-top: 50px;
  border-top: 1px solid #f0f0f0;
  background-color: white; }
  footer .footer-content {
    display: flex;
    flex-direction: column; }
  footer .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%; }
    footer .footer-top .footer-logo {
      padding-right: 60px; }
      footer .footer-top .footer-logo a {
        display: block;
        width: auto;
        height: auto; }
        footer .footer-top .footer-logo a img {
          object-fit: cover; }
        footer .footer-top .footer-logo a:not(:nth-last-child(1)) {
          margin-bottom: 30px; }
    footer .footer-top .nav-content {
      display: flex;
      flex-direction: column; }
      footer .footer-top .nav-content .nav-header {
        font-family: f-med;
        font-size: 14px;
        color: #0b1324;
        line-height: 16px;
        font-weight: normal;
        margin-bottom: 10px; }
      footer .footer-top .nav-content:not(:nth-last-child(1)) {
        padding-right: 60px; }
    footer .footer-top .nav-dropdown-overflow {
      overflow: hidden; }
      footer .footer-top .nav-dropdown-overflow .nav-dropdown {
        display: flex;
        flex-direction: column; }
        footer .footer-top .nav-dropdown-overflow .nav-dropdown a {
          font-family: f-light;
          font-size: 14px;
          color: #363b45;
          line-height: normal;
          font-weight: normal;
          padding: 5px 0;
          position: relative;
          transition: 0.3s ease-out;
          display: block;
          width: max-content; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:hover {
            color: #0b1324; }
            footer .footer-top .nav-dropdown-overflow .nav-dropdown a:hover:before {
              transform: translateX(0); }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:before {
            position: absolute;
            display: block;
            content: "";
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background-color: #f2866d;
            transition: 0.3s ease-out;
            transform: translateX(-100%); }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(2):before {
            background-color: #7676b6; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(3):before {
            background-color: #4AC4EC; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(4):before {
            background-color: #f2866d; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(5):before {
            background-color: #f74c4c; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(6):before {
            background-color: #EB68A5; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(7):before {
            background-color: #59BD8D; }
          footer .footer-top .nav-dropdown-overflow .nav-dropdown a:nth-child(8):before {
            background-color: #3a5a9f; }
  footer .footer-bottom-bg {
    background-color: #486998; }
  footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    padding: 15px 0; }
    footer .footer-bottom .social-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 160px;
      margin-left: unset; }
      footer .footer-bottom .social-container .social-overflow .social-icon path {
        fill: #c8d2e0;
        transition: 0.2s ease-out; }
      footer .footer-bottom .social-container .social-overflow .social-icon:hover path {
        fill: #ffffff; }
    footer .footer-bottom .copyright {
      display: flex;
      align-items: center; }
      footer .footer-bottom .copyright p {
        font-family: f-reg;
        font-size: 14px;
        color: #c8d2e0;
        line-height: 16px;
        font-weight: normal;
        transition: 0.2s ease-out;
        user-select: none; }
      footer .footer-bottom .copyright:hover p {
        color: #ffffff; }
    footer .footer-bottom .creator img {
      transition: 0.2s ease-out;
      filter: unset;
      transform: scale(0.5); }
    footer .footer-bottom .creator:hover img {
      filter: brightness(0) invert(1); }

section.page404 .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 0; }
  section.page404 .content img {
    width: 40vw;
    height: 22vh;
    margin-bottom: 80px; }
  section.page404 .content a {
    border-radius: 25px;
    padding: 16px 32px;
    background-color: #40B790;
    font-family: f-med;
    font-size: 18px;
    color: #ffffff;
    line-height: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center; }

.section-side-nav .container {
  padding: 0; }

.success {
  position: fixed;
  display: none;
  z-index: 10;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0; }
  .success .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40%;
    width: 65%;
    padding: 0 100px;
    background-color: #ffffff; }
    .success .content .header {
      display: flex;
      margin-bottom: 20px;
      width: 100%; }
      .success .content .header img {
        margin-right: 15px; }
      .success .content .header h4 {
        font-family: h-reg;
        font-size: 34px;
        color: #0b1324;
        line-height: 34px;
        font-weight: 400; }
    .success .content p {
      font-family: f-light;
      font-size: 20px;
      color: #0b1324;
      line-height: 28px;
      font-weight: 300;
      width: 100%; }

.page-min-height {
  background-color: #f8f8f8; }

.show-more-overflow {
  background-color: #f8f8f8; }
  .show-more-overflow .content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 120px; }
    .show-more-overflow .content #show-more-btn {
      display: block;
      text-align: center;
      padding: 16px 30px;
      font-family: f-med;
      font-size: 16px;
      color: #4364AA;
      line-height: normal;
      font-weight: normal;
      border-radius: 26px;
      border: 2px solid #4364AA;
      background-color: transparent;
      transition: 0.3s ease-out; }
      .show-more-overflow .content #show-more-btn:hover {
        color: #ffffff;
        background-color: #4364AA;
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }

.scroll-animation {
  opacity: 0; }

section.subheader {
  background-image: url(/src/assets/images/subheader-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding: 60px 0; }
  section.subheader .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  section.subheader .header-h1 {
    overflow: hidden; }
    section.subheader .header-h1 h1 {
      font-family: f-e-med;
      font-size: 42px;
      color: #ffffff;
      line-height: 50px;
      font-weight: normal; }
  section.subheader #search-keyword-block {
    background-color: #40B790;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-between;
    font-family: f-e-bold;
    font-size: 12px;
    color: #ffffff;
    line-height: normal;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-radius: 10px; }
    section.subheader #search-keyword-block #search-keyword {
      margin-right: 8px; }
    section.subheader #search-keyword-block #detected-count {
      position: relative; }
      section.subheader #search-keyword-block #detected-count:before {
        content: "("; }
      section.subheader #search-keyword-block #detected-count:after {
        content: ")"; }

section.subheader-nav {
  width: 100%;
  margin-top: 2px;
  background-color: #3a5a9f; }
  section.subheader-nav .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    section.subheader-nav .content .inner-nav-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      min-height: 60px; }
      section.subheader-nav .content .inner-nav-container .inner-nav-overflow {
        margin: 0 25px;
        padding: 25px 0;
        position: relative; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:before {
          position: absolute;
          left: 0;
          bottom: 0px;
          content: "";
          display: block;
          width: 0;
          height: 4px;
          background-color: #40B790;
          transition: 0.3s ease-out; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow span {
          font-family: f-med;
          font-size: 14px;
          color: #ffffff;
          line-height: normal;
          font-weight: normal;
          text-transform: uppercase;
          letter-spacing: 0.6px;
          opacity: 0.5; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(2):before {
          background-color: #f2866d; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(3):before {
          background-color: #4AC4EC; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(4):before {
          background-color: #F7BF95; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(5):before {
          background-color: #EB68A5; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(6):before {
          background-color: #59BD8D; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(7):before {
          background-color: #f74c4c; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(8):before {
          background-color: #3a5a9f; }
        section.subheader-nav .content .inner-nav-container .inner-nav-overflow:nth-child(9):before {
          background-color: #a7a7a7; }
      section.subheader-nav .content .inner-nav-container .inner-nav-overflow.selected:before {
        width: 100%; }
      section.subheader-nav .content .inner-nav-container .inner-nav-overflow.selected span {
        opacity: 1; }

section.readmore {
  background-color: #f8f8f8;
  width: 100%; }
  section.readmore .container {
    overflow: hidden; }
  section.readmore .content {
    width: 67%;
    margin: 0 auto;
    transition: 0.6s ease-out;
    margin-bottom: 60px; }
    section.readmore .content .keywords {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-left: -5px; }
      section.readmore .content .keywords span {
        font-family: f-bold;
        font-size: 12px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal;
        width: max-content;
        padding: 6px 15px;
        border-radius: 7px;
        text-align: center;
        margin: 5px; }
        section.readmore .content .keywords span:nth-child(1) {
          background-color: #40B790; }
        section.readmore .content .keywords span:nth-child(2) {
          background-color: #4364AA; }
        section.readmore .content .keywords span:nth-child(3) {
          background-color: #f74c4c; }
        section.readmore .content .keywords span:nth-child(4) {
          background-color: #f2866d; }
        section.readmore .content .keywords span:nth-child(5) {
          background-color: #40B790; }
        section.readmore .content .keywords span:nth-child(6) {
          background-color: #3a5a9f; }
        section.readmore .content .keywords span:nth-child(7) {
          background-color: #7676b6; }
        section.readmore .content .keywords span:nth-child(8) {
          background-color: #219b82; }
    section.readmore .content .list {
      padding-top: 60px; }
      section.readmore .content .list p {
        font-family: f-light;
        font-size: 18px;
        color: #363b45;
        line-height: 24px;
        font-weight: normal;
        margin: 12px 0; }
    section.readmore .content iframe {
      width: 100%;
      height: 400px; }
    section.readmore .content p > iframe {
      width: 100%;
      height: 400px; }
    section.readmore .content h3 {
      font-family: f-med;
      font-size: 20px;
      color: #0b1324;
      line-height: 24px;
      font-weight: normal;
      padding: 20px 0; }
    section.readmore .content h4 {
      font-family: f-reg;
      font-size: 18px;
      color: #0b1324;
      line-height: 24px;
      font-weight: normal;
      margin: 16px 0; }
    section.readmore .content ul {
      list-style: circle;
      padding-bottom: 30px;
      padding-left: 18px; }
    section.readmore .content span,
    section.readmore .content li {
      font-family: f-light;
      font-size: 18px;
      color: #363b45;
      line-height: 24px;
      font-weight: normal; }
    section.readmore .content li {
      padding-left: 18px; }
    section.readmore .content span {
      padding-bottom: 24px; }
    section.readmore .content li:not(:nth-last-child(1)) {
      padding-bottom: 24px; }
    section.readmore .content p a {
      font-family: f-reg;
      font-size: 16px;
      color: #7676b6;
      line-height: 24px;
      font-weight: normal;
      transition: 0.2s ease-out; }
      section.readmore .content p a:hover {
        color: #3a5a9f; }
      section.readmore .content p a:focus {
        color: #363b45; }
    section.readmore .content .description-div:not(:nth-last-child(1)) {
      padding-bottom: 40px; }
    section.readmore .content h2 {
      font-family: f-e-med;
      font-size: 32px;
      color: #0b1324;
      line-height: 40px;
      font-weight: normal;
      padding-bottom: 40px;
      padding-top: 60px; }
    section.readmore .content p {
      font-family: f-light;
      font-size: 18px;
      color: #363b45;
      line-height: 24px;
      font-weight: normal;
      padding-bottom: 24px; }
      section.readmore .content p a {
        font-family: f-reg;
        font-size: 18px;
        color: #7676b6;
        line-height: 24px;
        font-weight: normal;
        transition: 0.2s ease-out; }
        section.readmore .content p a:hover {
          color: #3a5a9f; }
        section.readmore .content p a:focus {
          color: #363b45; }
      section.readmore .content p img {
        width: 100%;
        object-fit: cover; }
    section.readmore .content video {
      width: 100%;
      object-fit: cover;
      border-radius: 15px; }
    section.readmore .content .image-div {
      width: 100%;
      position: relative;
      z-index: 1;
      padding: 30px 0; }
      section.readmore .content .image-div img {
        width: 100%;
        object-fit: cover;
        border-radius: 15px;
        z-index: 1;
        height: 400px; }
      section.readmore .content .image-div span.before {
        content: "";
        display: block;
        width: 140px;
        height: 50px;
        position: absolute;
        left: -40px;
        top: 71%;
        border-radius: 10px;
        background-color: #EF8AB5;
        z-index: -1; }
      section.readmore .content .image-div span.after {
        content: "";
        display: block;
        width: 140px;
        height: 50px;
        position: absolute;
        right: -40px;
        top: 15%;
        border-radius: 10px;
        background-color: #7676b6;
        z-index: 11; }
    section.readmore .content .image-div.inner {
      padding: 30px 0; }
    section.readmore .content .photogallery-container {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-top: 30px; }
      section.readmore .content .photogallery-container .image-overflow {
        width: 100%;
        height: 450px;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
        transition: 0.3s ease-out; }
        section.readmore .content .photogallery-container .image-overflow img {
          width: 100%;
          object-fit: cover;
          height: 100%;
          transition: 0.3s ease-out; }
        section.readmore .content .photogallery-container .image-overflow:not(:nth-last-child(1)) {
          margin-bottom: 30px; }
        section.readmore .content .photogallery-container .image-overflow:hover img {
          transform: scale(1.1); }
        section.readmore .content .photogallery-container .image-overflow:hover .fs-gallery-btn {
          opacity: 1; }
        section.readmore .content .photogallery-container .image-overflow .fs-gallery-btn {
          position: absolute;
          right: 20px;
          top: 20px;
          display: block;
          opacity: 0;
          transition: 0.3s ease-out;
          width: 50px;
          height: 50px;
          background-image: url(/src/assets/icons/open-fs-gallery.svg);
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat; }
    section.readmore .content .show-more-block {
      width: 100%;
      padding-top: 12px; }
      section.readmore .content .show-more-block .show-more-overflow {
        overflow: hidden;
        width: 100%;
        position: relative; }
        section.readmore .content .show-more-block .show-more-overflow:not(:nth-last-child(1)) {
          margin-bottom: 15px; }
        section.readmore .content .show-more-block .show-more-overflow:hover .show-more-btn {
          box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); }
      section.readmore .content .show-more-block .show-more-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 25px;
        font-family: f-light;
        font-size: 18px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal;
        background-color: #ffffff;
        border-radius: 10px;
        transition: 0.3s ease-out; }
        section.readmore .content .show-more-block .show-more-btn .text {
          width: 90%;
          padding-bottom: 0; }
      section.readmore .content .show-more-block .show-more-opened-box {
        display: none; }
    section.readmore .content .links-block {
      width: 100%;
      overflow-y: hidden; }
      section.readmore .content .links-block .link-overflow {
        overflow-y: hidden;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        position: relative; }
        section.readmore .content .links-block .link-overflow:not(:nth-last-child(1)) {
          border-bottom: 1px solid #eaeaea; }
      section.readmore .content .links-block .link-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        position: relative;
        font-family: f-med;
        font-size: 18px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal;
        border-radius: 10px;
        transition: 0.3s ease-out; }
        section.readmore .content .links-block .link-header span {
          padding-bottom: 0; }
        section.readmore .content .links-block .link-header:hover .link-arrow-down path {
          fill: #ffffff; }
        section.readmore .content .links-block .link-header:hover {
          background-color: #363b45; }
          section.readmore .content .links-block .link-header:hover span {
            font-family: f-med;
            font-size: 18px;
            color: #ffffff;
            line-height: 24px;
            font-weight: normal; }
        section.readmore .content .links-block .link-header .link-arrow-down {
          transition: 0.3s ease-out; }
        section.readmore .content .links-block .link-header .link-arrow-down.active {
          transform: rotate(180deg); }
          section.readmore .content .links-block .link-header .link-arrow-down.active path {
            fill: #ffffff; }
      section.readmore .content .links-block .link-header.active {
        background-color: #0b1324; }
        section.readmore .content .links-block .link-header.active span {
          font-family: f-med;
          font-size: 18px;
          color: #ffffff;
          line-height: 24px;
          font-weight: normal; }
      section.readmore .content .links-block .link-dropdown-overflow {
        width: 100%;
        display: block;
        overflow-y: hidden;
        height: 0;
        transition: 0.4s ease-out; }
        section.readmore .content .links-block .link-dropdown-overflow .link-dropdown {
          display: flex;
          flex-direction: column;
          transform: translateY(-150%);
          transition: 0.4s ease-out;
          height: 0;
          visibility: hidden;
          padding: 10px 0; }
          section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            height: auto;
            background-color: #ffffff;
            font-family: f-light;
            font-size: 18px;
            color: #0b1324;
            line-height: 24px;
            font-weight: normal;
            border-radius: 10px;
            transition: 0.4s ease-out;
            width: 100%; }
            section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item .text {
              width: 90%;
              padding-bottom: 0; }
            section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item:not(:nth-last-child(1)) {
              margin-bottom: 20px; }
            section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item:hover {
              box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); }
        section.readmore .content .links-block .link-dropdown-overflow .link-dropdown.open {
          transform: translateY(0%);
          height: auto;
          visibility: visible; }
      section.readmore .content .links-block .link-dropdown-overflow.open {
        padding-bottom: 15px;
        height: auto; }
    section.readmore .content .detected-search:hover .detected-link {
      color: #0b1324; }
    section.readmore .content .detected-search .detected-link {
      font-family: f-med;
      font-size: 18px;
      color: #4364AA;
      line-height: 24px;
      font-weight: normal;
      margin-bottom: 16px;
      text-decoration: underline;
      display: block;
      transition: 0.3s ease-out; }
    section.readmore .content .detected-search p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      padding-bottom: 0;
      margin-bottom: 24px; }
    section.readmore .content .not-found {
      display: none;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 120px 0; }
      section.readmore .content .not-found img {
        width: 100px;
        height: 100px; }
      section.readmore .content .not-found .not-found-head {
        font-family: f-e-med;
        font-size: 32px;
        color: #0b1324;
        line-height: 40px;
        font-weight: normal;
        margin-top: 40px;
        margin-bottom: 24px; }
      section.readmore .content .not-found .not-found-text {
        font-family: f-light;
        font-size: 18px;
        color: #363b45;
        line-height: 24px;
        font-weight: normal; }

section.readmore.searchpage {
  padding-top: 60px; }

section.partners {
  padding: 100px 0; }
  section.partners .partners-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    grid-gap: 30px; }
    section.partners .partners-container .partner-card {
      background-color: white;
      min-height: 220px;
      width: 100%;
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 15px;
      transition: 0.3s ease-out;
      opacity: 0; }
      section.partners .partners-container .partner-card img {
        object-fit: contain;
        max-width: 220px; }
      section.partners .partners-container .partner-card:hover {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }

section.services {
  padding: 100px 0;
  display: flex;
  flex-direction: column; }
  section.services .services-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    grid-gap: 30px; }

section.news,
section.sstories,
section.media,
section.photo,
section.video {
  position: relative;
  z-index: 0;
  padding: 80px 0 60px 0; }
  section.news .content,
  section.sstories .content,
  section.media .content,
  section.photo .content,
  section.video .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  section.news .news-container,
  section.news .news-container,
  section.news .photo-container,
  section.news .media-body,
  section.news .sstories-container,
  section.news .video-container,
  section.sstories .news-container,
  section.sstories .news-container,
  section.sstories .photo-container,
  section.sstories .media-body,
  section.sstories .sstories-container,
  section.sstories .video-container,
  section.media .news-container,
  section.media .news-container,
  section.media .photo-container,
  section.media .media-body,
  section.media .sstories-container,
  section.media .video-container,
  section.photo .news-container,
  section.photo .news-container,
  section.photo .photo-container,
  section.photo .media-body,
  section.photo .sstories-container,
  section.photo .video-container,
  section.video .news-container,
  section.video .news-container,
  section.video .photo-container,
  section.video .media-body,
  section.video .sstories-container,
  section.video .video-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(0px, 1fr));
    grid-gap: 30px;
    width: 100%; }

section.events {
  padding: 100px 0; }
  section.events .content {
    display: flex;
    flex-direction: column; }
  section.events .events-container {
    display: grid;
    grid-auto-rows: 260px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px; }

section.legistation {
  padding: 100px 0; }
  section.legistation .legistation-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 30px; }

section.contacts {
  background-color: #f8f8f8;
  padding: 80px 0 120px 0;
  z-index: 1; }
  section.contacts .map-overflow {
    overflow: hidden;
    width: 100%;
    height: 50vh;
    position: relative;
    z-index: 1; }
    section.contacts .map-overflow .map-block {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      border-radius: 15px; }
      section.contacts .map-overflow .map-block iframe {
        width: 100%;
        height: 50vh;
        z-index: 1;
        border-radius: 15px; }
      section.contacts .map-overflow .map-block .map-card {
        display: flex;
        flex-direction: column;
        padding: 35px 40px;
        background-color: #ffffff;
        position: absolute;
        right: 60px;
        bottom: 60px;
        z-index: 10;
        border-radius: 15px;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); }
        section.contacts .map-overflow .map-block .map-card .contact-div {
          width: 100%; }
          section.contacts .map-overflow .map-block .map-card .contact-div h5 {
            font-family: f-e-bold;
            font-size: 12px;
            color: #4364AA;
            line-height: normal;
            font-weight: normal;
            letter-spacing: 0.8px;
            margin-bottom: 5px; }
          section.contacts .map-overflow .map-block .map-card .contact-div a {
            font-family: f-light;
            font-size: 18px;
            color: #363b45;
            line-height: 24px;
            font-weight: normal; }
          section.contacts .map-overflow .map-block .map-card .contact-div:not(:nth-last-child(1)) {
            margin-bottom: 30px; }

section.personal-growth {
  width: 100%; }
  section.personal-growth .content {
    display: flex;
    align-items: flex-start;
    width: 100%; }
  section.personal-growth .left-overflow {
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    padding-top: 100px;
    margin-right: 130px;
    width: 300px; }
    section.personal-growth .left-overflow .left {
      display: flex;
      flex-direction: column;
      border-radius: 15px;
      background-color: white;
      padding: 22px; }
      section.personal-growth .left-overflow .left .tab-btn {
        font-family: f-med;
        font-size: 14px;
        color: #a7a7a7;
        line-height: 18px;
        font-weight: normal;
        padding: 6px 10px;
        transition: 0.3s ease-out;
        display: block;
        border-radius: 10px;
        width: 220px; }
        section.personal-growth .left-overflow .left .tab-btn:hover {
          background-color: #59BD8D;
          color: #ffffff; }
        section.personal-growth .left-overflow .left .tab-btn:not(:nth-last-child(1)) {
          margin-bottom: 16px; }
      section.personal-growth .left-overflow .left .tab-btn.active {
        background-color: #40B790;
        color: #ffffff; }
  section.personal-growth .right-overflow {
    overflow: hidden;
    position: relative;
    width: calc(100% - 300px); }
    section.personal-growth .right-overflow .transform-container {
      height: auto;
      display: flex;
      flex-direction: column;
      transition: 0.5s ease-out;
      transform: translateY(0); }
    section.personal-growth .right-overflow .transform-overflow {
      height: 100%;
      height: 540px;
      margin: 80px 0;
      overflow: hidden; }
    section.personal-growth .right-overflow .transform {
      width: 100%;
      height: 540px;
      transition: 0.5s ease-out;
      opacity: 0;
      visibility: hidden; }
      section.personal-growth .right-overflow .transform .heading-2 {
        margin-bottom: 35px; }
        section.personal-growth .right-overflow .transform .heading-2 h2 {
          font-family: f-e-med;
          font-size: 32px;
          color: #0b1324;
          line-height: 40px;
          font-weight: normal; }
      section.personal-growth .right-overflow .transform .link-dropdown-overflow {
        width: 100%;
        display: block;
        transition: 0.5s ease-out;
        overflow: hidden;
        transition: 0.3s ease-out;
        height: 500px; }
        section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown {
          display: flex;
          flex-direction: column;
          transition: 0.3s ease-out;
          height: 440px;
          padding: 10px 0;
          overflow-y: scroll; }
          section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown::-webkit-scrollbar {
            width: 26px;
            height: 50%; }
          section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown::-webkit-scrollbar-thumb {
            background-color: #363b45;
            border-radius: 20px;
            transition: 0.3s ease-out;
            border: 10px solid rgba(0, 0, 0, 0);
            background-clip: padding-box;
            height: 50%; }
          section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            height: auto;
            background-color: #ffffff;
            font-family: f-light;
            font-size: 18px;
            color: #0b1324;
            line-height: 24px;
            font-weight: normal;
            border-radius: 10px;
            transition: 0.3s ease-out;
            width: 95%; }
            section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item:not(:nth-last-child(1)) {
              margin-bottom: 20px; }
            section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item:hover {
              box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); }
    section.personal-growth .right-overflow .transform.active {
      opacity: 1;
      visibility: visible; }

.fs-gallery-overflow {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: #0b1324; }
  .fs-gallery-overflow .fs-gallery {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative; }
    .fs-gallery-overflow .fs-gallery .fs-transform-overflow {
      width: calc(100vw - 100px);
      height: 100%;
      overflow: hidden;
      position: relative; }
    .fs-gallery-overflow .fs-gallery .fs-transform {
      height: auto;
      width: 100%;
      display: flex;
      flex-direction: column;
      transition: 0.6s ease-out;
      transform: translateY(0); }
      .fs-gallery-overflow .fs-gallery .fs-transform .fs-image {
        width: 100%;
        height: 100vh;
        position: relative; }
        .fs-gallery-overflow .fs-gallery .fs-transform .fs-image img {
          width: 100%;
          height: 100vh;
          object-fit: cover; }
  .fs-gallery-overflow .fs-nav-overflow {
    width: 110px;
    padding-right: 10px;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .fs-gallery-overflow .fs-nav-overflow .fs-nav {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      padding: 30px 0; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-btn a {
        display: block;
        width: 60px;
        height: 60px;
        transition: 0.3s ease-out; }
        .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-btn a .svg-circle {
          transition: 0.3s ease-out; }
        .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-btn a:hover .svg-circle {
          fill: #40B790; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-btn:not(:nth-last-child(1)) {
        margin-bottom: 15px; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-status {
        margin-top: 14px;
        margin-bottom: 20px;
        font-family: f-med;
        font-size: 14px;
        color: #ffffff;
        line-height: 16px;
        font-weight: normal; }
        .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-status .slash {
          margin: 0 8px; }
  .fs-gallery-overflow .fs-menu-overflow {
    width: 220px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    display: block;
    content: "";
    right: 0;
    top: 0;
    transform: translateX(-100px);
    transition: 0.4s ease-out; }
  .fs-gallery-overflow .fs-menu-overflow.open {
    overflow-y: visible; }
  .fs-gallery-overflow .fs-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transform: translateX(100%);
    transition: 0.4s ease-out;
    width: 220px;
    min-height: 100vh;
    height: auto;
    background-color: #0b1324;
    overflow-y: visible;
    padding: 30px 0; }
    .fs-gallery-overflow .fs-menu .fs-menu-image {
      width: 140px;
      height: 100px;
      display: block;
      position: relative; }
      .fs-gallery-overflow .fs-menu .fs-menu-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        overflow: hidden; }
      .fs-gallery-overflow .fs-menu .fs-menu-image:not(:nth-last-child(1)) {
        margin-bottom: 20px; }
      .fs-gallery-overflow .fs-menu .fs-menu-image:before {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        transition: 0.6s ease-out;
        background-color: transparent;
        width: 100%;
        height: 100%;
        border-radius: 10px; }
    .fs-gallery-overflow .fs-menu .fs-menu-image.active:before {
      background-color: rgba(11, 19, 36, 0.7); }
  .fs-gallery-overflow .fs-menu.open {
    transform: translateX(0px); }

.show-more-opened {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(11, 19, 36, 0.87);
  z-index: 99999; }
  .show-more-opened #close-show-more-opened {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    right: 17vw;
    top: 8vh;
    z-index: 99999; }
  .show-more-opened .show-more-opened-content {
    padding: 50px 60px;
    padding-bottom: 0;
    border-radius: 15px;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: visible;
    max-height: 60vh;
    max-width: 54vw;
    position: relative; }
    .show-more-opened .show-more-opened-content::-webkit-scrollbar {
      width: 26px;
      height: 70%; }
    .show-more-opened .show-more-opened-content::-webkit-scrollbar-thumb {
      background-color: #363b45;
      border-radius: 20px;
      transition: 0.3s ease-out;
      border: 10px solid rgba(0, 0, 0, 0);
      background-clip: padding-box; }
  .show-more-opened .show-more-opened-box {
    display: flex;
    flex-direction: column;
    width: 81%; }
    .show-more-opened .show-more-opened-box .heading-2 {
      margin-bottom: 30px; }
      .show-more-opened .show-more-opened-box .heading-2 h2 {
        font-family: f-e-med;
        font-size: 32px;
        color: #0b1324;
        line-height: 40px;
        font-weight: normal; }
    .show-more-opened .show-more-opened-box .heading-3 {
      margin-bottom: 10px; }
      .show-more-opened .show-more-opened-box .heading-3 h3 {
        font-family: f-med;
        font-size: 16px;
        color: #0b1324;
        line-height: 22px;
        font-weight: normal;
        letter-spacing: 1px; }
    .show-more-opened .show-more-opened-box .text p {
      font-family: f-light;
      font-size: 18px;
      color: #363b45;
      line-height: 24px;
      font-weight: normal;
      margin-bottom: 24px; }
    .show-more-opened .show-more-opened-box .address-block {
      display: flex;
      flex-direction: column;
      margin-bottom: 40px; }
      .show-more-opened .show-more-opened-box .address-block span,
      .show-more-opened .show-more-opened-box .address-block a {
        font-family: f-light;
        font-size: 18px;
        color: #363b45;
        line-height: 24px;
        font-weight: normal;
        transition: 0.3s ease-out; }
        .show-more-opened .show-more-opened-box .address-block span:hover,
        .show-more-opened .show-more-opened-box .address-block a:hover {
          color: #0b1324; }
    .show-more-opened .show-more-opened-box .web-link {
      padding-bottom: 50px;
      display: flex;
      flex-direction: column; }
      .show-more-opened .show-more-opened-box .web-link a {
        font-family: f-reg;
        font-size: 18px;
        color: #363b45;
        line-height: 24px;
        font-weight: normal;
        text-decoration: underline;
        transition: 0.3s ease-out; }
        .show-more-opened .show-more-opened-box .web-link a:hover {
          color: #0b1324; }
        .show-more-opened .show-more-opened-box .web-link a:not(:nth-last-child(1)) {
          margin-bottom: 12px; }
    .show-more-opened .show-more-opened-box .box-header {
      display: flex;
      flex-direction: column;
      margin-bottom: 50px; }
      .show-more-opened .show-more-opened-box .box-header span.h2 {
        font-family: f-e-med;
        font-size: 32px;
        color: #0b1324;
        line-height: 40px;
        font-weight: normal;
        margin-bottom: 20px; }
      .show-more-opened .show-more-opened-box .box-header .keywords {
        display: flex;
        align-items: center; }
        .show-more-opened .show-more-opened-box .box-header .keywords .keyword {
          font-family: f-e-bold;
          font-size: 12px;
          color: #ffffff;
          line-height: normal;
          font-weight: normal;
          border-radius: 7px;
          background-color: #4364AA;
          text-align: center;
          display: block;
          padding: 6px 14px; }
          .show-more-opened .show-more-opened-box .box-header .keywords .keyword:not(:nth-last-child(1)) {
            margin-right: 20px; }
    .show-more-opened .show-more-opened-box .box-content {
      padding-bottom: 50px;
      display: flex;
      flex-direction: column; }
      .show-more-opened .show-more-opened-box .box-content .each-content {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px; }
        .show-more-opened .show-more-opened-box .box-content .each-content .head {
          font-family: f-med;
          font-size: 16px;
          color: #0b1324;
          line-height: 22px;
          font-weight: normal;
          letter-spacing: 1px; }
        .show-more-opened .show-more-opened-box .box-content .each-content .desc {
          font-family: f-light;
          font-size: 18px;
          color: #363b45;
          line-height: 24px;
          font-weight: normal; }
  .show-more-opened .show-more-opened-box.w100 {
    width: 100%; }

.show-more-opened.open {
  display: flex; }

.show-youtube-opened {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(11, 19, 36, 0.87);
  z-index: 99999; }
  .show-youtube-opened #close-show-youtube-opened {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    right: 50px;
    top: 50px;
    z-index: 99999; }
  .show-youtube-opened .show-youtube-opened-content {
    padding: 0;
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: visible;
    max-height: 80vh;
    max-width: 90vw;
    position: relative; }
  .show-youtube-opened .show-youtube-opened-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 15px; }
    .show-youtube-opened .show-youtube-opened-box iframe {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 15px;
      height: 60vh;
      width: 80vw; }
  .show-youtube-opened .show-youtube-opened-box.w100 {
    width: 100%; }

.show-youtube-opened.open {
  display: flex; }

section.filter-form {
  margin-top: 2px;
  width: 100%;
  background-color: #3a5a9f; }
  section.filter-form #m-participants-ff {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  section.filter-form .left {
    display: flex;
    align-items: center;
    padding: 30px 0; }
  section.filter-form .input-div {
    display: flex;
    flex-direction: column;
    position: relative; }
    section.filter-form .input-div input {
      display: flex;
      align-items: center;
      padding: 14px 20px;
      border-radius: 22px;
      border: 1.5px solid #eaeaea;
      transition: 0.2s ease-out;
      font-family: f-med;
      font-size: 14px;
      color: #0b1324;
      line-height: normal;
      font-weight: normal;
      resize: none; }
      section.filter-form .input-div input::placeholder {
        color: #363b45;
        opacity: 0.8; }
    section.filter-form .input-div input.type {
      border: 1.5px solid #4364AA; }
    section.filter-form .input-div input.error {
      border: 1.5px solid #f74c4c; }
    section.filter-form .input-div .error-text {
      display: block;
      position: absolute;
      left: 0;
      bottom: 35px;
      font-family: f-light;
      font-size: 14px;
      color: #f74c4c;
      line-height: normal;
      font-weight: normal;
      margin-top: 12px;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s ease-out; }
    section.filter-form .input-div .error-text.active {
      opacity: 1;
      visibility: visible; }
  section.filter-form .right {
    display: flex;
    align-items: center; }

section.market-participants {
  width: 100%;
  padding: 80px 0; }
  section.market-participants .m-partticipants-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px; }

section.content {
  background-color: #f8f8f8; }

section.appeal-page {
  height: 100vh;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column; }
  section.appeal-page .container {
    height: 100%; }
  section.appeal-page .g-recaptcha {
    margin: 0 auto; }
  section.appeal-page .top {
    height: 110px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%; }
    section.appeal-page .top .content {
      width: calc(50% + 56px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 30px;
      padding-right: 150px; }
    section.appeal-page .top .dots {
      display: flex;
      align-items: center; }
      section.appeal-page .top .dots .dot {
        content: "";
        width: 12px;
        height: 12px;
        background-color: #d2d6ea;
        transition: 0.3s ease-out;
        border-radius: 50%; }
        section.appeal-page .top .dots .dot:not(:nth-last-child(1)) {
          margin-right: 20px; }
      section.appeal-page .top .dots .dot.active {
        background-color: #4364AA; }
    section.appeal-page .top #to-index {
      display: block; }
      section.appeal-page .top #to-index .to-green {
        transition: 0.2s linear; }
      section.appeal-page .top #to-index:hover .to-green {
        fill: #40B790; }
  section.appeal-page .bottom {
    height: 124px; }
    section.appeal-page .bottom .content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 750px;
      padding: 0 100px;
      height: 100%;
      margin: 0 auto; }
      section.appeal-page .bottom .content #btn-back {
        display: flex;
        visibility: hidden;
        align-items: center; }
        section.appeal-page .bottom .content #btn-back span {
          margin-left: 12px;
          font-family: f-med;
          font-size: 16px;
          color: #363b45;
          line-height: normal;
          font-weight: normal;
          letter-spacing: 1px; }
      section.appeal-page .bottom .content #btn-back.active {
        visibility: visible; }
      section.appeal-page .bottom .content #btn-next {
        border-radius: 26px;
        background-color: #a7a7a7;
        text-align: center;
        padding: 16px 30px;
        font-family: f-med;
        font-size: 16px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal;
        letter-spacing: 1px;
        transition: 0.3s ease; }
      section.appeal-page .bottom .content #btn-next.active {
        background-color: #40B790; }
      section.appeal-page .bottom .content #sub {
        display: none;
        border-radius: 26px;
        background-color: #40B790;
        text-align: center;
        padding: 16px 30px;
        font-family: f-med;
        font-size: 16px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal;
        letter-spacing: 1px;
        transition: 0.3s ease; }
  section.appeal-page .middle {
    height: 70%;
    overflow: hidden; }
    section.appeal-page .middle .success-form,
    section.appeal-page .middle .unsuccess-form {
      display: none; }
      section.appeal-page .middle .success-form .container,
      section.appeal-page .middle .unsuccess-form .container {
        width: 100%; }
      section.appeal-page .middle .success-form .content,
      section.appeal-page .middle .unsuccess-form .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 70vh; }
        section.appeal-page .middle .success-form .content img,
        section.appeal-page .middle .unsuccess-form .content img {
          margin-bottom: 60px; }
        section.appeal-page .middle .success-form .content h2,
        section.appeal-page .middle .unsuccess-form .content h2 {
          font-family: f-e-med;
          font-size: 32px;
          color: #0b1324;
          line-height: 40px;
          font-weight: normal;
          margin-bottom: 24px; }
        section.appeal-page .middle .success-form .content p,
        section.appeal-page .middle .unsuccess-form .content p {
          font-family: f-light;
          font-size: 18px;
          color: #363b45;
          line-height: 24px;
          font-weight: normal; }
    section.appeal-page .middle #appeal-form {
      display: flex;
      align-items: center;
      height: 100%;
      transition: 0.4s ease-out;
      transform: translateX(0);
      width: max-content; }
    section.appeal-page .middle .swap {
      height: 100%;
      width: 100vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.appeal-page .middle .swap .content {
        width: 750px;
        border-radius: 15px;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        padding: 70px 100px;
        height: auto;
        justify-content: center; }
    section.appeal-page .middle label {
      font-family: f-med;
      font-size: 16px;
      color: #0b1324;
      line-height: normal;
      font-weight: normal;
      margin-bottom: 15px; }
    section.appeal-page .middle .custom-radios {
      display: flex;
      width: 100%;
      justify-content: space-between; }
      section.appeal-page .middle .custom-radios .custom-radio-btn {
        border-radius: 15px;
        border: 1.5px solid #eaeaea;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 30px;
        cursor: pointer;
        width: calc(50% - 15px);
        transition: 0.2s ease-out;
        position: relative; }
        section.appeal-page .middle .custom-radios .custom-radio-btn span {
          margin-left: 26px;
          font-family: f-light;
          font-size: 16px;
          color: #363b45;
          line-height: normal;
          font-weight: normal;
          letter-spacing: 0.5px; }
        section.appeal-page .middle .custom-radios .custom-radio-btn:hover {
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
          border: 1.5px solid #eaeaea; }
        section.appeal-page .middle .custom-radios .custom-radio-btn:before {
          display: block;
          position: absolute;
          width: 28px;
          height: 28px;
          top: 10px;
          right: 10px;
          content: "";
          background-image: url(/src/assets/icons/appeal/selected-custom-btn.svg);
          background-repeat: no-repeat;
          background-size: contain;
          transition: 0.3s ease-out;
          opacity: 0; }
      section.appeal-page .middle .custom-radios .custom-radio-btn.active {
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
        border: 1.5px solid #40B790; }
        section.appeal-page .middle .custom-radios .custom-radio-btn.active:before {
          opacity: 1; }
      section.appeal-page .middle .custom-radios:not(:nth-last-child(1)) {
        margin-bottom: 60px; }
    section.appeal-page .middle .hidden-radio {
      display: none; }
    section.appeal-page .middle .activity-type-radio-btn,
    section.appeal-page .middle .legal-status-radio-btn {
      display: flex;
      align-items: center;
      padding: 16px 20px;
      border-radius: 15px;
      border: 1.5px solid #eaeaea;
      transition: 0.2s ease-out;
      cursor: pointer; }
      section.appeal-page .middle .activity-type-radio-btn:not(:nth-last-child(1)),
      section.appeal-page .middle .legal-status-radio-btn:not(:nth-last-child(1)) {
        margin-bottom: 15px; }
      section.appeal-page .middle .activity-type-radio-btn:hover,
      section.appeal-page .middle .legal-status-radio-btn:hover {
        background-color: #f8f8f8; }
      section.appeal-page .middle .activity-type-radio-btn span.circle,
      section.appeal-page .middle .legal-status-radio-btn span.circle {
        margin-right: 15px;
        width: 20px;
        height: 20px;
        border: 1.5px solid #eaeaea;
        border-radius: 50%;
        background-color: #ffffff;
        transition: 0.2s ease-out; }
      section.appeal-page .middle .activity-type-radio-btn span.circle.active,
      section.appeal-page .middle .legal-status-radio-btn span.circle.active {
        border: 5px solid #4364AA; }
      section.appeal-page .middle .activity-type-radio-btn span.text,
      section.appeal-page .middle .legal-status-radio-btn span.text {
        font-family: f-light;
        font-size: 14px;
        color: #363b45;
        line-height: normal;
        font-weight: normal;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        transition: 0.2s ease-out; }
      section.appeal-page .middle .activity-type-radio-btn span.text.active,
      section.appeal-page .middle .legal-status-radio-btn span.text.active {
        font-family: f-med;
        font-size: 14px;
        color: #4364AA;
        line-height: normal;
        font-weight: normal; }
    section.appeal-page .middle .activity-type-radio-btn.active {
      border: 1.5px solid #4364AA; }
    section.appeal-page .middle .swap.last-swap {
      align-items: flex-start; }
    section.appeal-page .middle .content.last-content {
      justify-content: flex-start; }
    section.appeal-page .middle .input-div {
      display: flex;
      flex-direction: column;
      position: relative; }
      section.appeal-page .middle .input-div:not(:nth-last-child(1)) {
        padding-bottom: 60px; }
      section.appeal-page .middle .input-div label {
        font-family: f-med;
        font-size: 16px;
        color: #0b1324;
        line-height: normal;
        font-weight: normal;
        margin-bottom: 15px; }
        section.appeal-page .middle .input-div label sup {
          margin-left: 2px;
          color: #f74c4c; }
      section.appeal-page .middle .input-div input,
      section.appeal-page .middle .input-div textarea {
        display: flex;
        align-items: center;
        padding: 16px 20px;
        border-radius: 15px;
        border: 1.5px solid #eaeaea;
        transition: 0.2s ease-out;
        font-family: f-light;
        font-size: 18px;
        color: #0b1324;
        line-height: normal;
        font-weight: normal;
        resize: none; }
      section.appeal-page .middle .input-div input.type {
        border: 1.5px solid #4364AA; }
      section.appeal-page .middle .input-div input.error {
        border: 1.5px solid #f74c4c; }
      section.appeal-page .middle .input-div .error-text {
        display: block;
        position: absolute;
        left: 0;
        bottom: 35px;
        font-family: f-light;
        font-size: 14px;
        color: #f74c4c;
        line-height: normal;
        font-weight: normal;
        margin-top: 12px;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease-out; }
      section.appeal-page .middle .input-div .error-text.active {
        opacity: 1;
        visibility: visible; }
    section.appeal-page .middle .custom-select-checkbox {
      padding-bottom: 60px;
      display: flex;
      flex-direction: column;
      position: relative; }
      section.appeal-page .middle .custom-select-checkbox span.custom-select-heading {
        font-family: f-med;
        font-size: 16px;
        color: #0b1324;
        line-height: normal;
        font-weight: normal;
        margin-bottom: 15px; }
        section.appeal-page .middle .custom-select-checkbox span.custom-select-heading sup {
          margin-left: 2px;
          color: #f74c4c; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-header {
        display: flex;
        align-items: center;
        padding: 16px 20px;
        border-radius: 15px;
        border: 1.5px solid #eaeaea;
        transition: 0.2s ease-out;
        position: relative;
        cursor: pointer; }
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-header:after {
          position: absolute;
          width: 12px;
          height: 6px;
          display: block;
          transition: 0.2s ease-out;
          right: 20px;
          top: calc(50% - 3px);
          content: "";
          background-image: url(/src/assets/icons/appeal/dropdown-arrow.svg);
          background-size: cover;
          background-repeat: no-repeat; }
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-header span.selected-way-text,
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-header span.selected-way-count {
          font-family: f-light;
          font-size: 18px;
          color: #0b1324;
          line-height: normal;
          font-weight: normal; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-header.active:after {
        transform: rotate(180deg); }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-header.error {
        border: 1.5px solid #f74c4c; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-header.type {
        border: 1.5px solid #4364AA; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown-overflow {
        overflow: hidden;
        position: relative;
        transition: 0.3s ease;
        overflow: hidden;
        display: flex;
        width: 100%;
        align-self: center;
        justify-content: center;
        z-index: -1;
        height: 0;
        margin-top: 12px; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown-overflow.active {
        z-index: 5;
        height: 315px;
        padding-top: 5px;
        min-height: unset; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown {
        position: absolute;
        left: 1px;
        top: 1px;
        display: flex;
        flex-direction: column;
        transition: 0.3s ease;
        cursor: pointer;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12);
        border-radius: 15px;
        background-color: #ffffff;
        transform: translateY(-100%);
        width: 99%;
        max-height: 300px;
        padding: 0 30px;
        overflow-y: visible;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch; }
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown::-webkit-scrollbar {
          width: 26px;
          height: 70%; }
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown::-webkit-scrollbar-thumb {
          background-color: #363b45;
          border-radius: 20px;
          transition: 0.3s ease-out;
          border: 10px solid rgba(0, 0, 0, 0);
          background-clip: padding-box; }
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown .select-label-div:not(:nth-last-child(1)) {
          padding-bottom: 15px; }
        section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown .select-label {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          position: relative;
          font-family: f-reg;
          font-size: 16px;
          color: #363b45;
          line-height: normal;
          font-weight: normal;
          margin-bottom: 0; }
          section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown .select-label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0; }
            section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown .select-label input:checked ~ .icon {
              background-color: #4364AA;
              border: 1px solid #4364AA; }
          section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown .select-label .icon {
            display: flex;
            width: 18px;
            height: 18px;
            background-color: #ffffff;
            margin-right: 12px;
            align-items: center;
            justify-content: center;
            border-radius: 2px;
            transition: 0.2s ease-out;
            border: 1px solid #eaeaea; }
      section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown.active {
        transform: translateY(0);
        padding: 24px 30px; }

section.appeal-page.last {
  height: unset;
  min-height: 100vh; }

section.survey_page {
  min-height: 100vh;
  background-color: #f8f8f8; }
  section.survey_page .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 768px;
    margin: 0 auto;
    padding: 120px 0; }
  section.survey_page .test_container {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 40px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column; }
  section.survey_page .survey_heading {
    margin-bottom: 16px;
    width: 100%;
    position: relative; }
    section.survey_page .survey_heading h1 {
      font-family: f-med;
      font-size: 32px;
      color: #0b1324;
      line-height: 40px;
      font-weight: normal;
      margin-bottom: 5px; }
    section.survey_page .survey_heading .test_count {
      background-color: #40B790;
      font-family: f-bold;
      font-size: 12px;
      color: #ffffff;
      line-height: 16px;
      font-weight: normal;
      padding: 6px 16px;
      border-radius: 8px;
      width: max-content;
      display: block; }
  section.survey_page .close_survey {
    position: absolute;
    right: -60px;
    top: -60px; }
  section.survey_page .submit_side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 24px;
    border-top: 1px solid #D9E0EE; }
  section.survey_page .green_button {
    background-color: #40B790;
    font-family: f-bold;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    font-weight: normal;
    padding: 16px 30px;
    text-transform: uppercase;
    border-radius: 8px;
    width: max-content;
    display: block;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: 0.3s ease-out; }
    section.survey_page .green_button:hover {
      background-color: #219b82; }
  section.survey_page .survey_results_block {
    width: 100%;
    border-radius: 16px;
    background-color: #ffffff;
    margin-bottom: 24px;
    padding: 40px; }
    section.survey_page .survey_results_block h2 {
      font-family: f-reg;
      font-size: 20px;
      color: #0b1324;
      line-height: 32px;
      font-weight: normal;
      margin-bottom: 16px; }
    section.survey_page .survey_results_block .each_answer {
      display: flex;
      align-items: start; }
      section.survey_page .survey_results_block .each_answer:not(:nth-last-child(1)) {
        margin-bottom: 8px; }
      section.survey_page .survey_results_block .each_answer p {
        font-family: f-reg;
        font-size: 16px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal;
        margin-right: 8px; }
      section.survey_page .survey_results_block .each_answer span {
        font-family: f-bold;
        font-size: 16px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal; }
    section.survey_page .survey_results_block .each_answer.right_answer span {
      color: #40B790; }
    section.survey_page .survey_results_block .each_answer.wrong_answer span {
      color: #f74c4c; }
    section.survey_page .survey_results_block .share_side {
      margin-top: 24px;
      border-top: 1px solid #D9E0EE;
      padding-top: 32px;
      display: flex;
      align-items: center; }
      section.survey_page .survey_results_block .share_side p {
        font-family: f-reg;
        font-size: 16px;
        color: #0b1324;
        line-height: 24px;
        font-weight: normal;
        margin-right: 16px; }

.index-page section.subscribe {
  background-color: inherit;
  padding-top: 0px; }

.index-page footer {
  display: none; }

.index-page section.fullheight {
  height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-position: center;
  align-items: center;
  justify-content: center; }
  .index-page section.fullheight:before {
    content: "";
    height: 100vh;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1; }
  .index-page section.fullheight #myVideo {
    display: block;
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    object-fit: cover; }
  .index-page section.fullheight #myVideoMobile {
    display: none;
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    object-fit: cover; }
  .index-page section.fullheight .center-content {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    height: 100vh; }
  .index-page section.fullheight .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60vh;
    position: relative;
    z-index: 1; }
  .index-page section.fullheight .centered-text {
    width: 60%;
    opacity: 0; }
    .index-page section.fullheight .centered-text h1 {
      font-family: f-e-med;
      font-size: 42px;
      color: #ffffff;
      line-height: 50px;
      font-weight: normal;
      width: 100%;
      text-align: center;
      margin-bottom: 30px; }
    .index-page section.fullheight .centered-text p {
      font-family: f-light;
      font-size: 18px;
      color: #ffffff;
      line-height: 24px;
      font-weight: normal;
      text-align: center;
      width: 70%;
      margin: 0 auto; }
  .index-page section.fullheight .mute .volume-on {
    opacity: 0;
    transition: 0.3s ease-out; }
  .index-page section.fullheight .mute .volume-off {
    opacity: 1;
    transition: 0.3s ease-out; }
  .index-page section.fullheight .mute .volume-off-1 {
    transition: 0.5s ease-out; }
  .index-page section.fullheight .mute.active .volume-on {
    opacity: 1; }
  .index-page section.fullheight .mute.active .volume-off {
    opacity: 0; }
  .index-page section.fullheight .bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .index-page section.fullheight .bottom-content .fullheight-social {
      width: 160px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .index-page section.fullheight .bottom-content .fullheight-social .social-icon path {
        transition: 0.2s ease-out; }
      .index-page section.fullheight .bottom-content .fullheight-social .social-icon:hover path {
        fill: #b2c77b; }
  .index-page section.fullheight .scroll-block {
    z-index: 1;
    padding: 25px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 120px; }
    .index-page section.fullheight .scroll-block .mouse-div {
      width: 22px;
      height: 30px;
      border-radius: 10px;
      border: 1.5px solid white;
      display: flex;
      justify-content: center; }
    .index-page section.fullheight .scroll-block #scroll-button {
      width: 1.3px;
      height: 7px;
      margin-top: 5px;
      width: auto;
      border-left: 1.3px solid white; }
  .index-page section.fullheight #scroll-button {
    -webkit-animation-name: scrollmousedown;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: scrollmousedown;
    animation-duration: 2s;
    animation-iteration-count: infinite; }

@-webkit-keyframes scrollmousedown {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(0);
    height: 12px; }
  100% {
    transform: translateY(12px);
    height: 0px; } }

@keyframes scrollmousedown {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(0);
    height: 12px; }
  100% {
    transform: translateY(12px);
    height: 0px; } }

.index-page section.other-sections {
  flex-direction: column; }

.index-page section.fullscreen-subheader {
  width: 100%;
  background-image: url(/src/assets/images/fullscreen-subheader-bg.png);
  min-height: 624px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: cover; }
  .index-page section.fullscreen-subheader .content {
    padding: 100px 0 140px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  .index-page section.fullscreen-subheader .left {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .index-page section.fullscreen-subheader .left .inner-left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      min-height: 380px;
      max-width: 265px; }
    .index-page section.fullscreen-subheader .left .left-1 {
      margin-right: 30px; }
  .index-page section.fullscreen-subheader .right {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 55px 35px 130px; }
    .index-page section.fullscreen-subheader .right .heading {
      margin-bottom: 25px; }
      .index-page section.fullscreen-subheader .right .heading h2 {
        font-family: f-e-med;
        font-size: 32px;
        color: #ffffff;
        line-height: 40px;
        font-weight: normal; }
    .index-page section.fullscreen-subheader .right .text {
      margin-bottom: 50px; }
      .index-page section.fullscreen-subheader .right .text p {
        font-family: f-light;
        font-size: 18px;
        color: #D9E0EE;
        line-height: 24px;
        font-weight: normal; }
    .index-page section.fullscreen-subheader .right .buttons {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: max-content;
      margin-right: auto; }
      .index-page section.fullscreen-subheader .right .buttons a {
        font-family: f-med;
        font-size: 16px;
        color: #ffffff;
        line-height: normal;
        font-weight: normal;
        display: block;
        padding: 16px 30px;
        text-align: center;
        border: 2px solid #ffffff;
        border-radius: 26px;
        text-transform: uppercase;
        transition: 0.3s ease-in; }
        .index-page section.fullscreen-subheader .right .buttons a:hover {
          background-color: #219b82;
          border: 2px solid #219b82;
          box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }
      .index-page section.fullscreen-subheader .right .buttons #appeal-btn {
        background-color: #40B790;
        border: 2px solid #40B790;
        margin-right: 15px;
        transition: 0.3s ease-in; }
        .index-page section.fullscreen-subheader .right .buttons #appeal-btn:hover {
          background-color: #219b82;
          border: 2px solid #219b82;
          box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }

.index-page section.news,
.index-page section.sstories,
.index-page section.photo,
.index-page section.video {
  padding: unset;
  padding-bottom: 100px; }
  .index-page section.news::after,
  .index-page section.sstories::after,
  .index-page section.photo::after,
  .index-page section.video::after {
    content: "";
    position: absolute;
    background-image: url(/src/assets/images/main-news-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 73%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1; }

.index-page .top, section.news-page-inner .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px; }
  .index-page .top .heading h3, section.news-page-inner .top .heading h3 {
    font-family: f-e-med;
    font-size: 32px;
    color: #0b1324;
    line-height: normal;
    font-weight: normal; }
  .index-page .top .right-blue-link a, section.news-page-inner .top .right-blue-link a {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .index-page .top .right-blue-link a span, section.news-page-inner .top .right-blue-link a span {
      font-family: f-e-med;
      font-size: 14px;
      color: #0b1324;
      line-height: normal;
      font-weight: normal;
      margin-right: 12px;
      letter-spacing: 1px;
      padding-bottom: 0; }

section.news-page-inner {
  padding: unset;
  padding-bottom: 100px; }
  section.news-page-inner .top {
    margin-bottom: 8px; }
  section.news-page-inner .news-container {
    grid-template-columns: repeat(2, 1fr); }
  section.news-page-inner::before {
    content: "";
    position: absolute;
    background-image: url(/src/assets/images/main-news-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 73%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1; }






@keyframes buttonHover {
  0% {
    transform: skew(-20deg) translateX(-80px);
    opacity: 0; }
  50% {
    transform: translateX(330px) skew(-20deg);
    opacity: 0.7; }
  100% {
    transform: skew(-20deg) translateX(-80px);
    opacity: 0.3; } }

@keyframes bigButtonHover {
  0% {
    transform: skew(-20deg) translateX(-150px);
    opacity: 0; }
  50% {
    transform: translateX(900px) skew(-20deg);
    opacity: 0.7; }
  100% {
    transform: skew(-20deg) translateX(-150px);
    opacity: 0.3; } }

.share {
  margin-top: 36px;
  display: flex;
  align-items: center;
  flex-flow: row  wrap; }
  .share p {
    padding-bottom: 0 !important;
    padding-right: 16px; }
  .share .buttons button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid #eaeaea;
    background: transparent;
    border-radius: 50%; }
    .share .buttons button:not(:last-of-type) {
      margin-right: 16px; }

.useful-question {
  margin-top: 24px; }
  .useful-question.disable {
    display: none; }
  .useful-question .question {
    padding: 32px;
    background: #373B44;
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between; }
  .useful-question h6 {
    font-family: f-med;
    font-size: 18px;
    color: #ffffff;
    line-height: 26px;
    font-weight: normal; }
    @media only screen and (max-width: 480px) {
      .useful-question h6 {
        margin-bottom: 12px; } }
  .useful-question .buttons {
    display: flex;
    flex-flow: row wrap;
    margin: -8px; }
    .useful-question .buttons button {
      margin: 8px; }
  .useful-question button {
    cursor: pointer;
    background: #F17F65;
    border: none;
    outline: none;
    width: 120px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-family: f-med;
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    font-weight: normal;
    border-radius: 8px;
    transition: background-color .4s ease-in-out; }
    .useful-question button:hover {
      background: #dc745c; }
  .useful-question form {
    display: none;
    margin-top: 32px;
    flex-direction: column;
    width: 100%; }
    .useful-question form.active {
      display: flex; }
    .useful-question form label {
      font-family: f-med;
      font-size: 14px;
      color: #0b1324;
      line-height: 20px;
      font-weight: normal; }
    .useful-question form textarea {
      border: 1.5px solid #eaeaea;
      border-radius: 8px;
      resize: vertical;
      min-height: 112px;
      max-height: 224px;
      padding: 16px;
      margin-top: 8px;
      font-family: f-reg;
      font-size: 14px;
      color: #0b1324;
      line-height: 20px;
      font-weight: normal; }
      .useful-question form textarea::placeholder {
        color: #979797; }
      .useful-question form textarea:focus {
        outline: none; }
    .useful-question form button {
      align-self: flex-end;
      margin-top: 16px; }

section.media .media-container .change {
  display: flex;
  margin: 0 -12px 18px; }
  section.media .media-container .change a {
    font-family: f-reg;
    font-size: 16px;
    color: #0b1324;
    line-height: 24px;
    font-weight: normal;
    color: #8A94A6;
    margin: 0 12px;
    display: block;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    transition: all .4s ease-in-out;
    transition-property: border,color;
    cursor: pointer; }
    section.media .media-container .change a.active {
      color: #40B790;
      border-bottom-color: #40B790; }

section.media .media-container .media-body {
  display: none; }
  section.media .media-container .media-body.active {
    display: grid; }
  section.media .media-container .media-body .video-card-overflow {
    opacity: 1; }

.contact-alert {
  width: 544px;
  height: 64px;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  position: fixed;
  display: flex;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  top: 16%; }
  .contact-alert span {
    font-family: "f-reg";
    font-size: 16px;
    color: #252525;
    line-height: 24px;
    margin-left: 20px; }

section.news.news-page,
section.sstories.sstories-page,
section.photo.photogallery-page,
section.video.videogallery-page {
  background-color: #f8f8f8; }
  section.news.news-page:after,
  section.sstories.sstories-page:after,
  section.photo.photogallery-page:after,
  section.video.videogallery-page:after {
    display: none; }

section.events.events-page {
  background-color: #f8f8f8;
  padding: 80px 0 120px 0; }

section.subheader-nav.financialsupport-page .content .inner-nav-container {
  width: 100%; }
  section.subheader-nav.financialsupport-page .content .inner-nav-container .inner-nav-overflow {
    margin: 0; }

section.readmore.photoinner-page {
  background-color: #0b1324;
  padding-bottom: 120px; }
  section.readmore.photoinner-page .news-heading-h2 h2 {
    color: #ffffff; }

@media screen and (max-width: 480px) {
  #clear-filter-btn {
    margin-left: 0;
    margin-top: 20px; }
  .container {
    padding: 0 calc((100% - 91vw)/2); }
  header .left .header-logo img {
    width: 40vw; }
  header .site-lang {
    margin-right: 20px; }
  header .search-div {
    margin-right: 20px; }
  header .center {
    display: none; }
  header .search-container {
    width: 100%;
    padding-left: unset; }
    header .search-container .search-btns #search-sub {
      border-radius: 15px;
      padding: 12px 12px;
      margin-right: 15px;
      font-size: 14px; }
    header .search-container #search-input {
      margin: unset;
      width: 59vw;
      padding: 14px 0;
      text-align: left; }
  .index-page section.subscribe {
    padding-top: 30px;
    padding-bottom: 30px; }
  section.subscribe {
    padding-top: 30px;
    padding-bottom: 30px; }
    section.subscribe .content {
      padding: 20px; }
    section.subscribe #subscribe-form {
      justify-content: flex-start;
      align-items: flex-start;
      padding: 20px;
      flex-direction: column; }
      section.subscribe #subscribe-form .left {
        width: 100%; }
      section.subscribe #subscribe-form p {
        font-size: 16px;
        line-height: 20px;
        max-width: 100%; }
      section.subscribe #subscribe-form .right {
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        flex-direction: column; }
      section.subscribe #subscribe-form .subscribe-input-div {
        width: 100%;
        margin: 20px 0; }
        section.subscribe #subscribe-form .subscribe-input-div label {
          font-size: 14px; }
      section.subscribe #subscribe-form #subscribe-sub {
        margin-left: 0;
        width: 100%;
        font-size: 14px; }
    section.subscribe #subscribe-form-success {
      flex-direction: column;
      padding: 30px;
      text-align: center; }
      section.subscribe #subscribe-form-success .right {
        margin-left: 0; }
  footer {
    padding-top: 30px; }
    footer .footer-content {
      padding: 0 20px; }
    footer .footer-top {
      justify-content: center;
      flex-direction: column; }
      footer .footer-top .footer-logo {
        padding-right: 0;
        margin-bottom: 20px; }
      footer .footer-top .nav-content {
        width: 100%; }
        footer .footer-top .nav-content:not(:nth-last-child(1)) {
          padding-right: 0; }
        footer .footer-top .nav-content .nav-header {
          position: relative;
          padding-right: 40px;
          margin: 15px 0; }
          footer .footer-top .nav-content .nav-header:before {
            position: absolute;
            content: "";
            display: block;
            background-size: cover;
            width: 14px;
            height: 9px;
            top: calc(50% - 4.5px);
            right: 12px;
            transition: 0.2s ease-out;
            background-image: url(/src/assets/icons/appeal/dropdown-arrow.svg); }
        footer .footer-top .nav-content .nav-header.open:before {
          transform: rotate(180deg); }
      footer .footer-top .nav-dropdown-overflow {
        position: relative;
        overflow: hidden;
        height: 0;
        transition: 0.2s ease-out; }
        footer .footer-top .nav-dropdown-overflow .nav-dropdown {
          transition: 0.2s ease-out;
          transform: translateY(-100%); }
        footer .footer-top .nav-dropdown-overflow .nav-dropdown.open {
          transform: translateY(0); }
      footer .footer-top .nav-dropdown-overflow.open {
        height: auto; }
    footer .footer-bottom {
      margin-top: 20px;
      flex-direction: column; }
      footer .footer-bottom .copyright {
        width: 90%;
        flex-direction: column; }
        footer .footer-bottom .copyright p {
          font-family: f-reg;
          text-align: center;
          margin-bottom: 0; }
        footer .footer-bottom .copyright img {
          margin-right: 0;
          margin-bottom: 15px;
          margin-top: 15px; }
      footer .footer-bottom .social-container {
        margin: 15px 0; }
  .fs-gallery-overflow .fs-nav-overflow {
    width: 100vw;
    padding-right: 0;
    height: 80px; }
    .fs-gallery-overflow .fs-nav-overflow .fs-nav {
      flex-direction: row-reverse;
      justify-content: space-evenly;
      padding: 10px; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-btn:not(:nth-last-child(1)) {
        margin-bottom: 0; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-status {
        margin-top: 0;
        margin-bottom: 0; }
  .fs-gallery-overflow .fs-gallery {
    flex-direction: column; }
    .fs-gallery-overflow .fs-gallery .fs-transform-overflow {
      width: 100vw;
      height: calc(100% - 80px); }
    .fs-gallery-overflow .fs-gallery .fs-transform {
      height: calc(100vh - 80px);
      width: auto;
      flex-direction: row; }
      .fs-gallery-overflow .fs-gallery .fs-transform .fs-image {
        width: 100vw;
        height: 100%; }
        .fs-gallery-overflow .fs-gallery .fs-transform .fs-image img {
          width: 100vw; }
  .fs-gallery-overflow .fs-menu-overflow {
    height: calc(100vh - 80px);
    transform: unset; }
  #side-nav {
    width: 100vw;
    height: max-content;
    background-image: url(/src/assets/icons/sidenav-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 60px; }
    #side-nav .side-nav-container {
      width: 100%;
      padding: 15% 5% 0 5%;
      height: max-content;
      overflow-y: scroll;
      background-image: none; }
      #side-nav .side-nav-container .nav-link {
        font-size: 18px;
        padding-right: 40px; }
      #side-nav .side-nav-container .nav-socials {
        padding: 1%; }
      #side-nav .side-nav-container #hamburger-close {
        right: 24px;
        top: 24px; }
  .side-nav-overlay {
    overflow-y: scroll;
    height: 100vh; }
    .side-nav-overlay:before {
      height: 100vh; }
  .share p {
    margin-bottom: 12px !important; }
  .index-page .top .heading h3, .news-page-inner .top .heading h3 {
    font-size: 24px !important; }
  .index-page .top .right-blue-link a, .news-page-inner .top .right-blue-link a {
    justify-content: flex-end !important; }
    .index-page .top .right-blue-link a span, .news-page-inner .top .right-blue-link a span {
      font-size: 12px !important;
      width: 50%; }
  .index-page section.fullheight {
    height: 94vh; }
    .index-page section.fullheight:before {
      height: 94vh; }
    .index-page section.fullheight #myVideo {
      display: none; }
    .index-page section.fullheight #myVideoMobile {
      display: block;
      height: 94vh; }
    .index-page section.fullheight .centered-text {
      display: none; }
    .index-page section.fullheight .center-content {
      height: 94vh; }
    .index-page section.fullheight .content {
      align-items: flex-start;
      justify-content: flex-end;
      height: 100%; }
    .index-page section.fullheight .bottom-content {
      width: calc(50% + 11px); }
      .index-page section.fullheight .bottom-content .fullheight-social {
        display: none; }
    .index-page section.fullheight .scroll-block {
      margin-left: unset; }
  .index-page section.fullscreen-subheader {
    background-image: none;
    background-color: #4364AA; }
    .index-page section.fullscreen-subheader .content {
      padding: 30px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      flex-direction: column; }
    .index-page section.fullscreen-subheader .left {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column; }
      .index-page section.fullscreen-subheader .left .inner-left {
        min-height: auto;
        max-width: 100%;
        align-items: center; }
      .index-page section.fullscreen-subheader .left .left-1 {
        margin-right: 0;
        max-width: 100%; }
    .index-page section.fullscreen-subheader .right {
      width: 100%;
      padding: 14px; }
      .index-page section.fullscreen-subheader .right .heading {
        margin-bottom: 20px; }
        .index-page section.fullscreen-subheader .right .heading h2 {
          font-size: 24px;
          line-height: 30px; }
      .index-page section.fullscreen-subheader .right .text {
        margin-bottom: 25px; }
        .index-page section.fullscreen-subheader .right .text p {
          font-size: 16px;
          line-height: 20px; }
      .index-page section.fullscreen-subheader .right .buttons {
        flex-direction: column;
        width: 100%; }
        .index-page section.fullscreen-subheader .right .buttons #appeal-btn {
          margin-right: 0px;
          margin-bottom: 15px;
          width: 100%; }
        .index-page section.fullscreen-subheader .right .buttons a {
          width: 100%; }
  section.subheader-nav .content {
    justify-content: flex-start; }
    section.subheader-nav .content .inner-nav-container {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      section.subheader-nav .content .inner-nav-container .inner-nav-overflow {
        margin: 0;
        padding: 14px 0;
        width: auto; }
  section.news,
  section.sstories,
  section.media,
  section.photo,
  section.video {
    padding: 30px 0; }
    section.news::after,
    section.sstories::after,
    section.media::after,
    section.photo::after,
    section.video::after {
      background-image: none;
      background-size: cover;
      background-color: #40B790;
      height: 100%; }
    section.news .news-container,
    section.news .photo-container,
    section.news .media-body,
    section.news .sstories-container,
    section.news .video-container,
    section.sstories .news-container,
    section.sstories .photo-container,
    section.sstories .media-body,
    section.sstories .sstories-container,
    section.sstories .video-container,
    section.media .news-container,
    section.media .photo-container,
    section.media .media-body,
    section.media .sstories-container,
    section.media .video-container,
    section.photo .news-container,
    section.photo .photo-container,
    section.photo .media-body,
    section.photo .sstories-container,
    section.photo .video-container,
    section.video .news-container,
    section.video .photo-container,
    section.video .media-body,
    section.video .sstories-container,
    section.video .video-container {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 300px;
      grid-gap: 25px; }
  .news-card-overflow .news-card,
  .news-card-overflow .sstory-card,
  .news-card-overflow .photo-card,
  .sstory-card-overflow .news-card,
  .sstory-card-overflow .sstory-card,
  .sstory-card-overflow .photo-card,
  .photo-card-overflow .news-card,
  .photo-card-overflow .sstory-card,
  .photo-card-overflow .photo-card {
    height: 300px; }
    .news-card-overflow .news-card .news-text,
    .news-card-overflow .news-card .sstory-text,
    .news-card-overflow .news-card .photo-text,
    .news-card-overflow .sstory-card .news-text,
    .news-card-overflow .sstory-card .sstory-text,
    .news-card-overflow .sstory-card .photo-text,
    .news-card-overflow .photo-card .news-text,
    .news-card-overflow .photo-card .sstory-text,
    .news-card-overflow .photo-card .photo-text,
    .sstory-card-overflow .news-card .news-text,
    .sstory-card-overflow .news-card .sstory-text,
    .sstory-card-overflow .news-card .photo-text,
    .sstory-card-overflow .sstory-card .news-text,
    .sstory-card-overflow .sstory-card .sstory-text,
    .sstory-card-overflow .sstory-card .photo-text,
    .sstory-card-overflow .photo-card .news-text,
    .sstory-card-overflow .photo-card .sstory-text,
    .sstory-card-overflow .photo-card .photo-text,
    .photo-card-overflow .news-card .news-text,
    .photo-card-overflow .news-card .sstory-text,
    .photo-card-overflow .news-card .photo-text,
    .photo-card-overflow .sstory-card .news-text,
    .photo-card-overflow .sstory-card .sstory-text,
    .photo-card-overflow .sstory-card .photo-text,
    .photo-card-overflow .photo-card .news-text,
    .photo-card-overflow .photo-card .sstory-text,
    .photo-card-overflow .photo-card .photo-text {
      padding: 14px; }
      .news-card-overflow .news-card .news-text .text p,
      .news-card-overflow .news-card .sstory-text .text p,
      .news-card-overflow .news-card .photo-text .text p,
      .news-card-overflow .sstory-card .news-text .text p,
      .news-card-overflow .sstory-card .sstory-text .text p,
      .news-card-overflow .sstory-card .photo-text .text p,
      .news-card-overflow .photo-card .news-text .text p,
      .news-card-overflow .photo-card .sstory-text .text p,
      .news-card-overflow .photo-card .photo-text .text p,
      .sstory-card-overflow .news-card .news-text .text p,
      .sstory-card-overflow .news-card .sstory-text .text p,
      .sstory-card-overflow .news-card .photo-text .text p,
      .sstory-card-overflow .sstory-card .news-text .text p,
      .sstory-card-overflow .sstory-card .sstory-text .text p,
      .sstory-card-overflow .sstory-card .photo-text .text p,
      .sstory-card-overflow .photo-card .news-text .text p,
      .sstory-card-overflow .photo-card .sstory-text .text p,
      .sstory-card-overflow .photo-card .photo-text .text p,
      .photo-card-overflow .news-card .news-text .text p,
      .photo-card-overflow .news-card .sstory-text .text p,
      .photo-card-overflow .news-card .photo-text .text p,
      .photo-card-overflow .sstory-card .news-text .text p,
      .photo-card-overflow .sstory-card .sstory-text .text p,
      .photo-card-overflow .sstory-card .photo-text .text p,
      .photo-card-overflow .photo-card .news-text .text p,
      .photo-card-overflow .photo-card .sstory-text .text p,
      .photo-card-overflow .photo-card .photo-text .text p {
        font-family: f-light;
        font-size: 16px;
        color: #0b1324;
        line-height: 20px;
        font-weight: normal; }
  section.services {
    padding: 30px 0; }
    section.services .services-block {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      grid-gap: 25px; }
  section.news {
    padding: 30px 0; }
  section.events {
    padding: 30px 0; }
    section.events .events-container {
      grid-template-columns: 1fr;
      grid-gap: 25px; }
  section.subheader {
    padding: 30px 0; }
    section.subheader .header-h1 h1 {
      font-size: 24px;
      line-height: 32px; }
    section.subheader .content {
      flex-direction: column;
      align-items: flex-start; }
    section.subheader #search-keyword-block {
      margin-top: 10px; }
  section.readmore .content {
    margin: 0;
    width: 100%;
    transition: 0.6s ease-out;
    margin-bottom: 30px; }
    section.readmore .content h2 {
      font-size: 22px;
      line-height: 30px;
      padding-top: 30px;
      padding-bottom: 30px; }
    section.readmore .content p {
      margin-bottom: 0;
      font-size: 16px;
      line-height: 22px;
      padding-top: 10px;
      padding-bottom: 10px; }
    section.readmore .content iframe {
      width: 100%;
      height: 240px; }
    section.readmore .content p > iframe {
      width: 100%;
      height: 240px; }
    section.readmore .content .image-div {
      padding: 15px 0;
      height: 200px; }
      section.readmore .content .image-div img {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: block;
        object-fit: cover; }
      section.readmore .content .image-div span.before {
        left: -10px;
        width: 100px; }
      section.readmore .content .image-div span.after {
        right: -10px;
        width: 100px;
        top: 0; }
    section.readmore .content .image-div.inner {
      padding: 15px 0; }
    section.readmore .content article {
      margin-bottom: 30px; }
      section.readmore .content article span {
        margin-bottom: 16px; }
      section.readmore .content article span, section.readmore .content article li {
        font-size: 16px;
        line-height: 20px; }
      section.readmore .content article:nth-last-child(1) {
        margin-bottom: 0px; }
    section.readmore .content .photogallery-container .image-overflow {
      height: 240px; }
      section.readmore .content .photogallery-container .image-overflow .fs-gallery-btn {
        opacity: 1; }
    section.readmore .content .tabs {
      padding-bottom: 30px; }
    section.readmore .content .show-more-block .show-more-btn {
      padding: 14px 18px;
      font-size: 16px;
      line-height: 20px;
      width: 100%; }
      section.readmore .content .show-more-block .show-more-btn .text {
        width: 90%; }
    section.readmore .content .links-block {
      padding-bottom: unset; }
      section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item {
        width: 100%; }
        section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item .text {
          width: 90%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
      section.readmore .content .links-block .link-header .text {
        width: 80%; }
  section.readmore.searchpage {
    padding-top: 30px; }
  .show-more-opened #close-show-more-opened {
    top: 20px;
    right: 20px; }
  .show-more-opened .show-more-opened-content {
    padding: 20px 24px;
    max-height: 70vh;
    max-width: 91vw; }
  .show-more-opened .show-more-opened-box {
    width: 100%; }
    .show-more-opened .show-more-opened-box .address-block {
      margin-bottom: 30px; }
    .show-more-opened .show-more-opened-box .heading-2 {
      margin-bottom: 20px; }
      .show-more-opened .show-more-opened-box .heading-2 h2 {
        font-size: 24px;
        line-height: 30px; }
    .show-more-opened .show-more-opened-box .heading-3 {
      margin-bottom: 20px; }
      .show-more-opened .show-more-opened-box .heading-3 h3 {
        line-height: 20px; }
  section.personal-growth .content {
    flex-direction: column; }
  section.personal-growth .left-overflow {
    padding-top: 30px;
    margin-right: 0;
    width: 100%; }
    section.personal-growth .left-overflow .left .tab-btn {
      width: 100%; }
  section.personal-growth .right-overflow {
    width: 100%; }
    section.personal-growth .right-overflow .transform-overflow {
      margin: 30px 0; }
    section.personal-growth .right-overflow .transform {
      padding: 0 4.5vw; }
      section.personal-growth .right-overflow .transform .heading-2 {
        margin-bottom: 20px; }
        section.personal-growth .right-overflow .transform .heading-2 h2 {
          font-size: 24px;
          line-height: 30px; }
      section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown {
        width: 100%; }
        section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item {
          width: 100%;
          font-size: 16px;
          line-height: 20px; }
          section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item .text {
            width: 80%;
            width: 90%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
  section.filter-form #m-participants-ff {
    flex-direction: column; }
  section.filter-form .left {
    align-items: flex-start;
    padding: 20px 0;
    flex-direction: column;
    width: 100%;
    justify-content: center; }
    section.filter-form .left .custom-select,
    section.filter-form .left .addition-select {
      justify-content: flex-start;
      min-width: unset;
      max-width: unset;
      width: 100%; }
      section.filter-form .left .custom-select:not(:nth-last-child(1)),
      section.filter-form .left .addition-select:not(:nth-last-child(1)) {
        margin-right: 0;
        margin-bottom: 10px; }
      section.filter-form .left .custom-select .select-selected,
      section.filter-form .left .addition-select .select-selected {
        min-width: unset;
        max-width: unset;
        width: 100%; }
      section.filter-form .left .custom-select .select-items,
      section.filter-form .left .addition-select .select-items {
        width: 100%; }
    section.filter-form .left #search-filter {
      width: 100%; }
  section.filter-form .right {
    align-items: flex-start;
    width: 100%;
    padding-bottom: 20px; }
  section.market-participants {
    padding: 30px 0; }
    section.market-participants .m-partticipants-container {
      grid-template-columns: 1fr;
      grid-gap: 20px; }
  section.partners {
    padding: 30px 0; }
    section.partners .partners-container {
      grid-template-columns: 1fr;
      grid-template-rows: auto; }
  section.legistation {
    padding: 30px 0; }
    section.legistation .legistation-block {
      grid-template-columns: 1fr;
      grid-template-rows: auto; }
    section.legistation .card-legistation {
      padding: 14px;
      flex-direction: column;
      text-align: center; }
      section.legistation .card-legistation .card-text {
        margin-left: 0; }
        section.legistation .card-legistation .card-text span.text {
          font-size: 16px;
          line-height: 20px; }
      section.legistation .card-legistation .card-img {
        margin-left: 0;
        margin-bottom: 20px; }
  section.contacts {
    padding: 30px 0; }
    section.contacts .map-overflow {
      height: 80vh; }
      section.contacts .map-overflow .map-block .map-card {
        padding: 20px;
        right: 0;
        bottom: 15px;
        left: 15px;
        width: 70%; }
        section.contacts .map-overflow .map-block .map-card .contaact-div a {
          font-size: 14px; }
        section.contacts .map-overflow .map-block .map-card .contaact-div:not(:nth-last-child(1)) {
          margin-bottom: 15px; }
      section.contacts .map-overflow .map-block iframe {
        height: 100%; }
  section.appeal-page {
    height: auto; }
    section.appeal-page .container {
      padding: 0 14px; }
    section.appeal-page .top #to-index {
      background-image: unset; }
    section.appeal-page .top .content {
      padding-top: unset;
      padding-right: unset;
      padding: 20px 14px 20px 0;
      width: calc(50% + 43px); }
    section.appeal-page .middle .swap {
      padding: 0 14px;
      height: 80vh; }
      section.appeal-page .middle .swap .content {
        width: 100%;
        padding: 20px; }
      section.appeal-page .middle .swap .custom-radios .custom-radio-btn {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px;
        text-align: center; }
        section.appeal-page .middle .swap .custom-radios .custom-radio-btn img {
          margin-bottom: 20px;
          width: 40px;
          height: 40px; }
        section.appeal-page .middle .swap .custom-radios .custom-radio-btn span {
          margin-left: 0;
          font-size: 14px; }
      section.appeal-page .middle .swap .custom-radios:not(:nth-last-child(1)) {
        margin-bottom: 40px; }
    section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown-overflow.active {
      height: 220px; }
    section.appeal-page .middle .custom-select-checkbox .select-checkbox-dropdown {
      max-height: 200px; }
    section.appeal-page .bottom .content {
      width: 100%;
      padding: 0 14px;
      padding-top: 10px;
      align-items: flex-start; }
      section.appeal-page .bottom .content #btn-back {
        padding: 16px 0; }
  section.readmore.financialsupport-page .content {
    padding: 30px 0; }
  section.subheader-navfinancialsupport-page .content .inner-nav-container {
    width: unset; }
  .card-with-icon-overflow {
    width: 90%; }
    .card-with-icon-overflow .card-with-icon {
      margin: 10px 0;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
      min-width: 100%; }
      .card-with-icon-overflow .card-with-icon img {
        margin-bottom: 0px;
        width: 65px;
        height: 75px; }
      .card-with-icon-overflow .card-with-icon span.card-text {
        font-family: f-med;
        font-size: 14px;
        color: #0b1324;
        line-height: 18px;
        font-weight: normal;
        width: 62%; }
  .card-events-overflow .card-events .card-text {
    justify-content: center;
    padding: 14px;
    height: 100%;
    flex-direction: column;
    text-align: center; }
    .card-events-overflow .card-events .card-text p.date {
      margin-right: 0;
      margin-bottom: 10px; } }

@media screen and (min-width: 480px) and (max-width: 820px) {
  .container {
    padding: 0 calc((100% - 88vw)/2); }
  header .left .header-logo img {
    width: 160px; }
  header .site-lang {
    margin-right: 20px; }
  header .search-div {
    margin-right: 20px; }
  header .center {
    display: none; }
  .index-page section.subscribe {
    padding-top: 30px;
    padding-bottom: 30px; }
  section.subscribe {
    padding-top: 30px;
    padding-bottom: 30px; }
    section.subscribe .content {
      padding: 30px; }
    section.subscribe #subscribe-form {
      justify-content: flex-start;
      align-items: flex-start;
      padding: 20px;
      flex-direction: column; }
      section.subscribe #subscribe-form .left {
        width: 100%; }
      section.subscribe #subscribe-form p {
        font-size: 22px;
        line-height: 26px;
        max-width: 100%; }
      section.subscribe #subscribe-form .right {
        align-items: flex-end;
        justify-content: flex-start;
        width: 100%;
        flex-direction: row;
        margin-top: 20px; }
      section.subscribe #subscribe-form .subscribe-input-div {
        width: 100%;
        margin: 0; }
        section.subscribe #subscribe-form .subscribe-input-div label {
          font-size: 14px; }
      section.subscribe #subscribe-form #subscribe-sub {
        margin-left: 20px;
        width: 30%;
        padding: 15px; }
    section.subscribe #subscribe-form-success {
      flex-direction: column;
      padding: 30px;
      text-align: center; }
      section.subscribe #subscribe-form-success .right {
        margin-left: 0; }
  footer .footer-content {
    padding: 0 20px; }
  footer .footer-top {
    justify-content: center;
    flex-direction: column; }
    footer .footer-top .footer-logo {
      padding-right: 0;
      margin-bottom: 20px; }
    footer .footer-top .nav-content {
      width: 100%; }
      footer .footer-top .nav-content:not(:nth-last-child(1)) {
        padding-right: 0; }
      footer .footer-top .nav-content .nav-header {
        position: relative;
        padding-right: 40px;
        margin: 15px 0; }
        footer .footer-top .nav-content .nav-header:before {
          position: absolute;
          content: "";
          display: block;
          background-size: cover;
          width: 14px;
          height: 9px;
          top: calc(50% - 4.5px);
          transition: 0.2s ease-out;
          right: 12px;
          background-image: url(/src/assets/icons/appeal/dropdown-arrow.svg); }
      footer .footer-top .nav-content .nav-header.open:before {
        transform: rotate(180deg); }
    footer .footer-top .nav-dropdown-overflow {
      position: relative;
      overflow: hidden;
      height: 0;
      transition: 0.2s ease-out; }
      footer .footer-top .nav-dropdown-overflow .nav-dropdown {
        transition: 0.2s ease-out;
        transform: translateY(-100%); }
      footer .footer-top .nav-dropdown-overflow .nav-dropdown.open {
        transform: translateY(0); }
    footer .footer-top .nav-dropdown-overflow.open {
      height: auto; }
  footer .footer-bottom {
    margin-top: 20px;
    flex-direction: column; }
    footer .footer-bottom .copyright {
      width: 90%;
      flex-direction: column; }
      footer .footer-bottom .copyright p {
        font-family: f-reg;
        text-align: center;
        margin-bottom: 0; }
      footer .footer-bottom .copyright img {
        margin-right: 0;
        margin-bottom: 15px;
        margin-top: 15px; }
    footer .footer-bottom .social-container {
      margin: 15px 0; }
  .fs-gallery-overflow .fs-nav-overflow {
    width: 100vw;
    padding-right: 0;
    height: 80px; }
    .fs-gallery-overflow .fs-nav-overflow .fs-nav {
      flex-direction: row-reverse;
      justify-content: space-evenly;
      padding: 10px; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-btn:not(:nth-last-child(1)) {
        margin-bottom: 0; }
      .fs-gallery-overflow .fs-nav-overflow .fs-nav .fs-status {
        margin-top: 0;
        margin-bottom: 0; }
  .fs-gallery-overflow .fs-gallery {
    flex-direction: column; }
    .fs-gallery-overflow .fs-gallery .fs-transform-overflow {
      width: 100vw;
      height: calc(100% - 80px); }
    .fs-gallery-overflow .fs-gallery .fs-transform {
      height: calc(100vh - 80px);
      width: auto;
      flex-direction: row; }
      .fs-gallery-overflow .fs-gallery .fs-transform .fs-image {
        width: 100vw;
        height: 100%; }
        .fs-gallery-overflow .fs-gallery .fs-transform .fs-image img {
          width: 100vw; }
  .fs-gallery-overflow .fs-menu-overflow {
    height: calc(100vh - 80px);
    transform: unset; }
  #side-nav {
    width: 100vw;
    height: max-content;
    background-image: url(/src/assets/icons/sidenav-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 60px; }
    #side-nav .side-nav-container {
      width: 100%;
      padding: 15% 5% 0 5%;
      height: 100vh;
      overflow-y: scroll;
      background-image: none; }
      #side-nav .side-nav-container .nav-link {
        font-size: 18px;
        padding-right: 40px; }
      #side-nav .side-nav-container .nav-socials {
        padding: 1%; }
      #side-nav .side-nav-container #hamburger-close {
        right: 24px;
        top: 24px; }
  .side-nav-overlay {
    overflow-y: scroll;
    height: 100vh; }
    .side-nav-overlay:before {
      height: 100vh; }
  .index-page section.fullheight:before {
    height: 100%; }
  .index-page section.fullheight #myVideo {
    display: none; }
  .index-page section.fullheight #myVideoMobile {
    display: block; }
  .index-page section.fullheight .centered-text {
    display: none; }
  .index-page section.fullheight .center-content {
    height: 94vh; }
  .index-page section.fullheight .content {
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%; }
  .index-page section.fullheight .bottom-content {
    width: calc(50% + 11px); }
    .index-page section.fullheight .bottom-content .fullheight-social {
      display: none; }
  .index-page section.fullheight .scroll-block {
    margin-left: unset; }
  .index-page .top .heading h3 {
    font-size: 24px; }
  .index-page .top .right-blue-link a {
    justify-content: flex-end; }
    .index-page .top .right-blue-link a span {
      font-size: 12px;
      width: 50%; }
  .index-page section.fullscreen-subheader {
    background-image: none;
    background-color: #4364AA; }
    .index-page section.fullscreen-subheader .left {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column; }
      .index-page section.fullscreen-subheader .left .inner-left {
        min-height: auto;
        max-width: 100%;
        align-items: center; }
      .index-page section.fullscreen-subheader .left .left-1 {
        margin-right: 0;
        max-width: 100%; }
    .index-page section.fullscreen-subheader .right {
      width: 100%;
      padding: 14px; }
      .index-page section.fullscreen-subheader .right .heading {
        margin-bottom: 20px; }
        .index-page section.fullscreen-subheader .right .heading h2 {
          font-size: 24px;
          line-height: 30px; }
      .index-page section.fullscreen-subheader .right .text {
        margin-bottom: 25px; }
        .index-page section.fullscreen-subheader .right .text p {
          font-size: 16px;
          line-height: 20px; }
      .index-page section.fullscreen-subheader .right .buttons {
        flex-direction: column;
        width: 100%; }
        .index-page section.fullscreen-subheader .right .buttons #appeal-btn {
          margin-right: 0px;
          margin-bottom: 15px;
          width: 100%; }
        .index-page section.fullscreen-subheader .right .buttons a {
          width: 100%; }
  section.subheader-nav .content {
    justify-content: flex-start; }
    section.subheader-nav .content .inner-nav-container {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      section.subheader-nav .content .inner-nav-container .inner-nav-overflow {
        margin: 0;
        padding: 14px 0;
        width: auto; }
  section.news,
  section.sstories,
  section.photo,
  section.video {
    padding: 30px 0; }
    section.news::after,
    section.sstories::after,
    section.photo::after,
    section.video::after {
      background-image: none;
      background-size: cover;
      background-color: #40B790;
      height: 100%; }
    section.news .news-container,
    section.news .photo-container,
    section.news .sstories-container,
    section.news .video-container,
    section.sstories .news-container,
    section.sstories .photo-container,
    section.sstories .sstories-container,
    section.sstories .video-container,
    section.photo .news-container,
    section.photo .photo-container,
    section.photo .sstories-container,
    section.photo .video-container,
    section.video .news-container,
    section.video .photo-container,
    section.video .sstories-container,
    section.video .video-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 300px;
      grid-gap: 25px; }
  .news-card-overflow .news-card,
  .news-card-overflow .sstory-card,
  .news-card-overflow .photo-card,
  .sstory-card-overflow .news-card,
  .sstory-card-overflow .sstory-card,
  .sstory-card-overflow .photo-card,
  .photo-card-overflow .news-card,
  .photo-card-overflow .sstory-card,
  .photo-card-overflow .photo-card {
    height: 300px; }
    .news-card-overflow .news-card .news-text,
    .news-card-overflow .news-card .sstory-text,
    .news-card-overflow .news-card .photo-text,
    .news-card-overflow .sstory-card .news-text,
    .news-card-overflow .sstory-card .sstory-text,
    .news-card-overflow .sstory-card .photo-text,
    .news-card-overflow .photo-card .news-text,
    .news-card-overflow .photo-card .sstory-text,
    .news-card-overflow .photo-card .photo-text,
    .sstory-card-overflow .news-card .news-text,
    .sstory-card-overflow .news-card .sstory-text,
    .sstory-card-overflow .news-card .photo-text,
    .sstory-card-overflow .sstory-card .news-text,
    .sstory-card-overflow .sstory-card .sstory-text,
    .sstory-card-overflow .sstory-card .photo-text,
    .sstory-card-overflow .photo-card .news-text,
    .sstory-card-overflow .photo-card .sstory-text,
    .sstory-card-overflow .photo-card .photo-text,
    .photo-card-overflow .news-card .news-text,
    .photo-card-overflow .news-card .sstory-text,
    .photo-card-overflow .news-card .photo-text,
    .photo-card-overflow .sstory-card .news-text,
    .photo-card-overflow .sstory-card .sstory-text,
    .photo-card-overflow .sstory-card .photo-text,
    .photo-card-overflow .photo-card .news-text,
    .photo-card-overflow .photo-card .sstory-text,
    .photo-card-overflow .photo-card .photo-text {
      padding: 14px; }
      .news-card-overflow .news-card .news-text .text p,
      .news-card-overflow .news-card .sstory-text .text p,
      .news-card-overflow .news-card .photo-text .text p,
      .news-card-overflow .sstory-card .news-text .text p,
      .news-card-overflow .sstory-card .sstory-text .text p,
      .news-card-overflow .sstory-card .photo-text .text p,
      .news-card-overflow .photo-card .news-text .text p,
      .news-card-overflow .photo-card .sstory-text .text p,
      .news-card-overflow .photo-card .photo-text .text p,
      .sstory-card-overflow .news-card .news-text .text p,
      .sstory-card-overflow .news-card .sstory-text .text p,
      .sstory-card-overflow .news-card .photo-text .text p,
      .sstory-card-overflow .sstory-card .news-text .text p,
      .sstory-card-overflow .sstory-card .sstory-text .text p,
      .sstory-card-overflow .sstory-card .photo-text .text p,
      .sstory-card-overflow .photo-card .news-text .text p,
      .sstory-card-overflow .photo-card .sstory-text .text p,
      .sstory-card-overflow .photo-card .photo-text .text p,
      .photo-card-overflow .news-card .news-text .text p,
      .photo-card-overflow .news-card .sstory-text .text p,
      .photo-card-overflow .news-card .photo-text .text p,
      .photo-card-overflow .sstory-card .news-text .text p,
      .photo-card-overflow .sstory-card .sstory-text .text p,
      .photo-card-overflow .sstory-card .photo-text .text p,
      .photo-card-overflow .photo-card .news-text .text p,
      .photo-card-overflow .photo-card .sstory-text .text p,
      .photo-card-overflow .photo-card .photo-text .text p {
        font-family: f-light;
        font-size: 16px;
        color: #0b1324;
        line-height: 20px;
        font-weight: normal; }
  section.services {
    padding: 30px 0; }
    section.services .services-block {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      grid-gap: 25px; }
  section.news {
    padding: 30px 0; }
  section.events {
    padding: 30px 0; }
    section.events .events-container {
      grid-template-columns: 1fr;
      grid-gap: 25px; }
  section.subheader {
    padding: 30px 0; }
    section.subheader .header-h1 h1 {
      font-size: 24px;
      line-height: 32px; }
  section.readmore .content {
    margin: 0;
    width: 100%;
    transition: 0.6s ease-out;
    margin-bottom: 30px; }
    section.readmore .content h2 {
      font-size: 22px;
      line-height: 30px;
      padding-top: 30px;
      padding-bottom: 30px; }
    section.readmore .content p {
      margin-bottom: 0;
      font-size: 16px;
      line-height: 22px;
      padding-top: 10px;
      padding-bottom: 10px; }
    section.readmore .content iframe {
      width: 100%;
      height: 400px; }
    section.readmore .content p > iframe {
      width: 100%;
      height: 400px; }
    section.readmore .content .image-div {
      padding: 20px 0; }
      section.readmore .content .image-div img {
        width: 90%;
        height: 400px;
        margin: 0 auto;
        display: block; }
      section.readmore .content .image-div:before {
        left: -11px; }
      section.readmore .content .image-div:after {
        width: 80px;
        right: 0; }
    section.readmore .content article {
      margin-bottom: 30px; }
      section.readmore .content article span {
        margin-bottom: 16px; }
      section.readmore .content article span, section.readmore .content article li {
        font-size: 16px;
        line-height: 20px; }
      section.readmore .content article:nth-last-child(1) {
        margin-bottom: 0px; }
    section.readmore .content .photogallery-container .image-overflow {
      height: 240px; }
      section.readmore .content .photogallery-container .image-overflow .fs-gallery-btn {
        opacity: 1; }
    section.readmore .content .tabs {
      padding-bottom: 30px; }
    section.readmore .content .show-more-block .show-more-btn {
      padding: 14px 18px;
      font-size: 16px;
      line-height: 20px;
      width: 100%; }
      section.readmore .content .show-more-block .show-more-btn .text {
        width: 90%; }
    section.readmore .content .links-block {
      padding-bottom: unset; }
      section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item {
        width: 100%; }
        section.readmore .content .links-block .link-dropdown-overflow .link-dropdown .link-item .text {
          width: 90%;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
      section.readmore .content .links-block .link-header .text {
        width: 80%; }
  .show-more-opened #close-show-more-opened {
    top: 20px;
    right: 20px; }
  .show-more-opened .show-more-opened-content {
    padding: 20px 24px;
    max-height: 70vh;
    max-width: 91vw; }
  .show-more-opened .show-more-opened-box {
    width: 100%; }
    .show-more-opened .show-more-opened-box .address-block {
      margin-bottom: 30px; }
    .show-more-opened .show-more-opened-box .heading-2 {
      margin-bottom: 20px; }
      .show-more-opened .show-more-opened-box .heading-2 h2 {
        font-size: 24px;
        line-height: 30px; }
    .show-more-opened .show-more-opened-box .heading-3 {
      margin-bottom: 20px; }
      .show-more-opened .show-more-opened-box .heading-3 h3 {
        line-height: 20px; }
  section.personal-growth .content {
    flex-direction: column; }
  section.personal-growth .left-overflow {
    padding-top: 30px;
    margin-right: 0;
    width: 100%; }
    section.personal-growth .left-overflow .left .tab-btn {
      width: 100%; }
  section.personal-growth .right-overflow {
    width: 100%; }
    section.personal-growth .right-overflow .transform-overflow {
      margin: 30px 0; }
    section.personal-growth .right-overflow .transform {
      padding: 0 4.5vw; }
      section.personal-growth .right-overflow .transform .heading-2 {
        margin-bottom: 20px; }
        section.personal-growth .right-overflow .transform .heading-2 h2 {
          font-size: 24px;
          line-height: 30px; }
      section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown {
        width: 100%; }
        section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item {
          width: 100%;
          font-size: 16px;
          line-height: 20px; }
          section.personal-growth .right-overflow .transform .link-dropdown-overflow .link-dropdown .link-item .text {
            width: 80%; }
  section.filter-form #m-participants-ff {
    flex-direction: column; }
  section.filter-form .left {
    align-items: flex-start;
    padding: 20px 0;
    flex-direction: column;
    width: 100%;
    justify-content: center; }
    section.filter-form .left .custom-select,
    section.filter-form .left .addition-select {
      justify-content: flex-start;
      min-width: unset;
      max-width: unset;
      width: 100%; }
      section.filter-form .left .custom-select:not(:nth-last-child(1)),
      section.filter-form .left .addition-select:not(:nth-last-child(1)) {
        margin-right: 0;
        margin-bottom: 10px; }
      section.filter-form .left .custom-select .select-selected,
      section.filter-form .left .addition-select .select-selected {
        min-width: unset;
        max-width: unset;
        width: 100%; }
      section.filter-form .left .custom-select .select-items,
      section.filter-form .left .addition-select .select-items {
        width: 100%; }
  section.filter-form .right {
    align-items: flex-start;
    width: 100%;
    padding-bottom: 20px; }
  section.market-participants {
    padding: 30px 0; }
    section.market-participants .m-partticipants-container {
      grid-template-columns: 1fr;
      grid-gap: 20px; }
  section.partners {
    padding: 30px 0; }
    section.partners .partners-container {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto; }
  section.legistation {
    padding: 30px 0; }
    section.legistation .legistation-block {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto; }
    section.legistation .card-legistation {
      padding: 14px;
      flex-direction: column;
      text-align: center; }
      section.legistation .card-legistation .card-text {
        margin-left: 0; }
        section.legistation .card-legistation .card-text span.text {
          font-size: 16px;
          line-height: 20px; }
      section.legistation .card-legistation .card-img {
        margin-left: 0;
        margin-bottom: 20px; }
  section.contacts {
    padding: 30px 0; }
    section.contacts .map-overflow {
      height: 80vh; }
      section.contacts .map-overflow .map-block .map-card {
        padding: 20px;
        right: 0;
        bottom: 15px;
        left: 15px;
        width: 70%; }
        section.contacts .map-overflow .map-block .map-card .contaact-div a {
          font-size: 14px; }
        section.contacts .map-overflow .map-block .map-card .contaact-div:not(:nth-last-child(1)) {
          margin-bottom: 15px; }
      section.contacts .map-overflow .map-block iframe {
        height: 100%; }
  section.appeal-page {
    height: auto; }
    section.appeal-page .container {
      padding: 0 14px; }
    section.appeal-page .top #to-index {
      background-image: unset; }
    section.appeal-page .top .content {
      padding-top: unset;
      padding-right: unset;
      padding: 20px 14px 20px 0;
      width: calc(50% + 43px); }
    section.appeal-page .middle .swap {
      padding: 0 14px;
      height: 80vh; }
      section.appeal-page .middle .swap .content {
        width: 100%;
        padding: 20px; }
      section.appeal-page .middle .swap .custom-radios .custom-radio-btn {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px;
        text-align: center; }
        section.appeal-page .middle .swap .custom-radios .custom-radio-btn img {
          margin-bottom: 20px;
          width: 40px;
          height: 40px; }
        section.appeal-page .middle .swap .custom-radios .custom-radio-btn span {
          margin-left: 0;
          font-size: 14px; }
      section.appeal-page .middle .swap .custom-radios:not(:nth-last-child(1)) {
        margin-bottom: 40px; }
    section.appeal-page .bottom .content {
      width: 100%;
      padding: 0 14px; }
  section.readmore.financialsupport-page .content {
    padding: 30px 0; }
  section.subheader-navfinancialsupport-page .content .inner-nav-container {
    width: unset; }
  .card-with-icon-overflow {
    width: 90%; }
    .card-with-icon-overflow .card-with-icon {
      margin: 10px 0;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
      min-width: 100%; }
      .card-with-icon-overflow .card-with-icon img {
        margin-bottom: 0px;
        width: 65px;
        height: 75px; }
      .card-with-icon-overflow .card-with-icon span.card-text {
        font-family: f-med;
        font-size: 14px;
        color: #0b1324;
        line-height: 18px;
        font-weight: normal;
        width: 62%; }
  .card-events-overflow .card-events .card-text {
    justify-content: center;
    padding: 14px;
    height: 100%;
    flex-direction: column;
    text-align: center; }
    .card-events-overflow .card-events .card-text p.date {
      margin-right: 0;
      margin-bottom: 10px; } }

.lang-mobile{
  display: none !important;
}

@media only screen and (max-width: 768px)
{
  .lang-mobile{
    display: block !important;
  }

  .mct-logo{
    display: none !important;
  }
}

/*!
 * MIT Licence
 * ShahinSorkh <sorkh.shahin@hotmail.com>  2017
 */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
.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.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }
  .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

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

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@-moz-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@-o-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@-ms-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

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

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-ms-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-ms-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-ms-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); }
  100% {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-o-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-ms-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-moz-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-o-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-ms-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

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

@-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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-moz-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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-o-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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-ms-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); }
  100% {
    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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

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

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

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

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

@-ms-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

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

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

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

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

@-ms-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

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

@-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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-moz-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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-o-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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-ms-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); }
  100% {
    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); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

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

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

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

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

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

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

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

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

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

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

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

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

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

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

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

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

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

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

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

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

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

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

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

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

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

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

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

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

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

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

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

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

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

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

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

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

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

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInX {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-moz-keyframes flipInX {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-o-keyframes flipInX {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-ms-keyframes flipInX {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -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); }
  100% {
    -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 flipInY {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-moz-keyframes flipInY {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-o-keyframes flipInY {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@-ms-keyframes flipInY {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -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); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutX {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-moz-keyframes flipOutX {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-o-keyframes flipOutX {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-ms-keyframes flipOutX {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes flipOutY {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@-moz-keyframes flipOutY {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@-ms-keyframes flipOutY {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -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; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@-ms-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    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 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

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

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

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

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

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

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

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

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

@-moz-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-ms-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

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

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

@-moz-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-ms-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

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

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

@-moz-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-o-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-ms-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@-ms-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left 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 rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-ms-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right 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 rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@-ms-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

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

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

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

@-ms-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-o-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-o-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

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

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

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

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

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

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

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-moz-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-ms-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-moz-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-ms-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-moz-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-ms-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-moz-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-ms-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

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

@-moz-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-o-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-ms-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

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

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-moz-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-ms-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@-ms-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@-ms-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-moz-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-o-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@-ms-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

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

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

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

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

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

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

@-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; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@-moz-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; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@-o-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; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@-ms-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; }
  100% {
    -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; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

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

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-moz-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-o-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-ms-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes pulse {
  0% {
    -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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes pulse {
  0% {
    -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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes pulse {
  0% {
    -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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes pulse {
  0% {
    -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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  0% {
    -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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/*!
 * Copyright (c) 2017. All rights reserved
 */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes shake {
  0%, 100% {
    -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); } }

@-moz-keyframes shake {
  0%, 100% {
    -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); } }

@-o-keyframes shake {
  0%, 100% {
    -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); } }

@-ms-keyframes shake {
  0%, 100% {
    -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 {
  0%, 100% {
    -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); } }

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@-moz-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@-o-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@-ms-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

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

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

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

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

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