@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller-Italic.eot");
  src: url("../../css/fonts/Aller-Italic.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller-Italic.woff2") format("woff2"), url("../../css/fonts/Aller-Italic.woff") format("woff"), url("../../css/fonts/Aller-Italic.ttf") format("truetype"), url("../../css/fonts/Aller-Italic.svg#Aller-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller-Bold.eot");
  src: url("../../css/fonts/Aller-Bold.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller-Bold.woff2") format("woff2"), url("../../css/fonts/Aller-Bold.woff") format("woff"), url("../../css/fonts/Aller-Bold.ttf") format("truetype"), url("../../css/fonts/Aller-Bold.svg#Aller-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller-Light.eot");
  src: url("../../css/fonts/Aller-Light.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller-Light.woff2") format("woff2"), url("../../css/fonts/Aller-Light.woff") format("woff"), url("../../css/fonts/Aller-Light.ttf") format("truetype"), url("../../css/fonts/Aller-Light.svg#Aller-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller.eot");
  src: url("../../css/fonts/Aller.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller.woff2") format("woff2"), url("../../css/fonts/Aller.woff") format("woff"), url("../../css/fonts/Aller.ttf") format("truetype"), url("../../css/fonts/Aller.svg#Aller") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.fade-in {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  -o-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s; }

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    filter: alpha(opacity=0); }
  to {
    opacity: 1;
    filter: alpha(opacity=100); } }

@-moz-keyframes fadein {
  from {
    opacity: 0;
    filter: alpha(opacity=0); }
  to {
    opacity: 1;
    filter: alpha(opacity=100); } }

@-o-keyframes fadein {
  from {
    opacity: 0;
    filter: alpha(opacity=0); }
  to {
    opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes fadein {
  from {
    opacity: 0;
    filter: alpha(opacity=0); }
  to {
    opacity: 1;
    filter: alpha(opacity=100); } }

.increase {
  -webkit-animation-name: increase;
  -moz-animation-name: increase;
  -o-animation-name: increase;
  animation-name: increase;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes increase {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes increase {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes increase {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes increase {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.right-translate {
  -webkit-animation-name: right;
  -moz-animation-name: right;
  -o-animation-name: right;
  animation-name: right;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes right {
  from {
    -webkit-transform: translateX(55px);
    -moz-transform: translateX(55px);
    -ms-transform: translateX(55px);
    -o-transform: translateX(55px);
    transform: translateX(55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes right {
  from {
    -webkit-transform: translateX(55px);
    -moz-transform: translateX(55px);
    -ms-transform: translateX(55px);
    -o-transform: translateX(55px);
    transform: translateX(55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes right {
  from {
    -webkit-transform: translateX(55px);
    -moz-transform: translateX(55px);
    -ms-transform: translateX(55px);
    -o-transform: translateX(55px);
    transform: translateX(55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes right {
  from {
    -webkit-transform: translateX(55px);
    -moz-transform: translateX(55px);
    -ms-transform: translateX(55px);
    -o-transform: translateX(55px);
    transform: translateX(55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.left-translate {
  -webkit-animation-name: left;
  -moz-animation-name: left;
  -o-animation-name: left;
  animation-name: left;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes left {
  from {
    -webkit-transform: translateX(-55px);
    -moz-transform: translateX(-55px);
    -ms-transform: translateX(-55px);
    -o-transform: translateX(-55px);
    transform: translateX(-55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes left {
  from {
    -webkit-transform: translateX(-55px);
    -moz-transform: translateX(-55px);
    -ms-transform: translateX(-55px);
    -o-transform: translateX(-55px);
    transform: translateX(-55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes left {
  from {
    -webkit-transform: translateX(-55px);
    -moz-transform: translateX(-55px);
    -ms-transform: translateX(-55px);
    -o-transform: translateX(-55px);
    transform: translateX(-55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes left {
  from {
    -webkit-transform: translateX(-55px);
    -moz-transform: translateX(-55px);
    -ms-transform: translateX(-55px);
    -o-transform: translateX(-55px);
    transform: translateX(-55px); }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
