/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/theme.scss ***!
  \****************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Public+Sans:wght@100;200;300;400;500;600&display=swap);
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/theme.scss (1) ***!
  \********************************************************************************************************************/
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1; }

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat); }

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2); }

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3); }

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay); }

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2); }

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3); }

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4); }

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5); }

.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2); }

.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8); }

.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2); }

.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3); }

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; }
  .animate__animated[class*='Out'] {
    opacity: 0; } }

/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

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

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

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

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

@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX; }

@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: 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); }
  to {
    -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); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(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); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(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); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.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); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.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); } }

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

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown; }

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft; }

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight; }

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp; }

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown; }

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft; }

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight; }

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7; } }

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7; } }

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp; }

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -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); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(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); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -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); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -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); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

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

/* Bouncing exits  */
@-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); }
  to {
    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); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

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

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft; }

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

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

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight; }

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

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

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft; }

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

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

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight; }

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft; }

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

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

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight; }

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

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

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight; }

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

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

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft; }

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

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

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

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

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

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

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

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

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

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

.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

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

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

.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

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

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

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

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

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

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

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

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

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

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

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    opacity: 1; }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -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-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-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-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-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-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

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

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

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

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

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

@-webkit-keyframes zoomInDown {
  from {
    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 {
  from {
    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); } }

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

@-webkit-keyframes zoomInLeft {
  from {
    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 {
  from {
    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); } }

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

@-webkit-keyframes zoomInRight {
  from {
    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 {
  from {
    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); } }

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

@-webkit-keyframes zoomInUp {
  from {
    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 {
  from {
    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); } }

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

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

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

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

@-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); }
  to {
    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-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); }
  to {
    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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

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

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

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

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

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

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

@-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); }
  to {
    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-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); }
  to {
    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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

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

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

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

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

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

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

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

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

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

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

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

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

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

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

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

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

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

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

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

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

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

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

* {
  margin: 0;
  padding: 0;
  transition: 200ms all; }

.slick-track * {
  transition: none; }

html {
  scroll-behavior: smooth;
  margin: 0 !important; }

body {
  opacity: 0; }

.bg-primary {
  background-color: #e40683 !important; }

.bg-light {
  background-color: #f9fcff; }

.d-flex {
  display: flex; }

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

.center {
  display: flex;
  align-items: center; }

.justify-content-center {
  justify-content: center; }

.d-inline-block {
  display: inline-block; }

.d-block {
  display: block; }

.d-inline-block {
  display: inline-block; }

.d-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.space-between {
  justify-content: space-between; }

.two-column {
  display: grid;
  grid-template: auto / 50% 50%;
  grid-gap: 0px; }

.three-column {
  display: grid;
  grid-template: auto / 33.33% 33.33% 33.33%;
  grid-gap: 25px; }

.col-2 {
  width: 50%; }
  @media (max-width: 600px) {
    .col-2 {
      width: 100%; } }

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

.col-8 {
  max-width: 66.666666%; }

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

.row {
  margin-left: 15px;
  margin-right: 15px; }

.first-column-extend {
  display: grid;
  grid-template: auto / 60% 40%;
  grid-gap: 0px; }

.one-column {
  column-count: 1; }

.full-width {
  width: 100%; }

.half-width {
  width: 50%; }

.full-screen {
  height: 100vh !important; }

.align-items-center {
  align-items: center; }

.two-column-66 {
  display: grid;
  grid-template-columns: 66.66666% 33.33333%;
  grid-gap: 10px; }

@media (max-width: 1024px) {
  .content-sm-center {
    justify-content: center; } }

body {
  overflow-x: hidden;
  font-family: "DM Sans", sans-serif;
  height: 100%;
  width: 100%;
  color: #1A1C25;
  line-height: 24px; }

.container {
  margin: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }
  @media (max-width: 768px) {
    .container {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 600px) {
    .container {
      padding-left: 15px;
      padding-right: 15px; } }

.container-fluid {
  margin: auto; }
  @media (min-width: 576px) {
    .container-fluid {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container-fluid {
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .container-fluid {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      max-width: 1140px; } }
  @media (min-width: 1920px) {
    .container-fluid {
      max-width: 100%;
      padding: 0 60px;
      box-sizing: border-box; } }
  @media (max-width: 768px) {
    .container-fluid {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 600px) {
    .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

p {
  line-height: 22px;
  font-family: "Public Sans", sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif; }

.divider {
  height: 1px;
  width: 100%;
  background-color: #000;
  opacity: 0.06; }

.animation {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate; }

.section-head {
  width: 450px;
  margin: 0 auto 60px;
  text-align: center; }
  @media (max-width: 600px) {
    .section-head {
      width: 100%;
      margin: 0 auto 30px; } }
  .section-head h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #172d39;
    margin-bottom: 15px; }
    @media (max-width: 600px) {
      .section-head h2 {
        font-size: 36px;
        line-height: 46px; } }
  .section-head p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #555555; }

.btn-primary {
  height: 48px;
  width: 220px;
  text-align: center;
  line-height: 48px;
  background-color: #e40683;
  color: #fff;
  border-radius: 130px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.2s ease-in; }
  .btn-primary:hover {
    filter: drop-shadow(0 8px 34px rgba(6, 132, 65, 0.3)); }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.btn-transparent {
  height: 48px;
  width: 220px;
  text-align: center;
  line-height: 48px;
  background-color: transparent;
  border-radius: 130px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.2s ease-in;
  border: 1px solid #068441;
  box-sizing: border-box;
  color: #e40683; }
  .btn-transparent:hover {
    background-color: #e40683;
    color: #fff; }

.breadcumb {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  margin-bottom: 75px; }
  @media (max-width: 1025px) {
    .breadcumb {
      margin-bottom: 10px;
      margin-top: 85px; } }
  @media (max-width: 600px) {
    .breadcumb {
      margin-bottom: 10px;
      margin-top: 55px; } }
  .breadcumb ul {
    list-style: none; }
    .breadcumb ul li {
      float: left;
      margin-right: 10px; }
      .breadcumb ul li a {
        font-size: 14px;
        line-height: 24px;
        color: #363636;
        font-family: "Public Sans", sans-serif; }
      .breadcumb ul li:last-child a {
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #363636; }

.about.innerpage {
  padding: 60px 0 80px 0; }

.parallax-window {
  min-height: 400px;
  background: transparent; }

.gap-45 {
  height: 45px; }

.mb-0 {
  margin-bottom: 0; }

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

.ml-0 {
  margin-left: 0 !important; }

.load-more-wrapper-item div.item {
  margin: 5px auto;
  padding: 8px 0;
  width: 50%;
  background: #eee;
  border: 1px solid #ccc;
  text-align: center;
  display: none; }

.load-more-wrapper-item #loadmore {
  margin: 5px auto;
  padding: 8px 0;
  width: 50%;
  background: #c12b2b;
  text-align: center;
  color: #fff;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.load-more-wrapper-item .p {
  margin: 5px auto;
  padding: 8px 0;
  width: 50%;
  background: #333;
  text-align: center;
  color: #fff;
  display: block;
  text-decoration: none; }

.load-more-wrapper-item #loadmore:hover {
  background: #333; }

.load-more-wrapper-item #top a {
  color: #c12b2b;
  position: fixed;
  bottom: 5px;
  right: 15px;
  text-decoration: none;
  display: none; }

.d-none {
  display: none !important; }

.alert.alert-danger {
  text-align: center;
  background-color: #e40683;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 15px; }

.alert.alert-success {
  text-align: center;
  background-color: green;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 15px; }

.avater {
  position: relative; }
  .avater form {
    position: absolute;
    right: 0;
    bottom: 0; }
    .avater form .image-upload > input {
      display: none; }
    .avater form img {
      width: 40px !important;
      height: 40px !important;
      cursor: pointer;
      margin-bottom: 0 !important; }

.important {
  overflow-y: hidden !important; }
  .important::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }

.header-desktop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: top 0.6s;
  -moz-transition: top 0.6s;
  transition: top 0.6s;
  background-color: #e40683;
  z-index: 99999999;
  height: 100px; }
  @media (max-width: 1024px) {
    .header-desktop {
      height: 80px; } }
  @media (max-width: 600px) {
    .header-desktop {
      height: 60px; } }
  .header-desktop .container-fluid {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between; }
    .header-desktop .container-fluid .logo {
      margin: 0;
      width: 100px; }
      .header-desktop .container-fluid .logo img {
        width: 45px;
        object-fit: cover;
        height: 83px; }
        @media (max-width: 1024px) {
          .header-desktop .container-fluid .logo img {
            width: 25px;
            height: 47px; } }
    @media (max-width: 1024px) {
      .header-desktop .container-fluid {
        width: initial; } }
  .header-desktop .main-menu {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 1024px) {
      .header-desktop .main-menu .menu-wrapper-area div#desktop-nav-menu {
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow-y: scroll; }
        .header-desktop .main-menu .menu-wrapper-area div#desktop-nav-menu::-webkit-scrollbar {
          width: 8px; }
        .header-desktop .main-menu .menu-wrapper-area div#desktop-nav-menu::-webkit-scrollbar-thumb {
          background-color: #fff; } }
    .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav {
      list-style: none; }
      @media (max-width: 1024px) {
        .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav {
          padding-top: 25px; } }
      .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li {
        float: left;
        position: relative;
        cursor: pointer; }
        @media (max-width: 1024px) {
          .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li {
            width: 100%; } }
        .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li a {
          text-decoration: none;
          display: inline-block;
          margin-right: 40px;
          font-size: 14px;
          line-height: 18px;
          color: #ffffff;
          font-weight: 700; }
          @media (max-width: 1024px) {
            .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li a {
              margin: 0 0 15px 0;
              border-bottom: 1px solid rgba(255, 255, 255, 0.2);
              width: 100%;
              padding-bottom: 23px;
              display: inherit;
              font-weight: 700;
              font-size: 14px;
              line-height: 18px;
              color: #fff; } }
          .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li a:hover {
            color: #ebebeb; }
        .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu {
          position: absolute;
          width: 260px;
          background: #fff;
          list-style: none;
          z-index: 9999999;
          margin-top: 10px;
          transform: scaleY(0);
          transform-origin: 0 0 0; }
          @media (max-width: 1024px) {
            .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu {
              width: 100%;
              background-color: #fff;
              margin-top: 0;
              top: 30px; } }
          .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu li {
            width: 100%;
            border-bottom: 1px solid #1a1c2514; }
            @media (max-width: 1024px) {
              .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu li {
                border-bottom: 0px; } }
            .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu li a {
              margin: 0;
              display: block;
              padding: 10px 15px;
              line-height: 24px;
              color: #000000; }
              @media (max-width: 1024px) {
                .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu li a {
                  padding: 10px; } }
        .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li:hover ul.sub-menu {
          transform: scaleY(1); }
        .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li ul.sub-menu.active {
          transform: scaleY(1); }
      .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li.menu-item-has-children {
        padding-right: 15px; }
        .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li.menu-item-has-children::after {
          content: '';
          width: 16px;
          height: 11px;
          background: url(8439929a4184fbd2c86d.svg);
          right: 30px;
          top: 4px;
          position: absolute; }
      .header-desktop .main-menu .menu-wrapper-area .desktop-nav .desktop-navbar-nav li.current_page_item a {
        color: #000000; }
    @media (max-width: 1024px) {
      .header-desktop .main-menu .menu-wrapper-area {
        position: fixed;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        left: 0;
        top: 0;
        background: #e40683;
        padding: 0px 30px 0px 30px;
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        transform: translateY(10rem); }
        .header-desktop .main-menu .menu-wrapper-area.active {
          z-index: 99999;
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
          overflow-y: auto; } }
    .header-desktop .main-menu .menu-wrapper-area .close-icon {
      display: none;
      justify-content: flex-end;
      height: auto;
      padding: 10px 0; }
      @media (max-width: 1024px) {
        .header-desktop .main-menu .menu-wrapper-area .close-icon {
          display: flex; } }
      .header-desktop .main-menu .menu-wrapper-area .close-icon svg.close {
        background: #fff;
        padding: 8px;
        border-radius: 130px;
        position: relative;
        right: 0px;
        top: 10px; }
    .header-desktop .main-menu .header-user {
      display: none;
      cursor: pointer; }
      @media (min-width: 1200px) {
        .header-desktop .main-menu .header-user {
          display: block; } }
      .header-desktop .main-menu .header-user img {
        border-radius: 100%;
        width: 50px;
        height: 50px;
        object-fit: cover; }
    .header-desktop .main-menu .right-side {
      display: flex;
      align-items: center;
      margin-left: 2px; }
      .header-desktop .main-menu .right-side button.search {
        background: transparent;
        border: none;
        width: 19px;
        height: 19px;
        margin-right: 40px;
        outline: 0;
        cursor: pointer; }
        @media (max-width: 600px) {
          .header-desktop .main-menu .right-side button.search {
            margin-right: 23px; } }
        .header-desktop .main-menu .right-side button.search svg {
          height: 19px;
          width: 19px; }
      .header-desktop .main-menu .right-side button.expand-mobile-menu {
        background: transparent;
        border: 0;
        display: none; }
        @media (max-width: 1024px) {
          .header-desktop .main-menu .right-side button.expand-mobile-menu {
            display: block; } }
      .header-desktop .main-menu .right-side a.login {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        font-weight: 700; }

.headroom {
  will-change: transform;
  transition: transform 400ms ease-in-out; }

.headroom--pinned {
  transform: translateY(0%); }

.headroom--unpinned {
  transform: translateY(-100%); }

.header-desktop
.header-bottom
.desktop-nav
.desktop-navbar-nav
li
ul.sub-menu.active {
  transform: scaleY(1); }

.slicknav_menu {
  display: none; }

@media screen and (max-width: 1024px) {
  .js #menu {
    display: none; }
  .js .slicknav_menu {
    display: block; } }

/* - - - Relevant to demo - - - */
.header-desktop.off-canvas {
  top: -123px; }

.header-desktop.fixed {
  top: 0;
  z-index: 9999;
  position: fixed;
  background: #e40683;
  height: 100px; }
  @media (max-width: 1024px) {
    .header-desktop.fixed {
      height: 80px; } }
  @media (max-width: 600px) {
    .header-desktop.fixed {
      height: 60px; } }

header {
  height: 100px;
  width: 100%; }
  @media (max-width: 1024px) {
    header {
      height: 80px; } }
  @media (max-width: 600px) {
    header {
      height: 60px; } }

#wpadminbar {
  bottom: 0;
  top: inherit; }

.search-appear {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transform-origin: 0 0 0;
  transition: transfrom 0.4s ease; }
  .search-appear .overlay {
    background: rgba(0, 0, 0, 0.8); }
  .search-appear .inner-content-wrapper {
    background-color: transparent;
    width: 910px;
    border-radius: 10px;
    top: 45px;
    position: absolute;
    height: auto; }
    @media (max-width: 600px) {
      .search-appear .inner-content-wrapper {
        width: 100%;
        top: 20px; } }
    .search-appear .inner-content-wrapper .form-label-wrapper {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      padding: 40px;
      box-sizing: border-box;
      align-items: center; }
      @media (max-width: 450px) {
        .search-appear .inner-content-wrapper .form-label-wrapper {
          padding: 20px; } }
      .search-appear .inner-content-wrapper .form-label-wrapper label {
        width: calc(100% - 100px); }
        @media (max-width: 1025px) {
          .search-appear .inner-content-wrapper .form-label-wrapper label {
            width: calc(100% - 68px); } }
        .search-appear .inner-content-wrapper .form-label-wrapper label input {
          color: #999;
          font-size: 16px;
          outline: 0;
          border-radius: 5px;
          height: 48px;
          border: 1px solid #e40026;
          padding: 20px;
          width: 100%;
          box-sizing: border-box; }
      .search-appear .inner-content-wrapper .form-label-wrapper .search-submit {
        background: #e40026;
        border-radius: 5px;
        height: 48px;
        width: 96px;
        border: 1px solid transparent;
        margin-left: 4px;
        font-weight: bold;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        color: #fff;
        outline: 0; }
        @media (max-width: 1025px) {
          .search-appear .inner-content-wrapper .form-label-wrapper .search-submit {
            width: 64px; } }
    .search-appear .inner-content-wrapper div#datafetch .all-search-item {
      width: 100%;
      background: #fff;
      border-radius: 6px;
      margin-top: 6px;
      padding: 20px;
      box-sizing: border-box;
      position: relative; }
      .search-appear .inner-content-wrapper div#datafetch .all-search-item h2 {
        padding: 20px;
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        font-family: "Public Sans", sans-serif;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(54, 54, 54, 0.2); }
        .search-appear .inner-content-wrapper div#datafetch .all-search-item h2 a {
          color: #363636;
          font-family: "Public Sans", sans-serif; }

.search-appear.active {
  transform: scale(1); }

.login-navigate {
  list-style: none;
  display: none; }
  @media (min-width: 1200px) {
    .login-navigate {
      display: block; } }
  .login-navigate a {
    text-decoration: none;
    display: inline-block;
    margin-right: 40px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 700; }

body .header-modal {
  opacity: 0;
  z-index: -1;
  position: fixed;
  display: flex;
  width: 100%;
  background-color: #fff;
  height: auto;
  z-index: 999999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0;
  overflow: auto; }
  @media (min-width: 1200px) {
    body .header-modal {
      width: 585px; }
      body .header-modal.wider-modal {
        width: 925px; } }
  body .header-modal.active {
    opacity: 1;
    height: 100%;
    z-index: 99999999999;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
    @media (min-width: 1200px) {
      body .header-modal.active {
        height: auto; } }
  body .header-modal .modal-close {
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer; }
  body .header-modal .modal-content {
    padding: 30px;
    width: 100%; }
    body .header-modal .modal-content h3 {
      text-align: center;
      font-weight: 500;
      font-size: 36px;
      line-height: 48px;
      color: #000000;
      padding-top: 15px;
      margin-bottom: 30px; }
    body .header-modal .modal-content .form-input input {
      background: #f5f5f5;
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      border-radius: 5px;
      width: 100%;
      height: 48px;
      margin-bottom: 15px;
      text-indent: 20px; }
    body .header-modal .modal-content .form-checkbox {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
      padding-bottom: 20px;
      margin-bottom: 10px; }
      body .header-modal .modal-content .form-checkbox .form-check {
        align-items: center;
        justify-content: center; }
        body .header-modal .modal-content .form-checkbox .form-check label {
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 0.02em;
          color: #363636; }
      body .header-modal .modal-content .form-checkbox .forgot-password a {
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #008643; }
    body .header-modal .modal-content input#flexCheckDefault {
      border: 1px solid red;
      width: 15px;
      position: relative;
      top: 2px; }
    body .header-modal .modal-content button {
      height: 48px;
      background: #e40026;
      border-radius: 5px;
      width: 100%;
      border: none;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      color: #fff;
      cursor: pointer; }
    body .header-modal .modal-content .bottom-text {
      text-align: center;
      padding-top: 24px;
      display: block;
      padding-bottom: 24px; }
      body .header-modal .modal-content .bottom-text a {
        font-weight: bold;
        color: #000000; }
    body .header-modal .modal-content .login {
      transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
      display: none; }
      body .header-modal .modal-content .login.open {
        display: block; }
    body .header-modal .modal-content .signup {
      display: none;
      transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
      body .header-modal .modal-content .signup.open {
        display: block; }
    body .header-modal .modal-content .resetpassword {
      display: none; }
      body .header-modal .modal-content .resetpassword.open {
        display: block; }
    body .header-modal .modal-content .pay-membership {
      transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
      display: none; }
      body .header-modal .modal-content .pay-membership.open {
        display: block; }
    body .header-modal .modal-content .group-col {
      display: flex;
      justify-content: space-between;
      column-gap: 15px;
      flex-direction: column; }
      @media (min-width: 1200px) {
        body .header-modal .modal-content .group-col {
          flex-direction: row; } }
    body .header-modal .modal-content .review-message {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
      display: none; }
      body .header-modal .modal-content .review-message.open {
        display: block; }
      body .header-modal .modal-content .review-message p {
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #000000; }
      body .header-modal .modal-content .review-message .ghost-btn a {
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        background: #e40026;
        border-radius: 5px;
        padding: 10px 45px; }
    body .header-modal .modal-content .loggedIn-message {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
      display: none; }
      body .header-modal .modal-content .loggedIn-message.open {
        display: block; }
      body .header-modal .modal-content .loggedIn-message p {
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #000000; }
      body .header-modal .modal-content .loggedIn-message .ghost-btn a {
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        background: #e40026;
        border-radius: 5px;
        padding: 10px 45px; }

.for-login-mobile {
  display: block; }
  @media (min-width: 1200px) {
    .for-login-mobile {
      display: none; } }

#wrapper-footer {
  padding: 52px 0 47px 0;
  background: #101E13; }
  #wrapper-footer .footer-bottom {
    display: flex;
    margin-bottom: 0px; }
    #wrapper-footer .footer-bottom .logo-content {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 38px; }
      @media (max-width: 500px) {
        #wrapper-footer .footer-bottom .logo-content {
          justify-content: flex-start; } }
      #wrapper-footer .footer-bottom .logo-content .logo {
        width: 148px;
        margin-right: 40px; }
        #wrapper-footer .footer-bottom .logo-content .logo a {
          width: 100%; }
          #wrapper-footer .footer-bottom .logo-content .logo a img {
            width: 100%;
            height: auto; }
    #wrapper-footer .footer-bottom .useful-links {
      margin-right: 160px; }
      @media (max-width: 1024px) {
        #wrapper-footer .footer-bottom .useful-links {
          margin-bottom: 30px; } }
      @media (max-width: 600px) {
        #wrapper-footer .footer-bottom .useful-links {
          margin-right: 0;
          width: 100%; } }
      #wrapper-footer .footer-bottom .useful-links .footer-title {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 40px;
        color: #fff; }
        @media (max-width: 600px) {
          #wrapper-footer .footer-bottom .useful-links .footer-title {
            margin-bottom: 30px; } }
      #wrapper-footer .footer-bottom .useful-links .links {
        display: flex;
        flex-wrap: wrap; }
        #wrapper-footer .footer-bottom .useful-links .links a {
          width: 50%;
          font-size: 16px;
          line-height: 24px;
          opacity: .6;
          margin-bottom: 20px;
          color: #fff; }
          #wrapper-footer .footer-bottom .useful-links .links a:last-child {
            margin-bottom: 0; }
          #wrapper-footer .footer-bottom .useful-links .links a:hover {
            opacity: 1; }
    #wrapper-footer .footer-bottom .social-menu {
      display: flex;
      padding-bottom: 0px;
      align-items: center; }
      #wrapper-footer .footer-bottom .social-menu .links {
        display: flex;
        align-items: center; }
        #wrapper-footer .footer-bottom .social-menu .links a {
          margin-right: 33px; }
          @media (max-width: 1024px) {
            #wrapper-footer .footer-bottom .social-menu .links a {
              margin-right: 16px; } }
          #wrapper-footer .footer-bottom .social-menu .links a:hover svg path {
            fill: #e40683; }
  #wrapper-footer .copyright ul#menu-footer-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 38px; }
    @media (max-width: 500px) {
      #wrapper-footer .copyright ul#menu-footer-menu {
        justify-content: flex-start;
        margin-bottom: 0; } }
    @media (max-width: 500px) {
      #wrapper-footer .copyright ul#menu-footer-menu li {
        width: calc(50% - 15px);
        padding-right: 15px;
        box-sizing: border-box;
        margin-bottom: 40px; } }
    #wrapper-footer .copyright ul#menu-footer-menu li a {
      font-weight: normal;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: #9AB6A0;
      display: inline-block;
      margin-right: 40px;
      font-family: "Public Sans", sans-serif; }
      #wrapper-footer .copyright ul#menu-footer-menu li a:hover {
        color: #fff; }
  #wrapper-footer .copyright .copyright-text {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #5D7462; }

.generic-banner .banner-image {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  top: 0; }
  .generic-banner .banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

#team-member .event-item .event-thumb img {
  width: 270px;
  height: 270px;
  margin: auto; }
  @media (min-width: 992px) {
    #team-member .event-item .event-thumb img {
      width: 240px;
      height: 240px;
      margin: auto; } }

.home-research
.research-list
.research-area
.research-item
.research-thumb
img {
  height: 242px; }

.cat-list {
  margin-bottom: 30px;
  display: flex;
  justify-content: center; }
  @media (min-width: 768px) {
    .cat-list {
      justify-content: flex-start; } }
  .cat-list ul {
    display: none;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .cat-list ul {
        display: block; } }
    .cat-list ul li {
      display: inline-block;
      text-transform: capitalize;
      padding: 15px;
      background-color: transparent;
      font-weight: 700;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: relative; }
      .cat-list ul li.active::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 5px;
        left: 0;
        background-color: #e40683; }
      .cat-list ul li a {
        color: #e40683; }
  .cat-list select.event-cat-for-mobile {
    font-family: 'DM Sans';
    font-weight: 500;
    width: 300px;
    height: 40px;
    border: none;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: right 20px bottom 17px;
    background-image: url("data:image/svg+xml, %3Csvg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0.101695 0.636364L0.616949 0.083004C0.752542 -0.027668 0.969491 -0.027668 1.07797 0.083004L5.98644 5.09091L10.922 0.083004C11.0305 -0.027668 11.2475 -0.027668 11.3831 0.083004L11.8983 0.636364C12.0339 0.774704 12.0339 0.96838 11.8983 1.10672L6.23051 6.917C6.09492 7.02767 5.90508 7.02767 5.76949 6.917L0.101695 1.10672C-0.0338983 0.96838 -0.0338983 0.774704 0.101695 0.636364Z\" fill=\"%23383E42\"/%3E%3C/svg%3E");
    font-size: 14px; }
    @media (max-width: 768px) {
      .cat-list select.event-cat-for-mobile {
        display: flex; } }

.tagged {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .tagged svg {
    margin-right: 10px; }
  .tagged span {
    font-size: 12px !important;
    color: #e40683 !important; }

.ghost-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px; }
  .ghost-btn a.view {
    transition: all 0.1s ease-in-out;
    border: 1px solid #e40026;
    color: #e40026;
    width: 161px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-weight: 700; }
    .ghost-btn a.view:hover {
      background-color: #e40026;
      transition: all 0.1s ease-in;
      color: #fff; }

.resources-partner .head {
  margin-bottom: 80px; }
  @media (max-width: 600px) {
    .resources-partner .head {
      margin-bottom: 22px; } }
  .resources-partner .head h2 {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #172d39;
    margin-bottom: 10px; }
    @media (max-width: 600px) {
      .resources-partner .head h2 {
        font-size: 36px;
        margin-bottom: 15px; } }
  .resources-partner .head p {
    font-family: Public Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #555555; }

.resources-partner .resources-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 600px) {
    .resources-partner .resources-wrap {
      flex-wrap: nowrap;
      flex-direction: column; } }
  .resources-partner .resources-wrap .item {
    width: 30%;
    align-items: center;
    margin-bottom: 30px; }
    @media (max-width: 600px) {
      .resources-partner .resources-wrap .item {
        width: 100%; } }
    .resources-partner .resources-wrap .item img {
      height: auto; }
    .resources-partner .resources-wrap .item h3 {
      font-size: 30px;
      line-height: 42px;
      letter-spacing: 0.02em;
      color: #000;
      font-family: 'Public Sans', sans-serif;
      text-align: center;
      margin-top: 15px;
      margin-bottom: 15px; }
    .resources-partner .resources-wrap .item p {
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      font-family: 'Public Sans', sans-serif;
      color: #555; }

.wp-block-column p {
  width: 100% !important; }

.wp-block-column img {
  width: auto !important; }

.partner-wrap {
  display: flex;
  align-items: center; }
  @media (max-width: 600px) {
    .partner-wrap {
      flex-direction: column;
      text-align: center; } }
  .partner-wrap .image {
    flex: 1; }
  .partner-wrap .content {
    flex: 1; }
    .partner-wrap .content h3 {
      font-family: Public Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 30px;
      line-height: 42px;
      letter-spacing: 0.02em;
      color: #000000;
      margin-bottom: 10px; }
    .partner-wrap .content p {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.02em;
      color: #555555; }

figure {
  width: auto !important; }

.event-wrap {
  display: flex;
  height: 100%; }
  @media (max-width: 600px) {
    .event-wrap {
      display: block; } }

.blocks-gallery-grid {
  padding-left: 0% !important;
  width: 100% !important; }

.event-page .event-list .event-area .event-item {
  display: inline-block !important; }

.map img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.woocommerce-account .breadcumb {
  margin-top: 0 !important; }

@media (min-width: 1200px) {
  .login-modal a {
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #fff;
    color: #e40683 !important; }
    .login-modal a:hover {
      color: #000 !important; } }

.my-account-header-nav {
  display: block; }
  @media (min-width: 1200px) {
    .my-account-header-nav {
      display: none; } }

.pay-membership .top-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column; }
  @media (min-width: 1200px) {
    .pay-membership .top-panel {
      flex-direction: row; } }
  .pay-membership .top-panel .left {
    width: 100%; }
    @media (min-width: 1200px) {
      .pay-membership .top-panel .left {
        width: 350px; } }
    .pay-membership .top-panel .left .image {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      flex-direction: column; }
      @media (min-width: 1200px) {
        .pay-membership .top-panel .left .image {
          flex-direction: row; } }
      .pay-membership .top-panel .left .image .thumb {
        flex: 100%; }
        @media (min-width: 1200px) {
          .pay-membership .top-panel .left .image .thumb {
            flex: 1; } }
      .pay-membership .top-panel .left .image .thumb-content {
        flex: 100%;
        text-align: center;
        margin-bottom: 30px; }
        @media (min-width: 1200px) {
          .pay-membership .top-panel .left .image .thumb-content {
            flex: 1;
            text-align: left; } }
        .pay-membership .top-panel .left .image .thumb-content h5 {
          font-size: 24px;
          line-height: 34px; }
        .pay-membership .top-panel .left .image .thumb-content span {
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 0.02em;
          color: #555555; }
  .pay-membership .top-panel .right {
    width: 100%;
    flex: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 100%; }
    @media (min-width: 1200px) {
      .pay-membership .top-panel .right {
        width: calc(100% - 350px);
        flex: 1;
        align-items: flex-end; } }
    .pay-membership .top-panel .right h4 {
      font-weight: 500;
      font-size: 36px;
      line-height: 48px;
      margin-bottom: 20px; }
    .pay-membership .top-panel .right input[type='submit'] {
      width: 220px;
      height: 48px;
      left: 2.5px;
      top: 72px;
      background: #e40026;
      border-radius: 5px;
      border: none;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      transition: all 0.25s ease-in-out; }
      .pay-membership .top-panel .right input[type='submit']:hover {
        background-color: #e40683;
        transition: all 0.25s ease-in; }

section.hero {
  padding-top: 0px; }

.main-slider {
  position: relative;
  width: 100%;
  margin-bottom: 0px !important; }
  .main-slider .slider-item {
    position: relative;
    width: 100%;
    outline: 0; }
    .main-slider .slider-item .slide-thumb {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 10px;
      outline: 0; }
      @media (max-width: 1366px) {
        .main-slider .slider-item .slide-thumb {
          background-size: contain; } }
      @media (max-width: 1024px) {
        .main-slider .slider-item .slide-thumb {
          background-size: cover; } }
    .main-slider .slider-item .slide-thumb.desktop {
      display: block;
      border-radius: 10px; }
    .main-slider .slider-item .slider-content {
      position: relative;
      width: 100%;
      padding-top: 30px;
      padding-right: 30px;
      flex-direction: column;
      height: 100%;
      left: 0;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      outline: 0;
      margin: auto; }
      @media (min-width: 992px) {
        .main-slider .slider-item .slider-content {
          padding-top: 100px;
          padding-bottom: 100px;
          padding-left: 60px;
          flex-direction: row; } }
      @media (min-width: 1400px) {
        .main-slider .slider-item .slider-content {
          width: 1140px;
          padding-left: 0px; } }
      .main-slider .slider-item .slider-content .content {
        width: 100%;
        padding-left: 30px;
        padding-bottom: 40px;
        background: transparent;
        box-sizing: border-box; }
        @media (min-width: 992px) {
          .main-slider .slider-item .slider-content .content {
            width: 40%;
            padding-left: 0px; } }
        @media (min-width: 1400px) {
          .main-slider .slider-item .slider-content .content {
            width: 470px; } }
        .main-slider .slider-item .slider-content .content h1 {
          font-weight: 500;
          font-size: 42px;
          line-height: 63px;
          color: #000000;
          margin-bottom: 15px; }
          @media (min-width: 1400px) {
            .main-slider .slider-item .slider-content .content h1 {
              font-size: 42px;
              line-height: 52px;
              margin-bottom: 10px; } }
        .main-slider .slider-item .slider-content .content p {
          width: 470px;
          font-weight: normal;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0.02em;
          font-family: "Public Sans", sans-serif;
          margin-bottom: 30px; }
          @media (max-width: 480px) {
            .main-slider .slider-item .slider-content .content p {
              width: 100%; } }
        .main-slider .slider-item .slider-content .content a {
          font-weight: bold;
          font-size: 14px;
          line-height: 24px;
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          background: #e40026;
          border-radius: 5px;
          width: 134px;
          height: 48px;
          display: inline-block;
          padding: 12px 20px;
          box-sizing: border-box; }
          .main-slider .slider-item .slider-content .content a:hover {
            color: #fff;
            background: #e40683; }
      .main-slider .slider-item .slider-content .image {
        width: 100%;
        position: relative; }
        @media (min-width: 992px) {
          .main-slider .slider-item .slider-content .image {
            width: 60%;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%; } }
        @media (min-width: 1400px) {
          .main-slider .slider-item .slider-content .image {
            width: 670px; } }
        .main-slider .slider-item .slider-content .image img {
          max-width: 100%;
          height: 100%;
          position: relative; }
          @media (min-width: 1400px) {
            .main-slider .slider-item .slider-content .image img {
              width: 670px; } }
  .main-slider button.slick-prev.slick-arrow {
    position: absolute;
    bottom: 16px;
    right: 128px;
    z-index: 999999;
    background: transparent;
    border: none;
    outline: 0;
    cursor: pointer; }
    @media (max-width: 600px) {
      .main-slider button.slick-prev.slick-arrow {
        display: none !important; } }
  .main-slider button.slick-next.slick-arrow {
    position: absolute;
    right: 78px;
    bottom: 16px;
    background: transparent;
    border: none;
    outline: 0;
    cursor: pointer; }
    @media (max-width: 600px) {
      .main-slider button.slick-next.slick-arrow {
        display: none !important; } }
  .main-slider ul.slick-dots {
    position: absolute;
    bottom: -13px;
    left: 50%;
    list-style: none;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 22px;
    height: 26px;
    min-width: 68px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .main-slider ul.slick-dots button {
      display: none; }
    .main-slider ul.slick-dots li {
      width: 8px;
      height: 8px;
      border-radius: 130px;
      background: #dfe2e4;
      float: left;
      margin-right: 7px; }
      .main-slider ul.slick-dots li:last-child {
        margin-right: 0; }
      .main-slider ul.slick-dots li:hover {
        opacity: 1; }
    .main-slider ul.slick-dots li.slick-active {
      background: #e40683;
      opacity: 1; }

.about {
  padding: 60px 0; }
  @media (min-width: 1400px) {
    .about {
      padding: 160px 0; } }
  .about .section-head {
    width: 100%;
    text-align: left;
    margin-bottom: 0; }
    .about .section-head h2 {
      margin-bottom: 15px;
      font-weight: 500;
      font-size: 40px;
      line-height: 52px;
      color: #172d39;
      text-align: left; }
  .about .about-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .about .about-area .about-content {
      width: 100%; }
      @media (min-width: 1200px) {
        .about .about-area .about-content {
          width: 400px;
          margin-right: 20px;
          margin-left: 78px; } }
      .about .about-area .about-content h4,
      .about .about-area .about-content h5,
      .about .about-area .about-content h6 {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px; }
      .about .about-area .about-content p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        font-family: "Public Sans", sans-serif;
        letter-spacing: 0.02em;
        margin-bottom: 40px; }
      .about .about-area .about-content a.read-more {
        overflow: hidden;
        text-align: center;
        border: 1px solid #e40026;
        box-sizing: border-box;
        border-radius: 5px;
        font-weight: 700;
        font-size: 16px;
        color: #e40026;
        width: 129px;
        height: 48px;
        line-height: 48px;
        display: inline-block; }
        .about .about-area .about-content a.read-more:hover {
          background-color: #e40026;
          color: #fff;
          box-shadow: 0 8px 34px #ffbcc7; }
          .about .about-area .about-content a.read-more:hover svg {
            fill: #fff; }
            .about .about-area .about-content a.read-more:hover svg path {
              fill: #fff; }
        .about .about-area .about-content a.read-more svg {
          margin-left: 12px; }
    .about .about-area .main-thumb-shape {
      position: absolute;
      top: -30px;
      width: 100%;
      left: -30px; }
      @media (min-width: 1200px) {
        .about .about-area .main-thumb-shape {
          position: absolute;
          top: -30px;
          width: 544px;
          height: 534px;
          left: -30px; } }
    .about .about-area .about-thumb {
      width: 100%;
      margin-bottom: 50px;
      position: relative; }
      @media (min-width: 1200px) {
        .about .about-area .about-thumb {
          width: 640px; } }
      .about .about-area .about-thumb .main-thumb {
        width: 100%;
        height: 474px;
        position: relative;
        z-index: 9;
        left: 0;
        bottom: 0;
        transition: all 0.4s;
        display: inline-block; }
        .about .about-area .about-thumb .main-thumb img {
          height: 100%;
          width: 100%;
          object-fit: cover;
          border-radius: 0 0 0 130px; }

@media (max-width: 991px) {
  .single-event-banner-image {
    margin-top: 60px; } }

.event {
  background: #f5f5f5;
  padding: 120px 0; }
  .event .event-schedule {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px; }
    @media (max-width: 991px) {
      .event .event-schedule {
        justify-content: center; } }
    .event .event-schedule .schedule-thumb {
      width: calc(574px - 30px);
      margin-right: 60px; }
      @media (max-width: 991px) {
        .event .event-schedule .schedule-thumb img {
          height: auto; } }
      @media (max-width: 600px) {
        .event .event-schedule .schedule-thumb {
          width: 100%;
          margin-right: 0; } }
    .event .event-schedule .content {
      width: 534px; }
      .event .event-schedule .content .event-schedule-wrapper {
        display: flex;
        flex-wrap: wrap; }
        .event .event-schedule .content .event-schedule-wrapper .countdown {
          margin: 0 0 10px 0 !important; }
          @media (max-width: 600px) {
            .event .event-schedule .content .event-schedule-wrapper .countdown {
              margin: 30px 0 20px 0 !important; } }
          .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner {
            position: relative;
            min-width: 90px !important; }
            @media (max-width: 600px) {
              .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner {
                min-width: 73px !important; } }
            .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner::after {
              content: ":";
              position: absolute;
              top: -3px;
              right: 15px;
              color: #0d904f !important;
              font-weight: 700;
              font-size: 33px !important;
              line-height: 43px;
              letter-spacing: 0.15em; }
              @media (max-width: 600px) {
                .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner::after {
                  right: 8px; } }
            .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner .time_left {
              font-weight: bold;
              font-size: 33px !important;
              line-height: 43px;
              font-family: "DM Sans", sans-serif !important;
              letter-spacing: 0.15em;
              color: #0d904f !important;
              background-color: transparent !important;
              padding: 0 !important;
              text-align: left !important; }
            .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner .time_description {
              font-weight: normal;
              font-size: 12px !important;
              line-height: 24px;
              letter-spacing: 0.02em;
              color: #555555 !important;
              text-align: left !important;
              font-family: "Public Sans", sans-serif !important; }
          .event .event-schedule .content .event-schedule-wrapper .countdown .element_conteiner:last-child::after {
            display: none; }
      .event .event-schedule .content h2 {
        font-weight: 500;
        font-size: 30px;
        line-height: 39px;
        color: #172d39;
        margin-bottom: 15px; }
      .event .event-schedule .content p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.02em;
        color: #555555;
        margin-bottom: 25px; }
      .event .event-schedule .content h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.02em;
        color: #172d39;
        margin-bottom: 30px;
        font-family: "Public Sans", sans-serif; }
      .event .event-schedule .content a {
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #e40026;
        border: 1px solid #e40026;
        box-sizing: border-box;
        border-radius: 5px;
        display: inline-block;
        height: 48px;
        line-height: 48px;
        width: 143px; }
        @media (max-width: 600px) {
          .event .event-schedule .content a {
            width: 100%; } }
        .event .event-schedule .content a:hover {
          background-color: #e40026;
          color: #fff; }
      @media (max-width: 600px) {
        .event .event-schedule .content {
          width: 100%;
          margin-right: 0; } }
  @media (max-width: 600px) {
    .event {
      padding: 60px 0; } }

.event-list .event-area {
  display: grid;
  grid-template: auto / 33.33% 33.33% 33.33%;
  grid-row-gap: 30px;
  margin-right: -30px; }
  @media (max-width: 1024px) {
    .event-list .event-area {
      grid-template: auto/50% 50%;
      margin-right: 0; } }
  @media (max-width: 990px) {
    .event-list .event-area {
      padding: 0; } }
  @media (max-width: 600px) {
    .event-list .event-area {
      display: inherit;
      padding: 0; } }
  .event-list .event-area .event-item {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    min-height: 460px; }
    @media (max-width: 600px) {
      .event-list .event-area .event-item {
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%; } }
    .event-list .event-area .event-item .event-thumb {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 20px;
      z-index: 2;
      width: 100%;
      box-sizing: border-box; }
      .event-list .event-area .event-item .event-thumb img {
        object-fit: cover;
        display: block;
        transition: all 0.4s ease;
        width: 100%;
        border-radius: 10px;
        box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
        height: 242px; }
        @media (max-width: 600px) {
          .event-list .event-area .event-item .event-thumb img {
            width: 100%; } }
    .event-list .event-area .event-item .content {
      width: 100%;
      position: relative;
      background: #fff;
      padding: 91px 20px 22px 20px;
      box-sizing: border-box;
      bottom: 0;
      z-index: 1;
      margin-top: 183px;
      min-height: 260px; }
      @media (max-width: 1024px) {
        .event-list .event-area .event-item .content {
          width: 100%; } }
      .event-list .event-area .event-item .content h4 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: #000000;
        margin-bottom: 2px; }
      .event-list .event-area .event-item .content p {
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.02em;
        color: #555555;
        margin-bottom: 20px; }
      .event-list .event-area .event-item .content span {
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        color: #e40026;
        display: flex;
        align-items: center; }
        .event-list .event-area .event-item .content span svg {
          margin-left: 7px; }

.event-list .view-more {
  overflow: hidden;
  display: table;
  text-align: center;
  margin: 60px auto 0;
  border: 1px solid #e40026;
  box-sizing: border-box;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  color: #e40026;
  width: 161px;
  height: 48px;
  line-height: 48px;
  cursor: pointer; }
  .event-list .view-more svg {
    position: relative;
    top: 5px; }
  .event-list .view-more:hover {
    background-color: #e40026;
    color: #fff;
    box-shadow: 0 8px 34px #e4002633; }
    .event-list .view-more:hover svg path {
      fill: #fff; }
  @media (max-width: 600px) {
    .event-list .view-more {
      margin: 50px auto 0;
      width: 100%; } }

body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support {
  background: #f5f5f5; }
  body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support .breadcumb {
    margin-bottom: 0; }
    @media (max-width: 1024px) {
      body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support .breadcumb {
        margin-top: 0; } }
  body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support .event {
    background: #f5f5f5;
    padding: 80px 0; }
    @media (max-width: 1024px) {
      body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support .event {
        padding: 30px 0 40px 0; } }
    body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support .event .event-schedule {
      margin-bottom: 0; }
  body.page-template.page-template-page-templates.page-template-event.page-template-page-templatesevent-php.page.page-id-2976.logged-in.admin-bar.wp-embed-responsive.customize-support section.event-wrapper-page {
    padding-bottom: 60px; }

@media (max-width: 1024px) {
  .breadcumb.single-event {
    margin-top: 0; } }

.more-event {
  background: #f5f5f5;
  padding: 100px 0; }
  @media (max-width: 600px) {
    .more-event {
      padding: 50px 0; } }
  .more-event .section-head-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px; }
    .more-event .section-head-area .section-head {
      width: 530px;
      margin: 0 0 0px 0;
      text-align: left; }
      @media (max-width: 600px) {
        .more-event .section-head-area .section-head {
          height: 100%; } }
      .more-event .section-head-area .section-head h2,
      .more-event .section-head-area .section-head p,
      .more-event .section-head-area .section-head h3 {
        text-align: left;
        color: #000; }
      .more-event .section-head-area .section-head h3 {
        font-family: "Public Sans", sans-serif;
        margin-bottom: 15px; }
      @media (max-width: 600px) {
        .more-event .section-head-area .section-head h2 {
          font-size: 36px;
          line-height: 46px; } }
      @media (max-width: 600px) {
        .more-event .section-head-area .section-head h3 {
          font-size: 24px;
          line-height: 34px; } }
      @media (max-width: 600px) {
        .more-event .section-head-area .section-head p {
          font-size: 16px;
          line-height: 24px; } }
    .more-event .section-head-area .view-all {
      display: inline-block;
      width: 160px;
      height: 48px;
      background: #e40026;
      border-radius: 5px;
      border: none;
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      text-transform: uppercase;
      text-align: center;
      line-height: 48px;
      color: #fff; }
      @media (max-width: 600px) {
        .more-event .section-head-area .view-all {
          display: none; } }
    @media (max-width: 600px) {
      .more-event .section-head-area {
        margin-bottom: 18px; } }

.single-event-banner-image .mobile img {
  height: auto; }

.single-event-banner-image img {
  width: 100%;
  height: 450px;
  object-fit: cover; }

@media (max-width: 600px) {
  .single-event-banner-image .desktop {
    display: none; } }

.single-event-banner-image .mobile {
  display: none; }
  @media (max-width: 600px) {
    .single-event-banner-image .mobile {
      display: block; } }

.single-event-content .container-fluid {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 769px) {
    .single-event-content .container-fluid {
      display: block; } }
  .single-event-content .container-fluid .left {
    width: 240px;
    margin-right: 79px; }
    .single-event-content .container-fluid .left .left-title {
      font-size: 20px;
      line-height: 30px;
      font-weight: 500;
      color: #000; }
    .single-event-content .container-fluid .left .time-date {
      margin-bottom: 30px; }
      .single-event-content .container-fluid .left .time-date p {
        line-height: 24px;
        color: #555555;
        font-size: 16px; }
    .single-event-content .container-fluid .left .left-location {
      margin-bottom: 30px; }
      .single-event-content .container-fluid .left .left-location p {
        line-height: 24px;
        color: #555555;
        font-size: 16px; }
  .single-event-content .container-fluid .inner-page-content {
    width: calc(100% - 397px); }
    @media (max-width: 769px) {
      .single-event-content .container-fluid .inner-page-content {
        width: 100%; } }
    .single-event-content .container-fluid .inner-page-content .date-title p {
      margin-bottom: 5px !important; }
    .single-event-content .container-fluid .inner-page-content .date-title h2 {
      margin-bottom: 30px !important; }
    .single-event-content .container-fluid .inner-page-content h1,
    .single-event-content .container-fluid .inner-page-content img,
    .single-event-content .container-fluid .inner-page-content strong,
    .single-event-content .container-fluid .inner-page-content p,
    .single-event-content .container-fluid .inner-page-content h2,
    .single-event-content .container-fluid .inner-page-content h3,
    .single-event-content .container-fluid .inner-page-content h4,
    .single-event-content .container-fluid .inner-page-content h5,
    .single-event-content .container-fluid .inner-page-content h6,
    .single-event-content .container-fluid .inner-page-content ul,
    .single-event-content .container-fluid .inner-page-content ol,
    .single-event-content .container-fluid .inner-page-content figcaption,
    .single-event-content .container-fluid .inner-page-content table,
    .single-event-content .container-fluid .inner-page-content .wp-block-image {
      width: 100%;
      margin: 0 auto !important; }
      @media (max-width: 1025px) {
        .single-event-content .container-fluid .inner-page-content h1,
        .single-event-content .container-fluid .inner-page-content img,
        .single-event-content .container-fluid .inner-page-content strong,
        .single-event-content .container-fluid .inner-page-content p,
        .single-event-content .container-fluid .inner-page-content h2,
        .single-event-content .container-fluid .inner-page-content h3,
        .single-event-content .container-fluid .inner-page-content h4,
        .single-event-content .container-fluid .inner-page-content h5,
        .single-event-content .container-fluid .inner-page-content h6,
        .single-event-content .container-fluid .inner-page-content ul,
        .single-event-content .container-fluid .inner-page-content ol,
        .single-event-content .container-fluid .inner-page-content figcaption,
        .single-event-content .container-fluid .inner-page-content table,
        .single-event-content .container-fluid .inner-page-content .wp-block-image {
          width: 100%;
          box-sizing: border-box; } }
      @media (max-width: 768px) {
        .single-event-content .container-fluid .inner-page-content h1,
        .single-event-content .container-fluid .inner-page-content img,
        .single-event-content .container-fluid .inner-page-content strong,
        .single-event-content .container-fluid .inner-page-content p,
        .single-event-content .container-fluid .inner-page-content h2,
        .single-event-content .container-fluid .inner-page-content h3,
        .single-event-content .container-fluid .inner-page-content h4,
        .single-event-content .container-fluid .inner-page-content h5,
        .single-event-content .container-fluid .inner-page-content h6,
        .single-event-content .container-fluid .inner-page-content ul,
        .single-event-content .container-fluid .inner-page-content ol,
        .single-event-content .container-fluid .inner-page-content figcaption,
        .single-event-content .container-fluid .inner-page-content table,
        .single-event-content .container-fluid .inner-page-content .wp-block-image {
          margin: 0 auto 40px auto; } }
    .single-event-content .container-fluid .inner-page-content img {
      border-radius: 5px;
      margin-bottom: 15px !important;
      height: auto;
      width: 100%;
      object-fit: cover; }
    .single-event-content .container-fluid .inner-page-content strong {
      margin-bottom: 15px !important;
      font-size: 20px;
      font-family: "Public Sans", sans-serif;
      line-height: 30px;
      letter-spacing: 0.02em;
      color: #363636; }
    .single-event-content .container-fluid .inner-page-content p {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: #555;
      margin-bottom: 30px !important; }
    .single-event-content .container-fluid .inner-page-content h1 {
      font-weight: 500;
      font-size: 48px;
      line-height: 63px;
      color: #000000;
      margin-bottom: 20px !important; }
    .single-event-content .container-fluid .inner-page-content h2 {
      font-weight: 500;
      font-size: 40px;
      line-height: 52px;
      color: #000000;
      margin-bottom: 15px !important; }
      @media (max-width: 600px) {
        .single-event-content .container-fluid .inner-page-content h2 {
          font-size: 36px;
          line-height: 42px; } }
    .single-event-content .container-fluid .inner-page-content h3 {
      margin-bottom: 15px !important;
      color: #171717;
      font-weight: 600;
      font-size: 32px;
      line-height: 50px; }
    .single-event-content .container-fluid .inner-page-content .all-image-show-gallery {
      position: fixed;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.8);
      top: 0;
      left: 0;
      z-index: 9999999999;
      visibility: hidden;
      opacity: 0; }
      .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .close-icon {
        position: absolute;
        right: 0;
        width: 30px;
        height: 30px;
        background: #dc3232;
        top: 0;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .close-icon svg {
          width: 20px;
          height: 20px; }
          .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .close-icon svg path {
            fill: #fff; }
      .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .photo-slider {
        height: 100%;
        display: flex;
        align-items: center; }
        .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .photo-slider .event-photo-item {
          outline: 0; }
          .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .photo-slider .event-photo-item img {
            width: auto !important;
            height: auto !important; }
      .single-event-content .container-fluid .inner-page-content .all-image-show-gallery .container {
        height: 100%; }
      .single-event-content .container-fluid .inner-page-content .all-image-show-gallery button.slick-prev.slick-arrow {
        position: fixed;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        outline: 0;
        cursor: pointer; }
      .single-event-content .container-fluid .inner-page-content .all-image-show-gallery button.slick-next.slick-arrow {
        position: fixed;
        right: 20px;
        z-index: 999999999;
        top: 50%;
        background: transparent;
        border: none;
        outline: 0;
        cursor: pointer; }
    .single-event-content .container-fluid .inner-page-content .all-image-show-gallery.active {
      visibility: visible;
      opacity: 1; }
    .single-event-content .container-fluid .inner-page-content .event-images-list {
      list-style: none;
      padding-left: 0;
      display: grid;
      grid-template: auto / 50% 50%;
      grid-column-gap: 15px;
      grid-row-gap: 15px;
      margin-right: 15px; }
      .single-event-content .container-fluid .inner-page-content .event-images-list .single-image.large {
        width: 100%;
        float: left;
        height: 402px;
        margin-right: 13px; }
        .single-event-content .container-fluid .inner-page-content .event-images-list .single-image.large img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .single-event-content .container-fluid .inner-page-content .event-images-list .image-holder-wrap {
        width: 100%; }
        .single-event-content .container-fluid .inner-page-content .event-images-list .image-holder-wrap .single-image {
          position: relative;
          height: 193px;
          margin-bottom: 15px; }
          .single-event-content .container-fluid .inner-page-content .event-images-list .image-holder-wrap .single-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            margin-bottom: 0 !important; }
          .single-event-content .container-fluid .inner-page-content .event-images-list .image-holder-wrap .single-image .more-image-gallery {
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            .single-event-content .container-fluid .inner-page-content .event-images-list .image-holder-wrap .single-image .more-image-gallery .overlay {
              background: rgba(0, 0, 0, 0.6);
              width: 100%;
              left: 0;
              height: 100%;
              border-radius: 5px; }
            .single-event-content .container-fluid .inner-page-content .event-images-list .image-holder-wrap .single-image .more-image-gallery a {
              position: absolute;
              width: 100%;
              left: 0;
              height: 100%;
              text-align: center;
              top: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              font-weight: 500;
              font-size: 40px;
              line-height: 52px;
              color: #fff; }
    .single-event-content .container-fluid .inner-page-content ul,
    .single-event-content .container-fluid .inner-page-content ol {
      padding-left: 20px; }
      .single-event-content .container-fluid .inner-page-content ul li,
      .single-event-content .container-fluid .inner-page-content ol li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
        color: #363636;
        font-family: "Public Sans", sans-serif; }
        .single-event-content .container-fluid .inner-page-content ul li::marker,
        .single-event-content .container-fluid .inner-page-content ol li::marker {
          color: #e40026; }
        .single-event-content .container-fluid .inner-page-content ul li strong,
        .single-event-content .container-fluid .inner-page-content ol li strong {
          font-size: 16px;
          line-height: 24px; }
    .single-event-content .container-fluid .inner-page-content figcaption {
      font-size: 12px;
      line-height: 18px;
      color: #71758c; }
    .single-event-content .container-fluid .inner-page-content h4 {
      font-size: 30px;
      line-height: 42px;
      letter-spacing: 0.02em;
      color: #000000;
      margin-bottom: 15px !important; }
    .single-event-content .container-fluid .inner-page-content table {
      width: 100%; }
      .single-event-content .container-fluid .inner-page-content table th {
        padding: 12px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: #171717; }
      .single-event-content .container-fluid .inner-page-content table td {
        padding: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #171717; }
    .single-event-content .container-fluid .inner-page-content table,
    .single-event-content .container-fluid .inner-page-content th,
    .single-event-content .container-fluid .inner-page-content td {
      border-bottom: 1px solid #171717;
      border-collapse: collapse;
      text-align: center; }
    .single-event-content .container-fluid .inner-page-content td {
      border-bottom: 1px solid rgba(55, 63, 65, 0.2);
      border-collapse: collapse; }
    .single-event-content .container-fluid .inner-page-content h5 {
      font-size: 22px;
      line-height: 36px;
      font-weight: 400;
      margin-top: 40px !important; }

.single-event-content .social-links {
  margin-bottom: 120px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px; }
  @media (max-width: 600px) {
    .single-event-content .social-links {
      margin-bottom: 60px; } }

.home-research {
  background: #0d904f;
  padding-top: 100px;
  display: inline-block;
  width: 100%;
  height: 660px;
  margin-bottom: 290px;
  box-sizing: border-box; }
  .home-research .section-head-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px; }
    .home-research .section-head-area .section-head {
      width: 530px;
      margin: 0 0 0px 0;
      text-align: left; }
      @media (max-width: 600px) {
        .home-research .section-head-area .section-head {
          height: 100%; } }
      .home-research .section-head-area .section-head h2,
      .home-research .section-head-area .section-head p,
      .home-research .section-head-area .section-head h3 {
        text-align: left;
        color: #fff; }
      .home-research .section-head-area .section-head h3 {
        font-family: "Public Sans", sans-serif;
        margin-bottom: 15px; }
      @media (max-width: 600px) {
        .home-research .section-head-area .section-head h2 {
          font-size: 36px;
          line-height: 46px; } }
      @media (max-width: 600px) {
        .home-research .section-head-area .section-head h3 {
          font-size: 24px;
          line-height: 34px; } }
      @media (max-width: 600px) {
        .home-research .section-head-area .section-head p {
          font-size: 16px;
          line-height: 24px; } }
    .home-research .section-head-area .view-all {
      display: inline-block;
      width: 160px;
      height: 48px;
      background: #e40026;
      border-radius: 5px;
      border: none;
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      text-transform: uppercase;
      text-align: center;
      line-height: 48px;
      color: #fff; }
      .home-research .section-head-area .view-all:hover {
        color: #fff;
        background: #e40683; }
      @media (max-width: 600px) {
        .home-research .section-head-area .view-all {
          display: none; } }
    @media (max-width: 600px) {
      .home-research .section-head-area {
        margin-bottom: 18px; } }
  .home-research .research-list .research-area {
    margin-bottom: -30px;
    display: grid;
    grid-template: auto / 50% 50%;
    grid-row-gap: 30px;
    margin-right: -30px; }
    @media (max-width: 1024px) {
      .home-research .research-list .research-area {
        grid-template: auto/50% 50%;
        margin-right: 0; } }
    @media (max-width: 990px) {
      .home-research .research-list .research-area {
        padding: 0; } }
    @media (max-width: 600px) {
      .home-research .research-list .research-area {
        display: inherit;
        padding: 0; } }
    .home-research .research-list .research-area .research-item {
      display: inline-block;
      margin-right: 30px;
      overflow: hidden;
      position: relative;
      min-height: 460px; }
      @media (max-width: 600px) {
        .home-research .research-list .research-area .research-item {
          margin-right: 0;
          margin-bottom: 30px;
          width: 100%; } }
      .home-research .research-list .research-area .research-item .research-thumb {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 20px;
        z-index: 2;
        height: 242px;
        width: 100%;
        box-sizing: border-box; }
        .home-research .research-list .research-area .research-item .research-thumb img {
          object-fit: cover;
          display: block;
          transition: all 0.4s ease;
          width: 100%;
          border-radius: 10px; }
          @media (max-width: 600px) {
            .home-research .research-list .research-area .research-item .research-thumb img {
              width: 100%; } }
      .home-research .research-list .research-area .research-item .content {
        width: 100%;
        position: relative;
        background: #fff;
        padding: 91px 20px 22px 20px;
        box-sizing: border-box;
        bottom: 0;
        z-index: 1;
        margin-top: 183px;
        min-height: 260px;
        border: 1px solid rgba(0, 0, 0, 0.1); }
        @media (max-width: 1024px) {
          .home-research .research-list .research-area .research-item .content {
            width: 100%; } }
        .home-research .research-list .research-area .research-item .content h4 {
          font-weight: 500;
          font-size: 20px;
          line-height: 30px;
          color: #000000;
          margin-bottom: 2px; }
        .home-research .research-list .research-area .research-item .content p {
          font-weight: normal;
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 0.02em;
          color: #555555;
          margin-bottom: 30px; }
        .home-research .research-list .research-area .research-item .content span {
          font-weight: bold;
          font-size: 14px;
          line-height: 18px;
          text-transform: uppercase;
          color: #e40026;
          display: flex;
          align-items: center; }
          .home-research .research-list .research-area .research-item .content span svg {
            margin-left: 7px; }
  .home-research .research-list .view-all.mobile {
    width: 100%;
    margin-top: 30px;
    height: 48px;
    background: #e40026;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: 48px;
    color: #fff;
    display: none; }
    @media (max-width: 600px) {
      .home-research .research-list .view-all.mobile {
        display: inline-block; } }
  @media (max-width: 600px) {
    .home-research {
      height: 100%;
      margin-bottom: 50px;
      padding: 50px 0; } }

section.home-research.library {
  height: auto;
  background: transparent;
  margin-bottom: 120px;
  padding-top: 0; }
  @media (max-width: 600px) {
    section.home-research.library {
      margin-bottom: 0; } }
  section.home-research.library .research-list .research-area .research-item {
    display: none; }
  section.home-research.library .view-more {
    overflow: hidden;
    display: table;
    text-align: center;
    margin: 60px auto 0;
    border: 1px solid #e40026;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #e40026;
    width: 161px;
    height: 48px;
    line-height: 48px;
    cursor: pointer; }
    @media (max-width: 600px) {
      section.home-research.library .view-more {
        width: 100%; } }
    section.home-research.library .view-more svg {
      position: relative;
      top: 5px; }
    section.home-research.library .view-more:hover {
      background-color: #e40026;
      color: #fff;
      box-shadow: 0 8px 34px #e4002633; }
      section.home-research.library .view-more:hover svg path {
        fill: #fff; }

body.page-template.page-template-page-templates.page-template-library.page-template-page-templateslibrary-php.page.page-id-2953.logged-in.admin-bar.wp-embed-responsive.customize-support {
  background: #e5e5e5; }

.research-banner .banner-image {
  margin-bottom: 60px;
  margin-top: 30px; }
  @media (max-width: 600px) {
    .research-banner .banner-image {
      margin-bottom: 30px; } }
  .research-banner .banner-image img {
    width: 100%;
    height: auto; }

.research-banner .banner-content p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #000000;
  opacity: 0.6;
  margin-bottom: 5px; }

.research-banner .banner-content h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 63px;
  color: #000000;
  margin-bottom: 30px; }
  @media (max-width: 600px) {
    .research-banner .banner-content h2 {
      font-size: 42px;
      line-height: 52px; } }

.home-research.single-research {
  padding-top: 100px;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 120px; }

.search-page-header {
  padding-top: 80px; }
  .search-page-header .page-title {
    font-size: 20px; }
    .search-page-header .page-title span {
      color: #e40683; }

section.search-list-wrapper {
  padding-bottom: 80px; }
  section.search-list-wrapper .search-content a {
    color: #000;
    font-size: 15px;
    padding: 10px 0;
    display: inherit; }

.generic-banner {
  height: 450px;
  width: 100%;
  position: relative; }
  @media (max-width: 600px) {
    .generic-banner {
      height: 540px; } }
  .generic-banner .banner-image.desktop {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0; }
    .generic-banner .banner-image.desktop img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
    @media (max-width: 600px) {
      .generic-banner .banner-image.desktop {
        display: none; } }
  .generic-banner .banner-image.mobile {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
    display: none; }
    .generic-banner .banner-image.mobile img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
    @media (max-width: 600px) {
      .generic-banner .banner-image.mobile {
        display: block; } }
  .generic-banner .overlay {
    background: rgba(0, 0, 0, 0.4); }
  .generic-banner .about-content {
    z-index: 99;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 450px; }
    @media (max-width: 600px) {
      .generic-banner .about-content {
        width: 100%;
        left: 0;
        padding: 20px;
        box-sizing: border-box; } }
    .generic-banner .about-content h2 {
      font-weight: 500;
      font-size: 48px;
      line-height: 63px;
      margin-bottom: 14px;
      color: #ffffff; }
      @media (max-width: 600px) {
        .generic-banner .about-content h2 {
          font-size: 42px;
          line-height: 52px; } }
      @media (max-width: 380px) {
        .generic-banner .about-content h2 {
          font-size: 36px;
          line-height: 40px; } }
    .generic-banner .about-content p {
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: #ffffff; }
      @media (max-width: 380px) {
        .generic-banner .about-content p {
          font-size: 15px;
          line-height: 22px; } }

.inner-page .inner-page-content h1,
.inner-page .inner-page-content img,
.inner-page .inner-page-content strong,
.inner-page .inner-page-content p,
.inner-page .inner-page-content h2,
.inner-page .inner-page-content h3,
.inner-page .inner-page-content h4,
.inner-page .inner-page-content h5,
.inner-page .inner-page-content h6,
.inner-page .inner-page-content ul,
.inner-page .inner-page-content ol,
.inner-page .inner-page-content figcaption,
.inner-page .inner-page-content table,
.inner-page .inner-page-content .wp-block-image {
  width: 770px;
  margin: 0 auto; }
  @media (max-width: 1025px) {
    .inner-page .inner-page-content h1,
    .inner-page .inner-page-content img,
    .inner-page .inner-page-content strong,
    .inner-page .inner-page-content p,
    .inner-page .inner-page-content h2,
    .inner-page .inner-page-content h3,
    .inner-page .inner-page-content h4,
    .inner-page .inner-page-content h5,
    .inner-page .inner-page-content h6,
    .inner-page .inner-page-content ul,
    .inner-page .inner-page-content ol,
    .inner-page .inner-page-content figcaption,
    .inner-page .inner-page-content table,
    .inner-page .inner-page-content .wp-block-image {
      width: 100%;
      box-sizing: border-box; } }
  @media (max-width: 768px) {
    .inner-page .inner-page-content h1,
    .inner-page .inner-page-content img,
    .inner-page .inner-page-content strong,
    .inner-page .inner-page-content p,
    .inner-page .inner-page-content h2,
    .inner-page .inner-page-content h3,
    .inner-page .inner-page-content h4,
    .inner-page .inner-page-content h5,
    .inner-page .inner-page-content h6,
    .inner-page .inner-page-content ul,
    .inner-page .inner-page-content ol,
    .inner-page .inner-page-content figcaption,
    .inner-page .inner-page-content table,
    .inner-page .inner-page-content .wp-block-image {
      margin: 0 auto 40px auto; } }

.inner-page .inner-page-content img {
  border-radius: 5px;
  margin-bottom: 15px !important;
  height: auto;
  width: 100%;
  object-fit: cover; }

.inner-page .inner-page-content strong {
  margin-bottom: 15px !important;
  font-size: 24px;
  font-family: "Public Sans", sans-serif;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #363636; }

.inner-page .inner-page-content p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #363636;
  margin-bottom: 30px !important; }

.inner-page .inner-page-content h1 {
  font-weight: 500;
  font-size: 48px;
  line-height: 63px;
  color: #000000;
  margin-bottom: 20px !important; }

.inner-page .inner-page-content h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 52px;
  color: #000000;
  margin-bottom: 15px !important; }
  @media (max-width: 600px) {
    .inner-page .inner-page-content h2 {
      font-size: 36px;
      line-height: 42px; } }

.inner-page .inner-page-content h3 {
  margin-bottom: 15px !important;
  color: #171717;
  font-weight: 600;
  font-size: 32px;
  line-height: 50px; }

.inner-page .inner-page-content ul,
.inner-page .inner-page-content ol {
  padding-left: 20px; }
  .inner-page .inner-page-content ul li,
  .inner-page .inner-page-content ol li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #363636;
    font-family: "Public Sans", sans-serif; }
    .inner-page .inner-page-content ul li::marker,
    .inner-page .inner-page-content ol li::marker {
      color: #e40026; }
    .inner-page .inner-page-content ul li strong,
    .inner-page .inner-page-content ol li strong {
      font-size: 16px;
      line-height: 24px; }

.inner-page .inner-page-content figcaption {
  font-size: 12px;
  line-height: 18px;
  color: #71758c; }

.inner-page .inner-page-content h4 {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 15px !important; }

.inner-page .inner-page-content table {
  width: 100%; }
  .inner-page .inner-page-content table th {
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #171717; }
  .inner-page .inner-page-content table td {
    padding: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #171717; }

.inner-page .inner-page-content table,
.inner-page .inner-page-content th,
.inner-page .inner-page-content td {
  border-bottom: 1px solid #171717;
  border-collapse: collapse;
  text-align: center; }

.inner-page .inner-page-content td {
  border-bottom: 1px solid rgba(55, 63, 65, 0.2);
  border-collapse: collapse; }

.inner-page .inner-page-content h5 {
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 40px !important; }

.partner {
  margin-bottom: 120px;
  display: inline-block;
  width: 100%; }
  .partner .partner-area .partner-item {
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    min-height: 460px; }
    @media (max-width: 600px) {
      .partner .partner-area .partner-item {
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%; } }
    .partner .partner-area .partner-item img {
      object-fit: cover;
      display: block;
      transition: all 0.4s ease;
      margin-bottom: 30px;
      border-radius: 5px;
      margin: 0 auto;
      transform: scale(0.8); }
      @media (max-width: 600px) {
        .partner .partner-area .partner-item img {
          width: 100%;
          height: auto; } }
    .partner .partner-area .partner-item h3 {
      font-size: 30px;
      line-height: 42px;
      letter-spacing: 0.02em;
      color: #000000;
      font-family: "Public Sans", sans-serif;
      text-align: center;
      margin-top: 15px;
      margin-bottom: 15px; }
      .partner .partner-area .partner-item h3 svg {
        top: -9px;
        position: relative; }
    .partner .partner-area .partner-item p {
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      font-family: "Public Sans", sans-serif;
      color: #555555; }
  @media (max-width: 600px) {
    .partner {
      margin-bottom: 50px; } }

.page-template-team {
  background: #f5f5f5; }

.event-list.team-member {
  padding-bottom: 120px; }
  @media (max-width: 600px) {
    .event-list.team-member {
      padding-bottom: 50px; } }
  .event-list.team-member .event-area {
    margin-bottom: -30px;
    display: grid;
    grid-template: auto/ 25% 25% 25% 25%;
    grid-row-gap: 30px;
    margin-right: -30px; }
    @media (max-width: 1024px) {
      .event-list.team-member .event-area {
        grid-template: auto/ 33.33% 33.33% 33.33%; } }
    @media (max-width: 769px) {
      .event-list.team-member .event-area {
        grid-template: auto/ 50% 50%;
        grid-row-gap: 0; } }
    @media (max-width: 600px) {
      .event-list.team-member .event-area {
        display: block;
        margin-right: 0; } }
    .event-list.team-member .event-area .event-item {
      min-height: auto;
      display: none; }
      @media (max-width: 768px) {
        .event-list.team-member .event-area .event-item {
          margin-bottom: 30px; } }
      .event-list.team-member .event-area .event-item .event-thumb {
        top: -10px;
        box-sizing: border-box;
        width: 100%; }
        @media (max-width: 600px) {
          .event-list.team-member .event-area .event-item .event-thumb {
            top: 25px;
            position: relative; } }
        .event-list.team-member .event-area .event-item .event-thumb img {
          width: 100%; }
      .event-list.team-member .event-area .event-item .content {
        padding: 60px 20px 26px 20px;
        min-height: auto;
        text-align: center; }
        @media (max-width: 600px) {
          .event-list.team-member .event-area .event-item .content {
            margin-top: 0px; } }
        .event-list.team-member .event-area .event-item .content p {
          color: #363636;
          margin-bottom: 26px; }
        .event-list.team-member .event-area .event-item .content ul.profile {
          list-style: none;
          padding-left: 0;
          margin-left: 0;
          display: flex;
          justify-content: center; }
          .event-list.team-member .event-area .event-item .content ul.profile li a {
            margin-right: 32px; }
          .event-list.team-member .event-area .event-item .content ul.profile li:last-child a {
            margin-right: 0; }
      @media (max-width: 600px) {
        .event-list.team-member .event-area .event-item {
          margin-bottom: 0; } }
  .event-list.team-member .view-more {
    margin: 90px auto 0;
    outline: 0; }
    @media (max-width: 600px) {
      .event-list.team-member .view-more {
        margin: 60px auto 0;
        width: 100%; } }

section.contact-promo {
  display: inline-block;
  width: 100%;
  padding-bottom: 130px; }
  @media (max-width: 600px) {
    section.contact-promo {
      padding-bottom: 60px; } }
  section.contact-promo .promo-area {
    margin-bottom: -30px;
    display: grid;
    grid-template: auto / 33.33% 33.33% 33.33%;
    grid-row-gap: 30px;
    margin-right: -30px; }
    @media (max-width: 1024px) {
      section.contact-promo .promo-area {
        grid-template: auto/50% 50%;
        margin-right: 0; } }
    @media (max-width: 990px) {
      section.contact-promo .promo-area {
        padding: 0; } }
    @media (max-width: 600px) {
      section.contact-promo .promo-area {
        display: inherit;
        padding: 0; } }
    section.contact-promo .promo-area .promo-item {
      display: inline-block;
      margin-right: 30px;
      overflow: hidden;
      position: relative;
      text-align: center; }
      @media (max-width: 600px) {
        section.contact-promo .promo-area .promo-item {
          margin-right: 0;
          margin-bottom: 30px;
          width: 100%; } }
      section.contact-promo .promo-area .promo-item img {
        object-fit: cover;
        display: block;
        transition: all .4s ease;
        margin: 0 auto 20px; }
      section.contact-promo .promo-area .promo-item h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        color: #000000;
        margin-bottom: 10px; }
      section.contact-promo .promo-area .promo-item p {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #555555; }

.map {
  position: relative;
  top: 0;
  right: 0;
  height: 655px;
  width: 617px;
  margin-right: 83px; }
  @media (max-width: 1024px) {
    .map {
      position: relative;
      width: 100%;
      height: 460px; } }
  @media (max-width: 600px) {
    .map {
      width: 100%; } }
  .map #map {
    height: 100%; }

.contact-area {
  display: flex; }
  @media (max-width: 600px) {
    .contact-area {
      display: inherit; } }
  .contact-area .form-horizontal, .contact-area form.wpcf7-form.init p, .contact-area .form-horizontal, .contact-area form.wpcf7-form p {
    width: 470px; }
    @media (max-width: 600px) {
      .contact-area .form-horizontal, .contact-area form.wpcf7-form.init p, .contact-area .form-horizontal, .contact-area form.wpcf7-form p {
        width: 100%; } }
    @media (max-width: 1024px) {
      .contact-area .form-horizontal, .contact-area form.wpcf7-form.init p, .contact-area .form-horizontal, .contact-area form.wpcf7-form p {
        justify-content: center; } }
    @media (max-width: 990px) {
      .contact-area .form-horizontal, .contact-area form.wpcf7-form.init p, .contact-area .form-horizontal, .contact-area form.wpcf7-form p {
        margin-right: 0; } }
    .contact-area .form-horizontal .wpcf7-form-control-wrap, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap, .contact-area .form-horizontal .wpcf7-form-control-wrap, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap {
      width: 445px;
      margin-right: 30px;
      margin-bottom: 30px;
      position: relative; }
      @media (max-width: 600px) {
        .contact-area .form-horizontal .wpcf7-form-control-wrap, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap, .contact-area .form-horizontal .wpcf7-form-control-wrap, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap {
          width: 100%; } }
      .contact-area .form-horizontal .wpcf7-form-control-wrap label, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap label, .contact-area .form-horizontal .wpcf7-form-control-wrap label, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap label {
        position: absolute;
        top: 50%;
        transform: translateY(-45%);
        left: 20px; }
      @media (max-width: 600px) {
        .contact-area .form-horizontal .wpcf7-form-control-wrap, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap, .contact-area .form-horizontal .wpcf7-form-control-wrap, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap {
          width: 100%;
          margin-right: 0;
          margin-bottom: 15px; } }
      .contact-area .form-horizontal .wpcf7-form-control-wrap input, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap input, .contact-area .form-horizontal .wpcf7-form-control-wrap input, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap input {
        width: 100%;
        padding: 0 15px 0 20px;
        box-sizing: border-box;
        background: #ffff;
        border-radius: 5px;
        border: none;
        outline: 0;
        color: #555555;
        font-size: 16px;
        line-height: 56px;
        font-family: "Public Sans",sans-serif;
        margin-bottom: 15px; }
        @media (max-width: 600px) {
          .contact-area .form-horizontal .wpcf7-form-control-wrap input, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap input, .contact-area .form-horizontal .wpcf7-form-control-wrap input, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap input {
            width: 100%; } }
      .contact-area .form-horizontal .wpcf7-form-control-wrap input[type=file], .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap input[type=file], .contact-area .form-horizontal .wpcf7-form-control-wrap input[type=file], .contact-area form.wpcf7-form p .wpcf7-form-control-wrap input[type=file] {
        display: none; }
      .contact-area .form-horizontal .wpcf7-form-control-wrap label, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap label, .contact-area .form-horizontal .wpcf7-form-control-wrap label, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap label {
        display: none; }
        .contact-area .form-horizontal .wpcf7-form-control-wrap label svg, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap label svg, .contact-area .form-horizontal .wpcf7-form-control-wrap label svg, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap label svg {
          margin-right: 10px; }
        .contact-area .form-horizontal .wpcf7-form-control-wrap label p, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap label p, .contact-area .form-horizontal .wpcf7-form-control-wrap label p, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap label p {
          font-size: 16px;
          line-height: 24px;
          color: #1A1C25;
          opacity: 0.6; }
      .contact-area .form-horizontal .wpcf7-form-control-wrap form.wpcf7-form.init label, .contact-area form.wpcf7-form.init p .wpcf7-form-control-wrap form.wpcf7-form.init label, .contact-area .form-horizontal .wpcf7-form-control-wrap form.wpcf7-form.init label, .contact-area form.wpcf7-form p .wpcf7-form-control-wrap form.wpcf7-form.init label {
        width: 100%; }
    .contact-area .form-horizontal span.wpcf7-form-control-wrap.your-message, .contact-area form.wpcf7-form.init p span.wpcf7-form-control-wrap.your-message, .contact-area .form-horizontal span.wpcf7-form-control-wrap.your-message, .contact-area form.wpcf7-form p span.wpcf7-form-control-wrap.your-message {
      width: 100%;
      margin-bottom: 0; }
      .contact-area .form-horizontal span.wpcf7-form-control-wrap.your-message textarea, .contact-area form.wpcf7-form.init p span.wpcf7-form-control-wrap.your-message textarea, .contact-area .form-horizontal span.wpcf7-form-control-wrap.your-message textarea, .contact-area form.wpcf7-form p span.wpcf7-form-control-wrap.your-message textarea {
        width: 100%;
        max-height: 120px;
        padding: 11px 20px 20px 20px;
        box-sizing: border-box;
        background: #fff;
        border-radius: 5px;
        border: none;
        outline: 0;
        color: #555555;
        font-size: 16px;
        line-height: 56px;
        margin-bottom: 30px;
        font-family: "Public Sans", sans-serif; }
      @media (max-width: 1024px) {
        .contact-area .form-horizontal span.wpcf7-form-control-wrap.your-message, .contact-area form.wpcf7-form.init p span.wpcf7-form-control-wrap.your-message, .contact-area .form-horizontal span.wpcf7-form-control-wrap.your-message, .contact-area form.wpcf7-form p span.wpcf7-form-control-wrap.your-message {
          width: 100%; } }
    .contact-area .form-horizontal input[type="submit"], .contact-area form.wpcf7-form.init p input[type="submit"], .contact-area .form-horizontal input[type="submit"], .contact-area form.wpcf7-form p input[type="submit"] {
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      font-family: "Public Sans", sans-serif;
      text-align: center;
      color: #E40026;
      width: 160px;
      height: 48px;
      background-color: transparent;
      line-height: 48px;
      border: 1px solid #E40026;
      outline: 0;
      border-radius: 5px;
      cursor: pointer;
      padding: 0 0 0 0px;
      box-sizing: border-box; }
      @media (max-width: 600px) {
        .contact-area .form-horizontal input[type="submit"], .contact-area form.wpcf7-form.init p input[type="submit"], .contact-area .form-horizontal input[type="submit"], .contact-area form.wpcf7-form p input[type="submit"] {
          width: 100%; } }
      .contact-area .form-horizontal input[type="submit"]:hover, .contact-area form.wpcf7-form.init p input[type="submit"]:hover, .contact-area .form-horizontal input[type="submit"]:hover, .contact-area form.wpcf7-form p input[type="submit"]:hover {
        background-color: #E40026;
        color: #fff; }

@media (max-width: 600px) {
  .contact-form .section-head {
    margin-top: 25px; } }

.contact-form .section-head h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 15px;
  color: #172D39;
  text-align: left; }

.contact-form .section-head p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #555555;
  text-align: left;
  margin-bottom: 32px; }

.location {
  background: #F5F5F5;
  padding: 80px 0; }
  @media (max-width: 600px) {
    .location {
      padding-bottom: 0; } }

.conference-banner .time-and-date {
  display: flex;
  flex-wrap: wrap;
  color: #fff; }
  .conference-banner .time-and-date .date,
  .conference-banner .time-and-date .time {
    display: flex;
    align-items: center;
    padding: 20px 20px 0 0; }
    .conference-banner .time-and-date .date svg,
    .conference-banner .time-and-date .time svg {
      margin-right: 10px; }

.conference-banner a.banner-add-to-cart {
  background: #e40026;
  border-radius: 5px;
  display: flex;
  width: 160px;
  height: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  margin-top: 55px; }

.countdown-section {
  padding: 35px;
  background-color: #f5f5f5; }
  .countdown-section .heading-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #363636;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .countdown-section .heading-text {
        margin: 0 50px 0 0; } }
  .countdown-section .event-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    @media (min-width: 992px) {
      .countdown-section .event-countdown {
        flex-direction: row; } }
    .countdown-section .event-countdown .count-timer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media (min-width: 992px) {
        .countdown-section .event-countdown .count-timer {
          justify-content: flex-start; } }
      .countdown-section .event-countdown .count-timer .part {
        display: flex;
        margin-right: 15px; }
        .countdown-section .event-countdown .count-timer .part h4 {
          font-weight: bold;
          font-size: 28px;
          line-height: 63px;
          color: #0d904f;
          margin-right: 10px; }
          @media (min-width: 992px) {
            .countdown-section .event-countdown .count-timer .part h4 {
              font-size: 48px; } }
        .countdown-section .event-countdown .count-timer .part .d-h-s {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          font-size: 14px;
          position: relative;
          top: -7px;
          margin-right: 10px;
          color: #363636; }
        .countdown-section .event-countdown .count-timer .part .divided-clone {
          font-weight: bold;
          font-size: 48px;
          line-height: 63px;
          color: #0d904f; }

.conference-about {
  padding: 60px 0px 60px; }
  @media (min-width: 992px) {
    .conference-about {
      padding: 120px 0px 120px; } }
  .conference-about .about-row {
    padding-top: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .conference-about .about-row {
        padding-top: 90px; } }
    .conference-about .about-row .about-item {
      flex-basis: 100%;
      margin-bottom: 15px; }
      @media (min-width: 992px) {
        .conference-about .about-row .about-item {
          flex-basis: 370px; } }
      .conference-about .about-row .about-item svg {
        text-align: center;
        width: 100%; }
      .conference-about .about-row .about-item img {
        margin: 0 auto;
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .conference-about .about-row .about-item h4 {
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
        text-align: center; }
      .conference-about .about-row .about-item p {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #000000; }

.speakers-section {
  background: #008643;
  padding: 50px 0 50px; }
  @media (min-width: 992px) {
    .speakers-section {
      padding: 100px 0 100px; } }
  .speakers-section .section-text {
    color: #fff; }
  .speakers-section .speakers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 60px; }
    @media (min-width: 992px) {
      .speakers-section .speakers {
        justify-content: space-between; } }
    .speakers-section .speakers .member {
      flex-basis: 270px;
      text-align: center;
      margin-bottom: 20px;
      cursor: pointer; }
      .speakers-section .speakers .member .thumb img {
        transition: 0.3s all ease; }
      .speakers-section .speakers .member:hover .thumb img {
        transform: scale(1.1); }
      .speakers-section .speakers .member .header-modal {
        box-shadow: 0px 0px 120px #000;
        /* Track */
        /* Handle */
        /* Handle on hover */ }
        .speakers-section .speakers .member .header-modal.active {
          max-height: 80vh; }
          .speakers-section .speakers .member .header-modal.active:hover .thumb img {
            transform: scale(1); }
        .speakers-section .speakers .member .header-modal p {
          color: #000000;
          text-align: left; }
        .speakers-section .speakers .member .header-modal h4 {
          color: #000000; }
        .speakers-section .speakers .member .header-modal::-webkit-scrollbar {
          width: 6px;
          border-radius: 4px; }
        .speakers-section .speakers .member .header-modal::-webkit-scrollbar-track {
          background: #f1f1f1; }
        .speakers-section .speakers .member .header-modal::-webkit-scrollbar-thumb {
          background: #008643;
          border-radius: 4px; }
        .speakers-section .speakers .member .header-modal::-webkit-scrollbar-thumb:hover {
          background: #028043; }
      .speakers-section .speakers .member h4 {
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #ffffff;
        margin-bottom: 5px; }
      .speakers-section .speakers .member p {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #ffffff;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 5px 0px; }

.sechedule-section {
  padding: 50px 0 50px; }
  @media (min-width: 992px) {
    .sechedule-section {
      padding: 100px 0 100px; } }
  .sechedule-section p.sub-heading {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.02em; }
  .sechedule-section .col-switch {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0; }
    .sechedule-section .col-switch li {
      font-size: 14px;
      font-weight: bold;
      padding: 12px 25px;
      border-bottom: 2px solid #ccc;
      cursor: pointer;
      transition: 0.3s all linear; }
      .sechedule-section .col-switch li:hover {
        border-color: rgba(228, 6, 132, 0.233); }
      .sechedule-section .col-switch li.active {
        border-color: #e40026; }
  .sechedule-section .sechedule-tab-panel {
    display: flex;
    list-style: none;
    justify-items: flex-start;
    justify-content: flex-start;
    margin-top: 35px; }
    @media (min-width: 992px) {
      .sechedule-section .sechedule-tab-panel {
        justify-items: center;
        justify-content: center; } }
    .sechedule-section .sechedule-tab-panel li a.active {
      width: 113px;
      height: 48px;
      background: #e40026;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px; }
    .sechedule-section .sechedule-tab-panel li a {
      width: 113px;
      height: 48px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #363636;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px; }
  .sechedule-section .tab-content .event-date-time {
    padding: 30px 0 30px;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #e40683; }
    @media (min-width: 992px) {
      .sechedule-section .tab-content .event-date-time {
        padding: 60px 0 60px; } }
  .sechedule-section .tab-content .tab-content-area {
    display: none; }
    .sechedule-section .tab-content .tab-content-area.active {
      display: block; }
    .sechedule-section .tab-content .tab-content-area .sechedule-content {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 30px;
      margin-bottom: 30px; }
      .sechedule-section .tab-content .tab-content-area .sechedule-content .part-1 {
        flex-basis: 100%; }
        @media (min-width: 992px) {
          .sechedule-section .tab-content .tab-content-area .sechedule-content .part-1 {
            flex-basis: 300px; } }
        .sechedule-section .tab-content .tab-content-area .sechedule-content .part-1 h4 {
          font-weight: 500;
          font-size: 24px;
          line-height: 34px;
          letter-spacing: 0.02em;
          color: #363636; }
      .sechedule-section .tab-content .tab-content-area .sechedule-content .part-2 {
        flex-basis: 100%; }
        @media (min-width: 992px) {
          .sechedule-section .tab-content .tab-content-area .sechedule-content .part-2 {
            flex-basis: calc(100% - 300px); } }
        .sechedule-section .tab-content .tab-content-area .sechedule-content .part-2 h3 {
          font-size: 30px;
          line-height: 42px;
          letter-spacing: 0.02em;
          color: #000000;
          margin-bottom: 10px;
          font-weight: 400; }
        .sechedule-section .tab-content .tab-content-area .sechedule-content .part-2 p {
          font-size: 14px;
          line-height: 24px;
          display: flex;
          align-items: center;
          color: #363636; }
  .sechedule-section .download-btn {
    background-color: #e40026;
    border-radius: 5px;
    width: 260px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5f5f5;
    margin: 40px auto 0; }

.accordion-conference {
  background-color: #f5f5f5;
  padding: 50px 0 50px; }
  @media (min-width: 992px) {
    .accordion-conference {
      padding: 100px 0 100px; } }
  .accordion-conference .bsbcs-accordion {
    margin: 60px 0 60px; }
    .accordion-conference .bsbcs-accordion .each-accordion-item {
      border-bottom: 1px solid #e7e7eb; }
      .accordion-conference .bsbcs-accordion .each-accordion-item .icons {
        margin-left: 15px; }
      .accordion-conference .bsbcs-accordion .each-accordion-item .minus-icon {
        display: none; }
      .accordion-conference .bsbcs-accordion .each-accordion-item .title-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        padding: 20px 0 20px; }
        .accordion-conference .bsbcs-accordion .each-accordion-item .title-wrapper .title {
          font-weight: 500;
          font-size: 24px;
          line-height: 34px;
          letter-spacing: 0.02em;
          color: #000000; }
      .accordion-conference .bsbcs-accordion .each-accordion-item .detail-wrapper {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 160%;
        letter-spacing: 0.02em;
        color: #022c3b;
        display: none; }
      .accordion-conference .bsbcs-accordion .each-accordion-item.active .title-wrapper .title {
        color: #e40026; }
      .accordion-conference .bsbcs-accordion .each-accordion-item.active .detail-wrapper {
        display: block; }
      .accordion-conference .bsbcs-accordion .each-accordion-item.active .minus-icon {
        display: block; }
      .accordion-conference .bsbcs-accordion .each-accordion-item.active .plus-icon {
        display: none; }

.partners-section {
  padding: 50px 0 25px; }
  @media (min-width: 992px) {
    .partners-section {
      padding: 100px 0 50px; } }
  .partners-section .partners-row {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media (min-width: 992px) {
      .partners-section .partners-row {
        justify-content: flex-start; } }
    .partners-section .partners-row .partner {
      flex-basis: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 25px;
      margin-right: 20px; }
      @media (min-width: 992px) {
        .partners-section .partners-row .partner {
          flex-basis: 200px; } }

.event-venue-section .venue-map {
  position: relative;
  height: 300px; }
  @media (min-width: 992px) {
    .event-venue-section .venue-map {
      height: 600px; } }

.event-venue-section .venue-location {
  background: #fff;
  display: none;
  border-radius: 10px;
  width: 443px;
  min-height: 434px;
  position: absolute;
  left: 40px;
  top: 50px;
  box-sizing: border-box;
  padding: 30px; }
  @media (min-width: 992px) {
    .event-venue-section .venue-location {
      display: block; } }
  .event-venue-section .venue-location h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 30px; }
  .event-venue-section .venue-location .address-row .item {
    margin-bottom: 40px;
    display: flex; }
    .event-venue-section .venue-location .address-row .item:last-child {
      margin-bottom: 0; }
    .event-venue-section .venue-location .address-row .item .thumb {
      margin-right: 15px; }
    .event-venue-section .venue-location .address-row .item h4 {
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      color: #000000;
      margin-bottom: 10px; }
    .event-venue-section .venue-location .address-row .item p {
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.02em;
      color: #555555; }

.buy-ticket-section {
  background: #008643;
  padding: 100px 0 100px;
  margin-top: 50px;
  color: #fff; }
  .buy-ticket-section .event-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px; }
    .buy-ticket-section .event-countdown .count-timer {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media (min-width: 992px) {
        .buy-ticket-section .event-countdown .count-timer {
          justify-content: flex-start; } }
      .buy-ticket-section .event-countdown .count-timer .part {
        display: flex;
        margin-right: 15px; }
        .buy-ticket-section .event-countdown .count-timer .part h4 {
          font-weight: bold;
          font-size: 48px;
          line-height: 63px;
          color: #ffffff;
          margin-right: 10px; }
        .buy-ticket-section .event-countdown .count-timer .part .d-h-s {
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          font-size: 14px;
          position: relative;
          top: -7px;
          margin-right: 10px;
          color: #ffffff; }
        .buy-ticket-section .event-countdown .count-timer .part .divided-clone {
          font-weight: bold;
          font-size: 48px;
          line-height: 63px;
          color: #ffffff; }
  .buy-ticket-section .ticket {
    background: #ffffff;
    box-sizing: border-box;
    padding: 56px;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 30px auto 0;
    position: relative; }
    @media (min-width: 992px) {
      .buy-ticket-section .ticket {
        width: 975px;
        margin: 60px auto 0; } }
    .buy-ticket-section .ticket .border {
      position: absolute;
      top: 0;
      left: 60%;
      height: 100%;
      -webkit-user-drag: none;
      -khtml-user-drag: none;
      -moz-user-drag: none;
      -o-user-drag: none;
      display: none; }
      @media (min-width: 992px) {
        .buy-ticket-section .ticket .border {
          display: block; } }
    .buy-ticket-section .ticket .part-1 {
      flex-basis: 100%; }
      @media (min-width: 992px) {
        .buy-ticket-section .ticket .part-1 {
          flex-basis: 70%; } }
      .buy-ticket-section .ticket .part-1 .content {
        width: 100%; }
        @media (min-width: 992px) {
          .buy-ticket-section .ticket .part-1 .content {
            width: 434px; } }
        .buy-ticket-section .ticket .part-1 .content h3 {
          color: #000000;
          font-weight: 500;
          font-size: 36px;
          line-height: 48px;
          margin-bottom: 15px; }
        .buy-ticket-section .ticket .part-1 .content p {
          font-weight: 500;
          font-size: 24px;
          line-height: 34px;
          letter-spacing: 0.02em;
          color: #363636;
          padding-bottom: 20px; }
          @media (min-width: 992px) {
            .buy-ticket-section .ticket .part-1 .content p {
              padding-bottom: 0; } }
    .buy-ticket-section .ticket .part-2 {
      flex-basis: 100%; }
      @media (min-width: 992px) {
        .buy-ticket-section .ticket .part-2 {
          flex-basis: 30%; } }
      .buy-ticket-section .ticket .part-2 h3 {
        color: #000000;
        font-weight: 500;
        font-size: 36px;
        line-height: 48px; }
      .buy-ticket-section .ticket .part-2 a.add-to-cart {
        background: #e40026;
        border-radius: 5px;
        margin: 24px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        font-weight: bold;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff; }
  .buy-ticket-section .info-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 30px; }
    @media (min-width: 992px) {
      .buy-ticket-section .info-row {
        width: 975px;
        margin: 0 auto;
        margin-top: 60px;
        flex-direction: row; } }
    .buy-ticket-section .info-row .info {
      flex-basis: 100%;
      margin-bottom: 20px;
      min-height: 100px;
      justify-content: center;
      display: flex;
      flex-direction: column; }
      @media (min-width: 992px) {
        .buy-ticket-section .info-row .info {
          flex-basis: 280px;
          margin-bottom: 0;
          border-right: 1px solid; } }
      .buy-ticket-section .info-row .info:last-child {
        border: none; }
      .buy-ticket-section .info-row .info h4 {
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 0.02em;
        color: #ffffff;
        margin-bottom: 10px; }
      .buy-ticket-section .info-row .info span {
        letter-spacing: 0.02em;
        color: #ffffff;
        font-size: 18px;
        line-height: 24px;
        opacity: 0.8; }

.section-text h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 52px;
  margin-bottom: 15px;
  text-align: center; }
  @media (min-width: 992px) {
    .section-text h2 {
      font-size: 40px; } }

.section-text p {
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.02em; }

.custom-header {
  background-color: #f5f5f5;
  padding-top: 38px;
  padding-bottom: 38px; }
  .custom-header .back-icon {
    position: relative; }
    .custom-header .back-icon svg {
      position: absolute;
      left: -40px;
      top: 5px; }
  .custom-header h4 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.02em;
    color: #000000; }
  .custom-header span {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.02em;
    opacity: 0.8;
    color: #363636; }

.woocommerce-cart {
  overflow: hidden; }
  .woocommerce-cart section.inner-page {
    background-color: #fafafa;
    height: 90vh; }
  .woocommerce-cart .bsbcs-cart {
    padding-top: 30px; }
    @media (min-width: 1200px) {
      .woocommerce-cart .bsbcs-cart {
        padding-top: 70px; } }
    .woocommerce-cart .bsbcs-cart .main {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .woocommerce-cart .bsbcs-cart .main .left-part {
        width: 100%; }
        @media (min-width: 1200px) {
          .woocommerce-cart .bsbcs-cart .main .left-part {
            width: 55%; } }
        .woocommerce-cart .bsbcs-cart .main .left-part .single-item {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 30px; }
          @media (min-width: 1200px) {
            .woocommerce-cart .bsbcs-cart .main .left-part .single-item {
              margin-bottom: 0px; } }
          .woocommerce-cart .bsbcs-cart .main .left-part .single-item .part-1 h4 {
            font-weight: 500;
            font-size: 24px;
            line-height: 34px;
            letter-spacing: 0.02em;
            color: #000000;
            margin: 0 0 12px 0 !important;
            width: auto; }
          .woocommerce-cart .bsbcs-cart .main .left-part .single-item .part-1 span {
            font-weight: 500;
            font-size: 20px;
            line-height: 30px;
            color: #000; }
          .woocommerce-cart .bsbcs-cart .main .left-part .single-item .part-2 {
            text-align: right; }
            .woocommerce-cart .bsbcs-cart .main .left-part .single-item .part-2 .qty {
              position: relative; }
              .woocommerce-cart .bsbcs-cart .main .left-part .single-item .part-2 .qty select {
                background: #ffffff;
                border: 1px solid rgba(0, 0, 0, 0.1);
                box-sizing: border-box;
                border-radius: 5px;
                height: 48px;
                width: 105px;
                border-radius: 5px;
                -webkit-appearance: none;
                -moz-appearance: none;
                text-overflow: "";
                padding: 10px;
                text-indent: 15px;
                font-size: 14px;
                line-height: 24px; }
              .woocommerce-cart .bsbcs-cart .main .left-part .single-item .part-2 .qty::after {
                content: "";
                position: absolute;
                background-image: url("data:image/svg+xml, %3Csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.0774 6.07739L17.2559 7.2559L10 14.5118L2.74408 7.2559L3.92259 6.07739L10 12.1548L16.0774 6.07739Z\" fill=\"black\"/%3E%3C/svg%3E");
                width: 20px;
                height: 20px;
                right: 15px;
                top: 15px; }
      .woocommerce-cart .bsbcs-cart .main .right-part {
        width: 100%; }
        @media (min-width: 1200px) {
          .woocommerce-cart .bsbcs-cart .main .right-part {
            width: 40%; } }
        .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap {
          background: #ffffff;
          margin-bottom: 20px; }
          .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .cart-details {
            padding-top: 24px;
            margin: 0 24px 16px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .cart-details .cart-item {
              display: flex;
              justify-content: space-between;
              padding-bottom: 16px; }
              .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .cart-details .cart-item .left span {
                font-size: 16px;
                line-height: 26px;
                letter-spacing: 0.02em;
                color: #363636; }
              .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .cart-details .cart-item .right span {
                font-weight: 600;
                font-size: 16px;
                line-height: 26px;
                letter-spacing: 0.02em;
                color: #000000; }
          .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .total {
            display: flex;
            justify-content: space-between;
            padding: 0 24px 37px; }
            .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .total .left span {
              font-weight: 500;
              font-size: 20px;
              line-height: 30px;
              color: #363636; }
            .woocommerce-cart .bsbcs-cart .main .right-part .bg-wrap .total .right span {
              font-weight: 500;
              font-size: 20px;
              line-height: 30px;
              color: #000000; }
        .woocommerce-cart .bsbcs-cart .main .right-part button {
          height: 55px;
          width: 100%;
          font-weight: bold;
          font-size: 14px;
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          background: #e40026;
          border-radius: 5px;
          border: none;
          cursor: pointer; }

a.button.wc-forward {
  display: none; }

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

.woocommerce-my-account-content {
  margin-bottom: 50px; }
  .woocommerce-my-account-content .content-wrapper {
    display: flex;
    flex-direction: column;
    column-gap: 30px; }
    @media (min-width: 1200px) {
      .woocommerce-my-account-content .content-wrapper {
        flex-direction: row; } }
    .woocommerce-my-account-content .content-wrapper .left {
      width: 100%; }
      @media (min-width: 1200px) {
        .woocommerce-my-account-content .content-wrapper .left {
          width: 285px; } }
      .woocommerce-my-account-content .content-wrapper .left .my-account-nav {
        background-color: #fff;
        margin-bottom: 50px;
        padding: 15px; }
        .woocommerce-my-account-content .content-wrapper .left .my-account-nav .thumb {
          display: flex;
          align-content: center; }
          .woocommerce-my-account-content .content-wrapper .left .my-account-nav .thumb img {
            width: 135px;
            height: 135px;
            object-fit: cover;
            border-radius: 100%; }
        .woocommerce-my-account-content .content-wrapper .left .my-account-nav .menu ul {
          list-style: none;
          margin: 30px 0 30px 0 !important;
          padding: 0;
          display: block;
          width: 100%; }
          .woocommerce-my-account-content .content-wrapper .left .my-account-nav .menu ul li a {
            font-size: 16px;
            line-height: 26px;
            color: #000000;
            position: relative; }
            .woocommerce-my-account-content .content-wrapper .left .my-account-nav .menu ul li a.active {
              font-weight: 600; }
            .woocommerce-my-account-content .content-wrapper .left .my-account-nav .menu ul li a svg {
              position: absolute; }
            .woocommerce-my-account-content .content-wrapper .left .my-account-nav .menu ul li a span {
              margin-left: 35px; }
    .woocommerce-my-account-content .content-wrapper .right {
      width: 100%; }
      @media (min-width: 1200px) {
        .woocommerce-my-account-content .content-wrapper .right {
          width: calc(100% - 285px); } }
      .woocommerce-my-account-content .content-wrapper .right .basic-info {
        background-color: #fff;
        padding: 20px !important; }
        .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel {
          display: flex;
          justify-content: space-between;
          align-content: center;
          position: relative; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel h2 {
            font-weight: 500;
            font-size: 24px;
            letter-spacing: 0.02em;
            margin: 0 !important;
            width: auto; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel a.action-btn {
            display: none;
            width: 180px;
            height: 48px;
            border: 1px solid #e40026;
            box-sizing: border-box;
            border-radius: 5px;
            text-align: center;
            text-transform: uppercase;
            color: #e40026;
            font-weight: bold;
            font-size: 14px;
            line-height: 24px;
            justify-content: center;
            align-items: center;
            transition: all 0.25s ease-in-out; }
            @media (min-width: 1200px) {
              .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel a.action-btn {
                display: flex; } }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel a.action-btn:hover {
              background-color: #e40026;
              color: #fff;
              transition: all 0.25s ease-in; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel a.action-btn.subscription-btn {
              width: auto;
              height: auto;
              padding: 10px 20px;
              color: #363636a3;
              background: #f5f5f5;
              border: 1px solid rgba(0, 0, 0, 0.1); }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .header-panel::after {
            content: '';
            background-color: #0000001f;
            height: 1px;
            width: 100%;
            position: absolute;
            z-index: 9;
            bottom: -10px; }
        .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel {
          margin-top: 40px; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .each-details-wrap {
            width: 100%; }
            @media (min-width: 1200px) {
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .each-details-wrap {
                width: 500px; } }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .each-details-wrap .each-details {
              display: flex;
              justify-content: space-between;
              margin-bottom: 20px; }
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .each-details-wrap .each-details:last-child {
                margin-bottom: 0; }
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .each-details-wrap .each-details span:nth-child(1) {
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 0.02em;
                color: #363636;
                width: 100%; }
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .each-details-wrap .each-details span:nth-child(2) {
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 0.02em;
                color: #000000;
                width: 100%; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel form {
            width: 100%; }
            @media (min-width: 1200px) {
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel form {
                width: 500px; } }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel form .form-group input {
              border-radius: 5px;
              width: 100%;
              background: #f5f5f5;
              border: 1px solid rgba(0, 0, 0, 0.1);
              height: 48px;
              margin-bottom: 20px;
              font-size: 14px;
              line-height: 24px;
              color: #000000;
              opacity: 0.82;
              text-indent: 20px; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel form #form-submit {
              border: none;
              cursor: pointer;
              background: #e40026;
              border-radius: 5px;
              width: 100%;
              height: 48px;
              display: flex;
              text-align: center;
              font-weight: bold;
              font-size: 14px;
              text-transform: uppercase;
              align-items: center;
              justify-content: center;
              color: #fff; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .billing_nav {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding-left: 0 !important;
            margin: 0 !important;
            padding-bottom: 35px; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .billing_nav a {
              padding: 35px 35px 20px 35px;
              font-size: 14px;
              line-height: 24px;
              color: #363636;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1);
              text-transform: uppercase;
              font-weight: 500;
              transition: all 0.25s ease-in-out; }
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .billing_nav a.active {
                transition: all 0.25s ease-in;
                font-weight: bold;
                font-size: 14px;
                line-height: 24px;
                color: #e40026;
                border-bottom: 2px solid #e40026; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .trans-table {
            display: none;
            overflow-x: scroll; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .trans-table tr th {
              font-weight: bold !important;
              font-size: 14px !important;
              line-height: 18px !important; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .trans-table tr td {
              font-size: 14px;
              line-height: 24px; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .trans-table.active {
              display: block; }
            @media (min-width: 1200px) {
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .trans-table {
                overflow: auto; } }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper {
            background: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.1);
            box-sizing: border-box;
            box-shadow: 0px 8px 24px #2c426b2e;
            padding: 30px; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content {
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              justify-content: space-between;
              flex-direction: column; }
              @media (min-width: 1200px) {
                .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content {
                  flex-direction: row; } }
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left {
                flex: 100%; }
                @media (min-width: 1200px) {
                  .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left {
                    flex: 1; } }
                .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left .image {
                  display: flex;
                  align-items: center;
                  flex-direction: column;
                  margin-bottom: 30px; }
                  @media (min-width: 1200px) {
                    .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left .image {
                      flex-direction: row; } }
                  .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left .image .thumb-content {
                    padding-left: 0px;
                    text-align: center; }
                    @media (min-width: 1200px) {
                      .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left .image .thumb-content {
                        padding-left: 30px;
                        text-align: left; } }
                    .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left .image .thumb-content h5 {
                      font-weight: 600;
                      font-size: 16px;
                      line-height: 26px;
                      width: auto;
                      margin-bottom: 5px;
                      margin-top: 0 !important; }
                    .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .left .image .thumb-content span {
                      font-size: 14px;
                      line-height: 24px;
                      color: #555555;
                      letter-spacing: 0.02em; }
              .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .right {
                flex: 100%; }
                @media (min-width: 1200px) {
                  .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .right {
                    flex: 1; } }
                .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .right form {
                  width: auto;
                  display: flex;
                  justify-content: flex-end; }
                  .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .right form button {
                    width: 220px;
                    height: 48px;
                    background: #e40026;
                    border-radius: 5px;
                    border: none;
                    font-weight: bold;
                    font-size: 14px;
                    line-height: 24px;
                    text-align: center;
                    text-transform: uppercase;
                    color: #fff;
                    cursor: pointer;
                    transition: all 0.25s ease-in-out; }
                    .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel .subscription-renew-wrapper .top-content .right form button:hover {
                      background: #e40683;
                      transition: all 0.25s ease-in; }
          .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel #pdf-form {
            width: auto !important; }
            .woocommerce-my-account-content .content-wrapper .right .basic-info .content-panel #pdf-form input[type='submit'] {
              width: 140px;
              height: 40px;
              text-transform: uppercase;
              font-weight: 700;
              border: none;
              background-color: #e40026;
              color: #fff;
              border-radius: 5px;
              cursor: pointer; }