.animate-hover {
  position: absolute;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-name: animation-hover;
  width: 100%;
}

.animate-hover-container {
  position: relative;
  min-height: 100px;
}

@keyframes animation-hover {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -15px;
  }
  100% {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  :not(.noFade) .ng-hide-add {
    animation-name: fade-out;
    animation-duration: 1500ms;
    animation-iteration-count: 1;
  }

  :not(.noFade) .ng-hide-remove {
    animation-name: fade-in;
    animation-duration: 1500ms;
    animation-iteration-count: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@font-face {
  font-family: "Lato Hairline";
  src: url("lato/Lato-HairlineItalic.woff2") format("woff2"), url("lato/Lato-HairlineItalic.woff") format("woff"), url("lato/Lato-HairlineItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-Light.woff2") format("woff2"), url("lato/Lato-Light.woff") format("woff"), url("lato/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-Regular.woff2") format("woff2"), url("lato/Lato-Regular.woff") format("woff"), url("lato/Lato-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-LightItalic.woff2") format("woff2"), url("lato/Lato-LightItalic.woff") format("woff"), url("lato/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-BlackItalic.woff2") format("woff2"), url("lato/Lato-BlackItalic.woff") format("woff"), url("lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Lato Hairline";
  src: url("lato/Lato-Hairline.woff2") format("woff2"), url("lato/Lato-Hairline.woff") format("woff"), url("lato/Lato-Hairline.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-BoldItalic.woff2") format("woff2"), url("lato/Lato-BoldItalic.woff") format("woff"), url("lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("Lato-Italic.woff2") format("woff2"), url("Lato-Italic.woff") format("woff"), url("lato/Lato-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-Bold.woff2") format("woff2"), url("lato/Lato-Bold.woff") format("woff"), url("lato/Lato-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("lato/Lato-Black.woff2") format("woff2"), url("lato/Lato-Black.woff") format("woff"), url("lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
jobs #jobs-hero img {
  height: 70vh;
}

@media screen and (max-width: 991px) {
  jobs section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
jobs .image-container {
  padding-top: 3rem;
}

jobs .image-container img {
  width: 70%;
}

jobs .under-image {
  top: -1.75rem;
  position: relative;
  z-index: 0;
}

jobs .over-image {
  position: relative;
  z-index: 1;
}

jobs .img-fit {
  object-position: center;
}

@media screen and (min-width: 991px) {
  jobs .section-highlights ul li {
    padding: 0 0 0 0.5rem;
    margin-bottom: 4.24rem;
  }
}
jobs .section-highlights ul li p.info {
  opacity: 1;
  visibility: visible;
  height: initial;
  max-width: 338px;
}

jobs .no-gutters {
  padding-left: 0;
  padding-right: 0;
}

jobs .no-gutters .row {
  margin-left: 0;
  margin-right: 0;
}

jobs .hidden-clickable {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

jobs .fa.fa-paperclip {
  color: #00A8BA;
}

jobs .btn-primary.disabled, jobs .btn-primary:disabled {
  color: #fff;
  background-color: #00A8BA;
  border-color: #00A8BA;
}

jobs #positions {
  padding-top: 6rem;
  padding-bottom: 8.5rem;
  background-color: #f9f9f9;
}

jobs #positions .jobs-form {
  transition: all 250ms;
}

jobs #positions .jobs-form.active {
  max-height: 280px;
  opacity: 1;
  visibility: visible;
}

jobs #positions .jobs-form:not(.active) {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

jobs #positions .arrow-container i {
  transition: all 250ms;
}

jobs #positions .arrow-container:not(.active) i {
  transform: rotate(180deg);
}

jobs .description {
  height: initial;
  opacity: 1;
  visibility: visible;
  transition: all 250ms;
}

jobs .description p {
  transition: max-height 250ms;
  max-height: 230px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
  jobs .description:not(.active) {
    opacity: 0;
    visibility: hidden;
  }

  jobs .description:not(.active) p {
    max-height: 0;
  }
}
jobs .btn {
  transition: opacity 250ms;
}

jobs .hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

@media screen and (max-width: 768px) {
  jobs .border-bottom {
    border-bottom: 0 solid transparent !important;
  }
}
.four-three {
  position: relative;
}

.four-three:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.four-three > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.twentyfive-seventeen {
  position: relative;
}

.twentyfive-seventeen:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 68%;
}

.twentyfive-seventeen > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .twentyfive-seventeen:before {
    padding-top: 152%;
  }
}
body {
  font-family: "Lato", sans-serif;
  color: #032225;
  letter-spacing: 0.025rem;
  line-height: 1.533331;
}

.bg-light-o-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.img-fit {
  object-fit: cover;
}

.h1 {
  font-weight: 900;
  font-size: 3rem;
}

.h2 {
  font-weight: 900;
  font-size: 2.5rem;
  letter-spacing: 0;
}

@media screen and (max-width: 61.9375rem) {
  .h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
  }
}
.h3 {
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0;
}

@media screen and (max-width: 61.9375rem) {
  .h3 {
    font-size: 1.125rem;
    line-height: 1.2rem;
  }
}
.row {
  width: 100%;
}

.mimic-anchor {
  cursor: pointer;
  display: inline;
}

.pt-medium {
  padding-top: 2.25rem;
}

a,
a:hover,
.mimic-anchor,
.mimic-anchor:hover,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {
  color: #00A8BA;
  text-decoration: none;
  font-weight: 400;
}

.clicky {
  cursor: pointer;
}

.no-wrap {
  flex-wrap: nowrap;
}

.primary-color {
  color: #00717B;
}

.mh-300 {
  min-height: 300px;
}

.mh-250 {
  min-height: 250px;
}

.ws-nowrap {
  white-space: nowrap;
}

.headline p:not(.h2) {
  font-size: 1rem;
}

@media screen and (max-width: 61.9375rem) {
  .headline p:not(.h2) {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}
.panel p {
  font-size: 1.125rem;
  font-weight: 900;
}

.panel p span {
  display: block;
  font-size: 0.9375rem;
  font-weight: 400;
}

.header {
  z-index: 9;
}

.header .navbar {
  z-index: 2;
}

.text-danger,
.valid-text {
  color: red;
}

.scale-0-8 {
  transform: scale(0.8);
}

.scale-0-9 {
  transform: scale(0.9);
}

.trade {
  font-size: 0.5em;
  top: -1rem;
}

.absolute-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#vera-hero {
  overflow: hidden;
}

@media screen and (max-width: 61.9375rem) {
  #vera-hero {
    color: #FFF;
  }
}
#vera-hero .container {
  overflow: visible;
}

@media screen and (max-width: 61.9375rem) {
  #vera-hero .container:before {
    content: " ";
    display: block;
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/Resonai_Hero_CommercialRealState_new.png");
    background-size: cover;
    filter: brightness(0.75);
  }
}
@media screen and (max-width: 61.9375rem) {
  #vera-hero .mobile-full {
    position: absolute;
    top: 0;
    height: 100vh;
  }

  #vera-hero .col-12:not(.mobile-full) {
    z-index: -1;
  }
}
#vera-hero h1 {
  font-size: 5rem;
  letter-spacing: 0;
  font-weight: 900;
}

@media screen and (max-width: 61.9375rem) {
  #vera-hero h1 {
    font-size: 2.1875rem;
  }
}
#vera-hero h1 sup {
  font-weight: 300;
  font-size: 1.875rem;
  top: -2.25rem;
}

@media screen and (max-width: 61.9375rem) {
  #vera-hero h1 sup {
    font-size: 1.25rem;
    top: -1.25rem;
  }
}
#vera-hero p {
  font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: 0;
  max-width: 600px;
}

#vera-hero p.m-vertical-medium {
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 61.9375rem) {
  #vera-hero p.m-vertical-medium {
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 61.9375rem) {
  #vera-hero p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
#vera-hero .hero-container {
  height: 100vh;
  width: 50vw;
  background-image: url("../images/Resonai_Hero_CommercialRealState_new.png");
  background-size: cover;
}

@media screen and (max-width: 61.9375rem) {
  #vera-hero .hero-container {
    background-image: none;
  }
}
#vera-business p:not(.h2) {
  font-size: 1.125rem;
  letter-spacing: 0;
}

@media screen and (max-width: 61.9375rem) {
  #vera-business p:not(.h2) {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}
@media screen and (max-width: 61.9375rem) {
  #vera-business .img-fluid {
    padding: 1rem 4rem 0;
  }
}
#vera-business img {
  width: 80% !important;
}

#solutions .container .container {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 61.9375rem) {
  #solutions .container {
    padding-right: 0;
    padding-left: 0;
  }

  #solutions .container .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#solutions .img-wrapper .panel-rounded {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: none;
  object-fit: cover;
}

#solutions ul {
  padding: 0;
  margin: 0;
  list-style-type: disc;
}

#solutions ul li {
  padding: 0;
  margin: 0 0 0.875rem;
}

@media screen and (max-width: 61.9375rem) {
  #solutions ul li {
    margin: 0 0 0.25rem;
  }
}
@media screen and (max-width: 61.9375rem) {
  .section-highlights .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.section-highlights ul {
  padding: 0;
  margin: 0;
  text-align: left;
  list-style-image: url("/images/home/check.svg");
}

.section-highlights ul li {
  padding: 0 0 0 2rem;
  margin: 0 0 2.25rem 0;
}

@media screen and (max-width: 61.9375rem) {
  .section-highlights ul li {
    padding: 0 0 0 0.75rem;
    letter-spacing: 0;
  }
}
.section-highlights ul li p {
  transition: opacity 1s, height 500ms, padding-top 500ms, padding-bottom 500ms;
}

.section-highlights ul li p:not(.h3) {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}

@media screen and (max-width: 61.9375rem) {
  .section-highlights ul li p:not(.h3) {
    line-height: 1.375rem;
  }
}
.section-highlights ul li.active {
  list-style-image: url("/images/home/green-check.svg");
}

.section-highlights ul li.active .h3 {
  color: #00A8BA;
}

.section-highlights ul li.active p.info {
  opacity: 1;
  visibility: visible;
  height: fit-content;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

@media screen and (max-width: 61.9375rem) {
  .section-highlights ul li.active p.info {
    height: fit-content;
  }
}
.section-highlights ul li p.info {
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.full-width {
  width: 100vw;
  max-width: 100%;
}

#created-on-vera .container .container {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 61.9375rem) {
  #created-on-vera .container {
    padding-right: 0;
    padding-left: 0;
  }

  #created-on-vera .container .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#created-on-vera .col {
  min-width: 432px;
  max-width: 432px;
}

@media screen and (max-width: 61.9375rem) {
  #created-on-vera .col {
    min-width: 301px;
    max-width: 301px;
  }
}
#created-on-vera .scrollable img {
  height: 100%;
  max-height: 15.0625rem;
  width: 100%;
  object-fit: cover;
}

#press .container .container {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 61.9375rem) {
  #press .container {
    padding-right: 0;
    padding-left: 0;
  }

  #press .container .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#press .col {
  min-width: 440px;
  max-width: 440px;
}

@media screen and (max-width: 61.9375rem) {
  #press .col {
    min-width: 380px;
    max-width: 380px;
  }
}
#press .panel-rounded {
  height: 100%;
  min-height: 230px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 10px #B1B1B126;
}

#press .panel-rounded.py-4 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

#press .panel-rounded img {
  max-height: 1.5rem;
  object-fit: cover;
}

#press .btn-wrapper {
  position: absolute;
  bottom: 2.25rem;
}

#press p:not(.h2) {
  font-size: 1.0625rem;
}

@media screen and (max-width: 61.9375rem) {
  #press p:not(.h2) {
    font-size: 0.89rem;
  }
}
.scrollable {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.scrollable::-webkit-scrollbar {
  display: none;
}

.scrollable .col,
.scrollable .col img {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.scrollable .action-control {
  position: absolute;
  line-height: 14.375rem;
  font-size: 1.5rem;
  z-index: 1;
  cursor: pointer;
  opacity: 1;
  transition: opacity 125ms;
}

@media screen and (max-width: 35.9375rem) {
  .scrollable .action-control {
    line-height: 11.625rem;
  }
}
.scrollable .action-control.go-left {
  left: -20px;
}

@media screen and (max-width: 35.9375rem) {
  .scrollable .action-control.go-left {
    left: 10px;
  }
}
.scrollable .action-control.go-right {
  right: -25px;
}

@media screen and (max-width: 35.9375rem) {
  .scrollable .action-control.go-right {
    right: 10px;
  }
}
.scrollable .action-control.inactive {
  opacity: 0.1;
}

.unity-logo {
  position: relative;
  bottom: 1px;
  width: 18rem;
}

.primary-background {
  background-color: #00717B;
}

.primary-dark-background {
  background-color: #032225;
}

.rounded-12 {
  border-radius: 0.75rem;
}

.rounded-12-top {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-12-bottom {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.video-thumb {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.video-thumb::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: transparent url(../images/play-button.png) center no-repeat;
  background-size: 8vh;
}

#prefooter {
  color: #FFF;
  background-color: #d9e4e5;
}

@media screen and (min-width: 61.9375rem) and (max-width: 74.9375rem) {
  #prefooter .panel-rounded {
    min-height: 14.5rem;
  }
}
.panel-rounded {
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
}

.nav-logo {
  height: 2.25rem;
  width: auto;
  bottom: -6px;
  position: absolute;
}

@media screen and (max-width: 64rem) {
  .nav-logo {
    height: 1.5rem;
  }

  .nav-logo.position-absolute {
    position: relative;
  }
}
.invert {
  filter: invert(100%) brightness(150%);
}

footer {
  background-color: #032225;
  color: #FFF;
}

footer .social {
  opacity: 1;
  filter: brightness(5);
}

footer .social img {
  filter: contrast(0);
}

.form_page img {
  max-height: 60vh;
  max-width: 70%;
}

@media screen and (max-width: 61.9375rem) {
  .form_page img {
    max-height: 40vh;
  }
}
/* ---- Bootstrap Override CSS ---- */
/* ---- NavBar ---- */
homepage .navbar:not(.scrolled):not(.white) .navbar-toggler-icon {
  filter: invert(1);
}

homepage .navbar:not(.scrolled):not(.white) .nav-link {
  color: #FFF;
}

@media screen and (max-width: 61.9375rem) {
  homepage .navbar:not(.scrolled):not(.white) .nav-link {
    color: #032225;
  }
}
@media screen and (max-width: 61.9375rem) {
  homepage .navbar:not(.scrolled):not(.white) .nav-logo.desktop {
    display: none;
  }

  homepage .navbar:not(.scrolled):not(.white) .nav-logo.mobile {
    display: initial;
  }
}
.navbar {
  padding-top: 1rem;
  transition: background-color 250ms, padding-top, 250ms;
}

@media screen and (max-width: 61.9375rem) {
  .navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .navbar.white {
    background-color: #FFF;
  }

  .navbar button {
    color: #000;
  }

  .navbar .navbar-collapse {
    position: absolute;
    left: 50%;
    width: 100%;
    max-width: 720px;
    transform: translateX(-50%);
    background-color: white;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    transition: all 125ms;
  }

  .navbar .navbar-collapse.show {
    height: 166px;
    visibility: visible;
  }
}
.navbar .collapsed,
.navbar .show {
  transition: all 200ms;
}

.navbar .nav-link {
  position: relative;
  font-size: 0.9375rem;
  font-weight: 400;
  transition: color 250ms;
  color: #032225;
}

.navbar .nav-link:hover:before {
  opacity: 1;
}

.navbar .nav-link.active {
  font-weight: bold;
}

.navbar .nav-link.active:before, .navbar .nav-link:active:before {
  background-color: #00A8BA;
}

.navbar .nav-link:before {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% - 1rem);
  height: 2px;
  bottom: 5px;
  opacity: 0;
  transition: opacity 250ms;
  background-color: #FFF;
}

.navbar .nav-logo.desktop {
  display: initial;
}

.navbar .nav-logo.mobile {
  display: none;
}

.navbar.scrolled {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #FFF;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.025);
}

.navbar.scrolled .nav-link {
  color: #032225;
}

.navbar.scrolled .nav-link:before {
  background-color: #032225;
}

.navbar.scrolled .nav-link.active:before, .navbar.scrolled .nav-link:active:before {
  background-color: #00A8BA;
}

@media screen and (max-width: 61.9375rem) {
  .navbar.scrolled {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.navbar-toggler:focus, .navbar-toggler:active {
  outline: none;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url("../images/Icon-Menu.svg");
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("../images/Icon-Close.svg");
}

@media screen and (max-width: 48rem) {
  .navbar-toggler {
    font-size: 1rem;
  }
}
/* ---- End NavBar ---- */
/* ---- Buttons ---- */
.btn {
  font-size: 0.9375rem;
  border-radius: 2rem;
  padding: 0.625rem 1.5rem 0.6875rem;
}

@media screen and (max-width: 61.9375rem) {
  .btn {
    font-size: 0.8125rem;
  }
}
.btn-primary {
  background-color: #00A8BA;
  border: none;
}

.btn-primary:hover {
  background-color: #35c0cf;
}

.btn-invert {
  background-color: #FFF;
  border: 1px solid #00A8BA;
  padding: 0.5625rem 2.4375rem 0.625rem;
}

.btn-invert:hover {
  background-color: #00A8BA;
  color: #FFF;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #00717B;
  box-shadow: none;
  text-outline: none;
  outline: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-primary:focus {
  box-shadow: none;
}

.btn-secondary {
  background-color: #FFF;
  color: #032225;
  border-color: transparent;
}

.btn-secondary:hover {
  background-color: #032225;
  color: #FFF;
  border-color: #FFF;
}

.btn-secondary:active, .btn-secondary:focus {
  background-color: #032225;
  color: #FFF;
  border-color: #FFF;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #032225;
  color: #FFF;
  border-color: #FFF;
  box-shadow: none;
  text-outline: none;
  outline: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: none;
}

.positions-style.active {
  border-bottom: 2px solid #80b8bd;
}

/* ---- End Buttons ---- */
.upload-cv,
.upload-cv-selected {
  margin-bottom: 0;
}

/* ---- End Bootstrap Override CSS ---- */
@media screen and (max-width: 1199px) {
  .tablet-break {
    display: block;
  }
}
@media screen and (max-width: 48rem) {
  .sec-3.position-absolute {
    position: relative !important;
  }

  .unity-logo {
    width: 15rem;
  }

  .mx-xs-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .w-50,
.w-75 {
    width: 100% !important;
  }

  .panel p {
    font-size: 1rem;
  }

  .h1 {
    font-size: 1.75rem;
  }

  #prefooter .h3 {
    font-size: 1.25rem;
  }
}
/* ---- ng Override CSS ---- */
body .ngdialog.ngdialog-theme-default .ngdialog-content {
  width: initial;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ngdialog.ngdialog-theme-default {
  padding-bottom: 0;
  padding-top: 0;
}

body .ngdialog.ngdialog-theme-default .ngdialog-close:before {
  right: 0;
}

@media screen and (min-width: 48rem) {
  body .ngdialog.ngdialog-theme-default .ngdialog-close:before {
    padding-top: 5px;
  }
}
/* ---- End ng Override CSS ---- */
.desktop {
  display: initial;
}

.mobile {
  display: none;
}

@media screen and (max-width: 61.9375rem) {
  .desktop {
    display: none;
  }

  .mobile {
    display: initial;
  }
}
/*# sourceMappingURL=index.css.map */
/*# sourceMappingURL=index.scss.map */

/*# sourceMappingURL=index.css.map */