/* Move down content because we have a fixed navbar that is 3.5rem tall */
@import url(https://fonts.googleapis.com/css?family=Luckiest+Guy);
@import url(https://fonts.googleapis.com/css?family=Exo+2);
@import url(https://fonts.googleapis.com/css?family=Paytone+One);
@import url(https://fonts.googleapis.com/css?family=Philosopher);
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);
@import url(https://fonts.googleapis.com/css?family=Lexend);
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap");
html body {
  background-color: #ffffff;
}

nav {
  background-color: #334c66 !important;
  border-bottom: #8EACE1 2px solid !important;
}
nav .container .nav-item .ss {
  color: rgba(255, 255, 255, 0.4784313725) !important;
}
nav .container .nav-item .nav-link {
  color: #ffffff;
}
nav .container .nav-item .nav-link:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1019607843);
}
nav .container .nav-item .nav-link:disabled {
  color: rgba(255, 255, 255, 0.4784313725) !important;
}

.jumbotron {
  background-size: cover;
  height: 100%;
}

.ftitle {
  font-family: "Dosis", sans-serif;
  font-size: 2.2em;
  font-weight: 800;
  line-height: 0.9em;
  letter-spacing: -0.02em;
}

#cover:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background: url("../images/atlas_bg1.png") no-repeat center center fixed;
  background-size: cover;
  width: 100%;
  height: 110vh;
  opacity: 0.8;
}
#cover .verticalLine {
  border-left: 2px solid #8EACE1;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}
#cover .cover_row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
}
#cover .vidRow {
  margin-left: 20px;
  display: none;
  border-right: none;
}
@media (min-width: 768px) {
  #cover .vidRow {
    text-align: left;
    margin-left: 0px;
    display: block;
  }
}
#cover .txtColumn {
  background-color: #334c66;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-left: 20px;
}
@media (min-width: 768px) {
  #cover .txtColumn {
    text-align: left;
    margin-left: 0px;
    min-height: 45vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
#cover .txtColumn .vidRow {
  margin-top: 20px;
  margin-left: 0px !important;
  display: block;
}
@media (min-width: 768px) {
  #cover .txtColumn .vidRow {
    display: none;
  }
}
#cover .txtColumn h1, #cover .txtColumn p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  #cover .txtColumn h1, #cover .txtColumn p {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
}
#cover .btnRow {
  margin-top: 25px;
}
#cover .btnRow .btn {
  border: #8EACE1 2px solid !important;
}
#cover .btnRow .learnMoreBtn .btn {
  background-color: #ffffff !important;
  color: #334c66 !important;
  border-color: #ffffff !important;
}
#cover .btnRow .learnMoreBtn .btn:hover {
  background-color: #ffffff !important;
  color: #334c66 !important;
  border-color: #ffffff !important;
}

#description h3, #description h2 {
  color: #ffffff;
}
#description p {
  color: #ffffff;
  font-size: 1.2em;
  text-align: justify;
}

#salientFeatures .desc_box {
  color: #334c66;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
#salientFeatures p, #salientFeatures h1, #salientFeatures h2, #salientFeatures h3 {
  color: #334c66;
  text-align: center;
}

.dropdown-toggle::after {
  display: none;
}

.title-shadow {
  font-family: "Dosis", sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #334c66;
  color: #8EACE1;
}

.profile_dropdown {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.pre_login_card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.asterik {
  color: red;
}

.startBtn {
  width: 100% !important;
}

.flash_cards_custom {
  font-family: "Dosis", sans-serif;
  font-size: 20px;
}

.card-body_custom .card-body {
  padding: 0 !important;
}

.cell-text {
  font-family: "Dosis", sans-serif;
}

#podi-pressure, #podi-velocity {
  aspect-ratio: 5/1.6;
}

.content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.video_div .main_video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -2;
}

.main_desc {
  color: #ffffff;
}

.contactPage a {
  color: #334c66 !important;
}

.contactBtn {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  width: 50%;
  margin: 0 auto;
  display: block;
  transition: all 0.3s ease;
}

.contactForm {
  margin: 1rem 2rem !important;
}
.contactForm .form-group {
  margin-bottom: 20px;
}
.contactForm .form-control {
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #464646;
  transition: all 0.3s ease;
}
.contactForm .form-control:focus {
  box-shadow: none;
}
.contactForm .btn {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 20px;
  width: 100%;
  transition: all 0.3s ease;
}
.contactForm .btn:hover {
  border: 1px solid;
}

.alert-login {
  background-color: #334c66;
  color: #8EACE1;
  padding: 10px 20px;
  margin-bottom: 15px;
  text-align: left;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  letter-spacing: 2px;
  width: 100%;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -moz-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -o-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -ms-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  transition: opacity 0.5s linear;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dropdown-toggle::after {
  display: none !important;
}

.navbar-toggler {
  border-color: none !important;
}

.pageNotFound {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 75vh;
}
.pageNotFound .btn {
  background-color: #334c66 !important;
  color: #ffffff !important;
  border-color: #334c66 !important;
}
.pageNotFound .btn:hover {
  background-color: #ffffff !important;
  color: #334c66 !important;
  border-color: #334c66 !important;
}
.pageNotFound img {
  width: 100%;
  max-width: 500px;
}/*# sourceMappingURL=atlas.css.map */