@import "media_mobile.css";
@import "media_tablet.css";
@import "media_desktop.css";

@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-Thin.ttf');
  font-weight: 100;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-ExtraLight.ttf');
  font-weight: 200;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-SemiBold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-ExtraBold.ttf');
  font-weight: 800;
}
@font-face {
  font-family: Urbanist;
  src: url('fonts/Urbanist-Black.ttf');
  font-weight: 900;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 23.61vw;
  }
}

@keyframes verticallyCenteredMap {
  from {
    top: 0;
  }
  to {
    top: 5vw;
  }
}

@keyframes swipeToLeft {
  from {
    margin-left: 0;
  }
  to {
    margin-left: -9.03vw;
  }
}

@keyframes rotateLeft {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}

@keyframes fa-shake {
  0%, 69.231%, 78% {
    transform: translateX(0);
  }
  71.231%, 73.846%, 75.769% {
    transform: translateX(-10px);
  }
  70.076%, 72%, 73.923%, 76% {
    transform: translateX(10px);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 2vw rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  overflow-x: hidden;
}

body {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  height: auto;
  position: relative;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.noScroll {
  overflow: hidden !important;
}

input[type="button"],
input[type="submit"],
button {
  border: 0;
}

.custom-actions-after-auth {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}



.caali {
  float: left;
}

.lia {
  display: block;
  color: #FF554D;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  margin-left: 10px;
}

.abut {
  display: block;
  color: #FF554D;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
}

.lia:hover {
  background-color: #ff8000;
  color: #0a2156;
}

.abut:hover {
  background-color: #ff8000;
  color: #0a2156;
}