body {
  color: black;
  font-size: 12px;
  font-family: Amiko;
  background-color: white !important;
  line-height: 18px;
  font-weight: 300; }
  body .fade.ng-enter {
    -o-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -webkit-transition: 1s linear all;
    transition: 1s linear all;
    opacity: 0; }
    body .fade.ng-enter .page {
      -o-transition: 1s linear all;
      -moz-transition: 1s linear all;
      -webkit-transition: 1s linear all;
      transition: 1s linear all;
      opacity: 0; }
  body .fade.ng-enter.ng-enter-active div {
    opacity: 1; }
  body .fade.ng-leave div {
    -o-transition: 0s linear all;
    -moz-transition: 0s linear all;
    -webkit-transition: 0s linear all;
    transition: 0s linear all;
    opacity: 1; }
  body .fade.ng-leave.ng-leave-active div {
    opacity: 0; }
  body .container {
    max-width: 970px; }
  body .font-light {
    color: #9b9b9b; }

.vert-align {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  flex-direction: column; }

.redirect-img {
  height: 15px;
  width: 15px;
  transform: translateY(0);
  margin: 0 2.5px; }

.btn {
  border: 1px solid #9b9b9b !important;
  border-radius: 100px;
  height: 40px;
  background-color: white !important;
  font-size: 12px;
  color: #9b9b9b; }
  .btn.btn-dark {
    border-color: black !important;
    color: black; }
  .btn:hover {
    border-color: rgba(0, 0, 0, 0.87) !important;
    -o-transition: border-color .10s ease, color .10s ease !important;
    -moz-transition: border-color .10s ease, color .10s ease !important;
    -webkit-transition: border-color .10s ease, color .10s ease !important;
    transition: border-color .10s ease, color .10s ease !important; }

hr {
  border-color: black; }

.oval {
  height: 150px;
  width: 150px;
  margin-bottom: 30px;
  border-radius: 50%;
  font-size: 14px;
  color: #9b9b9b;
  display: inline-flex;
  flex-direction: column;
  justify-content: center; }
  .oval.red {
    box-shadow: inset 20px 1px 20px 0 #9b9b9b; }
  .oval.green {
    box-shadow: inset 10px 10px 20px 0 #9b9b9b, inset -10px -10px 20px 0 #9b9b9b;
    mix-blend-mode: multiply; }
  .oval.blue {
    box-shadow: inset -20px 0 20px 0 #9b9b9b; }

.mask {
  box-shadow: 0 20px 40px 5px #9b9b9b;
  border-radius: 14px;
  display: flex;
  justify-content: center; }
  .mask .triangle {
    height: 50px;
    width: 50px;
    border-radius: 0px 40px 40px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

a:hover {
  text-decoration: none; }

.social-links img {
  width: 20px !important;
  height: 20px !important;
  margin: 15px 10px; }

@keyframes bounce_vert {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px); } }

.bounce_anim {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

.bounce_anim:hover {
  cursor: pointer;
  animation-name: bounce_vert;
  -moz-animation-name: bounce_vert; }

@media screen and (max-width: 767px) {
  .video video {
    width: 100% !important;
    height: auto !important; } }

.color.red {
  color: #FA7268 !important; }

.color.green {
  color: #5A9584 !important; }

.color.blue {
  color: #9FC3CF !important; }

.min-desktop {
  display: none; }
  @media screen and (min-width: 768px) {
    .min-desktop {
      display: flex !important; } }

@media screen and (max-width: 767px) {
  .mobile {
    display: block; } }

@media screen and (min-width: 768px) {
  .mobile {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .min-md {
    display: block; } }

@media screen and (max-width: 767px) {
  .min-md {
    display: none !important; } }

.visible-sm {
  display: none; }
  .visible-sm h5 {
    white-space: normal !important; }
  @media screen and (max-width: 767px) {
    .visible-sm {
      display: flex !important; } }