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

body {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Open Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif
}

.marginzero {
  margin: 0!important;
}

.big-percent {
  font-size: clamp(80px, 12vw, 1050px)!important;
}

.big-title {
  font-size: clamp(24px, 3vw, 160px)!important;
}
.big-attribution {
  font-size: clamp(16px, 2.3vw, 100px)!important;
}

.gpd-container {
  width: 90%;
  padding: 25px 0;
  margin: 0 auto;
  max-width: 1200px
}

.gpd-section {
  display: flex;
  padding: 50px 0
}

.gpd-image-block {
  height: 200px;
  background-color: #ccc;
  width: auto
}

.gpd-icon {
  vertical-align: middle;
  fill: currentColor;
  width: 64px;
  height: 64px
}

.gpd-icon,.gpd-link,.gpd-link-box,.gpd-text {
  display: inline-block;
  text-decoration: none;
  color: inherit
}

.gpd-link,.gpd-link-box,.gpd-text {
  vertical-align: top;
  padding: 10px;
  max-width: 100%
}

.gpd-link-box {
  padding: 5px
}

.gpd-link {
  color: #d983a6
}

img {
  max-width: 100%;
  vertical-align: middle
}

h1 {
  font-size: 2rem
}

b,i,img,label,small,span,u {
  display: inline-block
}

.container {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto
}

.card {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  padding: 15px;
  margin-bottom: 15px
}

.form-group,.form-group-gut {
  min-height: 10px;
  padding-bottom: 7px
}

.form-group-gut {
  padding-right: 10px
}

@media (max-width: 768px) {
  .form-group-gut {
      padding-right:0
  }
}

.button,.button-full,.input,.input-padding,.label-group,.select,.textarea {
  padding: 7px 10px
}

.button,.button-full,.form,.input,.input-radius,.label-group,.select,.textarea {
  border-radius: 3px
}

.input,.input-border,.select,.textarea {
  border: 1px solid rgba(0,0,0,.15)
}

.svg-link {
  display: inline-block
}

.link {
  color: #dc659b
}

.link,.link-svg {
  text-decoration: none
}

.link-svg {
  padding: 5px;
  display: inline-block;
  color: inherit;
  opacity: .7;
  transition: color .25s;
  height: 28px;
  width: 28px;
  margin: 0 7.5px
}

.link-svg:hover {
  color: #dc659b;
  opacity: 1
}

.input,.select,.textarea {
  height: 36px;
  background-color: #fff;
  width: 100%;
  color: #555;
  display: block;
  font-size: 14px
}

.input-group {
  height: 36px;
  display: table;
  border-collapse: separate
}

.input-group .button,.input-group .button-full,.input-group .input,.input-group .select,.input-group .textarea {
  display: table-cell;
  vertical-align: middle
}

.textarea {
  height: auto
}

.label-group {
  border: 1px solid rgba(0,0,0,.15);
  background-color: rgba(0,0,0,.05)
}

.form {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  padding: 20px
}

.label {
  display: inline-block;
  padding: 5px 0
}

.label-checkbox {
  vertical-align: middle;
  line-height: 2rem
}

.checkbox,.checkbox-label,.radio,.radio-label {
  margin-right: 10px
}

.button,.button-full {
  display: inline-block;
  background-color: #dc659b;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all .2s
}

.button-full {
  width: 100%
}

.input-group {
  min-height: 10px;
  display: flex
}

.input-group :not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group :first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group :last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group .input-group-addon,.input-group .input-group-btn {
  flex: 1 0 auto
}

.state,.state-error,.state-success {
  color: #fff;
  padding: 10px;
  text-align: center;
  border-radius: 3px
}

.state-success {
  display: none;
  background-color: #4ba74b
}

.state-error {
  display: none;
  background-color: #de5454
}

.nav-items {
  display: inline-block;
  float: right
}

.navbar {
  background-color: #222;
  color: #ddd;
  min-height: 50px;
  width: 100%
}

.navbar-container {
  max-width: 950px;
  margin: 0 auto;
  width: 95%
}

.navbar-container:after {
  content: "";
  clear: both;
  display: block
}

.navbar-brand {
  vertical-align: top;
  display: inline-block;
  padding: 5px;
  min-height: 50px;
  min-width: 50px;
  color: inherit;
  text-decoration: none
}

.navbar-items {
  padding: 10px 0;
  display: block;
  float: right;
  margin: 0
}

.navbar-item {
  margin: 0;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  padding: 10px 15px
}

.burger {
  margin: 10px 0;
  width: 45px;
  padding: 5px 10px;
  display: none;
  float: right;
  cursor: pointer
}

.burger-line {
  padding: 1px;
  background-color: #fff;
  margin: 5px 0
}

.quote {
  line-height: 1.5rem
}

.footer-copyright {
  text-align: center;
  padding-top: 20px;
  opacity: .7
}

.footer-link,.footer-link-svg,.header-link,.header-link-svg {
  padding: 7px 5px;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  opacity: .7;
  transition: color .25s
}

.footer-link-svg,.header-link-svg {
  height: 28px;
  width: 28px;
  margin: 0 15px 0 0
}

.footer-link-svg:hover,.footer-link:hover,.header-link-svg:hover,.header-link:hover {
  color: #dc659b;
  opacity: 1
}

.footer-details {
  padding: 5px;
  line-height: 1.5rem
}

.footer-socials {
  padding: 10px 0
}

.footer-form {
  padding-top: 10px
}

.header-link-svg {
  margin: 0 5px
}

.header-socials {
  margin-left: 25px;
  display: inline-block;
  vertical-align: middle
}

.gdp-row,.row {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  padding: 10px;
  min-height: 75px;
  flex-direction: row
}

@media (max-width: 768px) {
  .gdp-row,.row {
      flex-wrap:wrap
  }
}

.cell,.cell-gut,.gdp-cell,.gdp-cell-gut {
  flex-grow: 1;
  flex-basis: 100%;
  padding: 5px
}

.cell-gut,.gdp-cell-gut {
  padding-right: 15px
}

@media (max-width: 768px) {
  .cell-gut,.gdp-cell-gut {
      padding-right:0
  }
}

@media (max-width: 768px) {
  .burger {
      display:block
  }

  .nav-items {
      display: none;
      width: 100%
  }

  .navbar-items {
      width: 100%
  }

  .navbar-item {
      display: block
  }
}

[data-anim-type] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}

@-webkit-keyframes bounce {
  0%,20%,53%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      transform: translateZ(0)
  }

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

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

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

@keyframes bounce {
  0%,20%,53%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      transform: translateZ(0)
  }

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

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

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

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

  25%,75% {
      opacity: 0
  }
}

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

  25%,75% {
      opacity: 0
  }
}

@-webkit-keyframes pulse {
  0% {
      transform: scaleX(1)
  }

  50% {
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
      transform: scaleX(1)
  }

  50% {
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      transform: scaleX(1)
  }
}

@-webkit-keyframes shake {
  0%,to {
      transform: translateZ(0)
  }

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

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

@keyframes shake {
  0%,to {
      transform: translateZ(0)
  }

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

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

@-webkit-keyframes tada {
  0% {
      transform: scaleX(1)
  }

  10%,20% {
      transform: scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80% {
      transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to {
      transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
      transform: scaleX(1)
  }

  10%,20% {
      transform: scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80% {
      transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to {
      transform: scaleX(1)
  }
}

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

  14% {
      transform: scale(1.3)
  }

  28% {
      transform: scale(1)
  }

  42% {
      transform: scale(1.3)
  }

  70% {
      transform: scale(1)
  }
}

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

  14% {
      transform: scale(1.3)
  }

  28% {
      transform: scale(1)
  }

  42% {
      transform: scale(1.3)
  }

  70% {
      transform: scale(1)
  }
}

@-webkit-keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      transform: scaleX(1)
  }
}

@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      transform: scaleX(1)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,25px,0)
  }

  75% {
      transform: translate3d(0,-10px,0)
  }

  90% {
      transform: translate3d(0,5px,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,25px,0)
  }

  75% {
      transform: translate3d(0,-10px,0)
  }

  90% {
      transform: translate3d(0,5px,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px,0,0)
  }

  75% {
      transform: translate3d(-10px,0,0)
  }

  90% {
      transform: translate3d(5px,0,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px,0,0)
  }

  75% {
      transform: translate3d(-10px,0,0)
  }

  90% {
      transform: translate3d(5px,0,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px,0,0)
  }

  75% {
      transform: translate3d(10px,0,0)
  }

  90% {
      transform: translate3d(-5px,0,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px,0,0)
  }

  75% {
      transform: translate3d(10px,0,0)
  }

  90% {
      transform: translate3d(-5px,0,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(0,3000px,0)
  }

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

  75% {
      transform: translate3d(0,10px,0)
  }

  90% {
      transform: translate3d(0,-5px,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  0% {
      opacity: 0;
      transform: translate3d(0,3000px,0)
  }

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

  75% {
      transform: translate3d(0,10px,0)
  }

  90% {
      transform: translate3d(0,-5px,0)
  }

  to {
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

@-webkit-keyframes flipInX {
  0% {
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

@-webkit-keyframes flipInY {
  0% {
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

@-webkit-keyframes rotateIn {
  0% {
      transform-origin: center;
      transform: rotate(-200deg);
      opacity: 0
  }

  to {
      transform-origin: center;
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateIn {
  0% {
      transform-origin: center;
      transform: rotate(-200deg);
      opacity: 0
  }

  to {
      transform-origin: center;
      transform: translateZ(0);
      opacity: 1
  }
}

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

  to {
      transform-origin: left bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
      transform-origin: left bottom;
      transform: rotate(-45deg);
      opacity: 0
  }

  to {
      transform-origin: left bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

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

  to {
      transform-origin: right bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
      transform-origin: right bottom;
      transform: rotate(45deg);
      opacity: 0
  }

  to {
      transform-origin: right bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

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

  to {
      transform-origin: left bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
      transform-origin: left bottom;
      transform: rotate(45deg);
      opacity: 0
  }

  to {
      transform-origin: left bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

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

  to {
      transform-origin: right bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
      transform-origin: right bottom;
      transform: rotate(-90deg);
      opacity: 0
  }

  to {
      transform-origin: right bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

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

  to {
      transform: translateZ(0)
  }
}

@-webkit-keyframes zoomIn {
  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

@keyframes zoomIn {
  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

@-webkit-keyframes zoomInDown {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInDown {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@-webkit-keyframes zoomInLeft {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInLeft {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@-webkit-keyframes zoomInRight {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInRight {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@-webkit-keyframes zoomInUp {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInUp {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}