.slide-down-enter-active,
.slide-down-leave-active {
  transition: all 0.5s ease;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(-200px);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.list-enter-active,
.list-leave-active {
  transition: all 0.5s;
}

.list-enter,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.slide-left-enter-active,
.slide-left-leave-active {
  transition: all 0.5s ease;
}

.slide-left-enter,
.slide-left-leave-to {
  opacity: 0;
  transform: translateX(300px);
}

.slide-up-enter-active,
.slide-up-leave-active {
  transition: all 0.5s ease;
}

.slide-up-enter,
.slide-up-leave-to {
  opacity: 0;
  transform: translateY(200px);
}

html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Avenir65Medium", Helvetica, Arial, sans-serif;
}

.login-container {
  height: 100vh;
}
.login-container div {
  height: 100%;
}
.login-container .row div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.login-container .logo {
  background-color: #003ca5;
}
.login-container .logo svg {
  width: 250px;
}
.login-container .form {
  background-color: #eaeaea;
}
.login-container form {
  background-color: #fff;
  width: 400px;
  padding: 30px;
  border-radius: 5px;
  -ms-flex-align: left;
  -webkit-align-items: left;
}
.login-container form svg {
  width: 150px;
  display: none;
  margin: 0 auto 15px auto;
}
.login-container h2 {
  color: white;
}
.login-container form h1 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.login-container form .account-btn {
  margin: 0.5em 0;
}
.login-container #RememberMe {
  margin: 0 0.5em 0 0;
}
.login-container .podcast-login.btn-primary {
  background-color: #003ca5;
  border-color: #003ca5;
}
.login-container input#rememberMe {
  margin: 0 0.5em 0 0;
}

div#app {
  background-color: white;
  /*max-width: 768px;*/
  min-height: 100vh;
  margin: auto;
  position: relative;
}

a {
  color: #053DA9;
  text-decoration: none;
}

div#home,
div#category {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  transition: all 0.5s ease;
  -webkit-overflow-scrolling: touch;
}

div#category {
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: white;
  width: 100%;
}

main {
  margin-top: 5rem;
  padding-bottom: 20vh;
}
main h1 {
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
}
main p {
  color: #053DA9;
}
main p#symmetry {
  color: #A2C7E3;
}
main p#reflections {
  color: #F4B41B;
}
main p#gateway {
  color: #00567E;
}
main p#buckeyefloorcare {
  color: #78CCCA;
}
main p#buckeyeeco {
  color: black;
}
main p#altra {
  color: #636569;
}
main p.filter {
  text-transform: uppercase;
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
main .filter-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-evenly;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40vh;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

div.filterContainer {
  white-space: nowrap;
  overflow-y: hidden;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .d-md-none {
    display: none;
  }
  .d-md-block {
    display: block;
  }
}
.controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 10;
  position: sticky;
  top: 0;
  padding: 1rem;
}
.controls .back-btn,
.controls .search-btn,
.controls .menu-btn {
  background-color: transparent;
  border: none;
  font-size: 18px;
  color: #053DA9;
}
.controls .back-btn#buckeye-header, .controls .back-btn#buckeye, .controls .back-btn#symmetry, .controls .back-btn#reflections, .controls .back-btn#gateway, .controls .back-btn#buckeyefloorcare, .controls .back-btn#altra, .controls .back-btn#buckeyeeco,
.controls .search-btn#buckeye-header,
.controls .search-btn#buckeye,
.controls .search-btn#symmetry,
.controls .search-btn#reflections,
.controls .search-btn#gateway,
.controls .search-btn#buckeyefloorcare,
.controls .search-btn#altra,
.controls .search-btn#buckeyeeco,
.controls .menu-btn#buckeye-header,
.controls .menu-btn#buckeye,
.controls .menu-btn#symmetry,
.controls .menu-btn#reflections,
.controls .menu-btn#gateway,
.controls .menu-btn#buckeyefloorcare,
.controls .menu-btn#altra,
.controls .menu-btn#buckeyeeco {
  color: white;
}
.controls#buckeye-header {
  background-color: #053DA9;
}
.controls#buckeye {
  background-color: #053DA9;
}
.controls#symmetry {
  background-color: #A2C7E3;
}
.controls#reflections {
  background-color: #F4B41B;
}
.controls#gateway {
  background-color: #00567E;
}
.controls#buckeyefloorcare {
  background-color: #78CCCA;
}
.controls#buckeyeeco {
  background-color: black;
}
.controls#altra {
  background-color: #636569;
}

.header {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 1rem;
  border-bottom: black;
  position: relative;
  margin-bottom: 2rem;
}
.header::before, .header::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50vw 0 50vw;
  border-color: black transparent transparent transparent;
  top: 100%;
  left: -1px;
  position: absolute;
}
.header::after {
  border-color: white transparent transparent transparent;
  top: calc(100% - 0.75rem);
}
.header .logo {
  padding-top: 1rem;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header .logo img#category {
  max-width: 80%;
  height: 5rem;
}
.header .logo #mic {
  width: 2rem;
  margin-top: 1rem;
  z-index: 8;
}
.header .logo #mic #buckeye {
  fill: #053DA9;
}
.header .logo #mic #symmetry {
  fill: #A2C7E3;
}
.header .logo #mic #reflections {
  fill: #F4B41B;
}
.header .logo #mic #gateway {
  fill: #00567E;
}
.header .logo #mic #buckeyefloorcare {
  fill: #78CCCA;
}
.header .logo #mic #buckeyeeco {
  fill: black;
}
.header .logo #mic #altra {
  fill: #636569;
}
.header .menu {
  z-index: 9;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-evenly;
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
}
.header .menu li {
  padding: 0.5rem 0;
}
.header .menu li .menu-link {
  color: #053DA9;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
}
.header#buckeye-header {
  background-color: #053DA9;
}
.header#buckeye-header::before, .header#buckeye-header::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#buckeye-header::after {
  border-color: #053DA9 transparent transparent transparent;
}
.header#buckeye-header .back-btn,
.header#buckeye-header .search-btn,
.header#buckeye-header .menu-btn {
  color: white;
}
.header#buckeye-header .menu {
  background-color: #053DA9;
}
.header#buckeye-header .menu .menu-link {
  color: white;
}
.header#buckeye {
  background-color: #053DA9;
}
.header#buckeye::before, .header#buckeye::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#buckeye::after {
  border-color: #053DA9 transparent transparent transparent;
}
.header#buckeye .back-btn,
.header#buckeye .search-btn,
.header#buckeye .menu-btn {
  color: white;
}
.header#buckeye .menu {
  background-color: #053DA9;
}
.header#buckeye .menu .menu-link {
  color: white;
}
.header#symmetry {
  background-color: #A2C7E3;
}
.header#symmetry::before, .header#symmetry::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#symmetry::after {
  border-color: #A2C7E3 transparent transparent transparent;
}
.header#symmetry .back-btn,
.header#symmetry .search-btn,
.header#symmetry .menu-btn {
  color: white;
}
.header#symmetry .menu {
  background-color: #A2C7E3;
}
.header#symmetry .menu .menu-link {
  color: white;
}
.header#reflections {
  background-color: #F4B41B;
}
.header#reflections::before, .header#reflections::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#reflections::after {
  border-color: #F4B41B transparent transparent transparent;
}
.header#reflections .back-btn,
.header#reflections .search-btn,
.header#reflections .menu-btn {
  color: white;
}
.header#reflections .menu {
  background-color: #F4B41B;
}
.header#reflections .menu .menu-link {
  color: white;
}
.header#gateway {
  background-color: #00567E;
}
.header#gateway::before, .header#gateway::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#gateway::after {
  border-color: #00567E transparent transparent transparent;
}
.header#gateway .back-btn,
.header#gateway .search-btn,
.header#gateway .menu-btn {
  color: white;
}
.header#gateway .menu {
  background-color: #00567E;
}
.header#gateway .menu .menu-link {
  color: white;
}
.header#buckeyefloorcare {
  background-color: #78CCCA;
}
.header#buckeyefloorcare::before, .header#buckeyefloorcare::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#buckeyefloorcare::after {
  border-color: #78CCCA transparent transparent transparent;
}
.header#buckeyefloorcare .back-btn,
.header#buckeyefloorcare .search-btn,
.header#buckeyefloorcare .menu-btn {
  color: white;
}
.header#buckeyefloorcare .menu {
  background-color: #78CCCA;
}
.header#buckeyefloorcare .menu .menu-link {
  color: white;
}
.header#buckeyeeco {
  background-color: black;
}
.header#buckeyeeco::before, .header#buckeyeeco::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#buckeyeeco::after {
  border-color: black transparent transparent transparent;
}
.header#buckeyeeco .back-btn,
.header#buckeyeeco .search-btn,
.header#buckeyeeco .menu-btn {
  color: white;
}
.header#buckeyeeco .menu {
  background-color: black;
}
.header#buckeyeeco .menu .menu-link {
  color: white;
}
.header#altra {
  background-color: #636569;
}
.header#altra::before, .header#altra::after {
  border-color: white transparent transparent transparent;
  top: 100%;
}
.header#altra::after {
  border-color: #636569 transparent transparent transparent;
}
.header#altra .back-btn,
.header#altra .search-btn,
.header#altra .menu-btn {
  color: white;
}
.header#altra .menu {
  background-color: #636569;
}
.header#altra .menu .menu-link {
  color: white;
}

/*@media screen and (min-width: 768px) {
    .header {
        &::before,
        &::after {
            border-width: 50px 384px 0 384px;
        }
    }
}*/
.category-select {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
}
.category-select img {
  margin: 0.5rem 0;
  cursor: pointer;
  width: 100%;
}
.category-select img:last-child {
  margin-bottom: 1rem;
}

.btn {
  font-size: 0.9rem !important;
  font-family: "Avenir65Medium", Helvetica, Arial, sans-serif !important;
}

.btn.btn-light {
  margin-top: 5px;
  z-index: 10;
}
.btn.btn-light.buckeye {
  border: solid 4px #053DA9;
}
.btn.btn-light.buckeye.selected {
  background-color: #053DA9;
  color: #fff;
}
.btn.btn-light.symmetry {
  border: solid 4px #A2C7E3;
}
.btn.btn-light.symmetry.selected {
  background-color: #A2C7E3;
  color: #000;
}
.btn.btn-light.reflections {
  border: solid 4px #F4B41B;
}
.btn.btn-light.reflections.selected {
  background-color: #F4B41B;
  color: #fff;
}
.btn.btn-light.gateway {
  border: solid 4px #00567E;
}
.btn.btn-light.gateway.selected {
  background-color: #00567E;
  color: #fff;
}
.btn.btn-light.floorcare {
  border: solid 4px #78CCCA;
}
.btn.btn-light.floorcare.selected {
  background-color: #78CCCA;
  color: #000;
}
.btn.btn-light.eco {
  border: solid 4px black;
}
.btn.btn-light.eco.selected {
  background-color: black;
  color: #fff;
}
.btn.btn-light.altra {
  border: solid 4px #636569;
}
.btn.btn-light.altra.selected {
  background-color: #636569;
  color: #fff;
}
.btn.btn-light.quickhits {
  border: solid 4px #f15945;
}
.btn.btn-light.quickhits.selected {
  background-color: #f15945;
  color: #fff;
}
.btn.btn-light.allcats {
  border: solid 4px #95c93f;
}
.btn.btn-light.allcats.selected {
  background-color: #95c93f;
  color: #fff;
}
.btn.btn-light.favs {
  border: solid 4px #eff145;
}
.btn.btn-light.favs.selected {
  background-color: #eff145;
  color: #000;
}

@media screen and (min-width: 768px) {
  .category-select {
    align-items: center;
  }
  .category-select img {
    width: 50%;
  }
}
.podcast-card {
  color: #053DA9;
  position: relative;
  padding: 1.5rem;
  border-radius: 20px;
  margin: 1rem 0;
  /* IE*/
  /*.custom-range {
      width: 200px;
      height: auto;

      &:disabled {
          &::-webkit-slider-thumb {
              background-color: $buckeye-color;
          }

          &::-webkit-slider-runnable-track {
              cursor: default;
          }

          &::-moz-range-thumb {
              background-color: $buckeye-color;
          }

          &::-moz-range-track {
              cursor: default;
          }

          &::-ms-thumb {
              background-color: $buckeye-color;
          }
      }
  }*/
}
.podcast-card .article-title {
  margin: 0;
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.podcast-card p {
  font-family: "Avenir45Book", Helvetica, Arial, sans-serif;
  margin: 0;
  padding-top: 5px;
}
.podcast-card small {
  font-family: "Avenir45Book", Helvetica, Arial, sans-serif;
}
.podcast-card .article-description {
  position: relative;
  line-height: 1.2rem;
  font-family: "Avenir45Book", Helvetica, Arial, sans-serif;
  margin: 0.3rem 0;
}
.podcast-card .article-description p,
.podcast-card .article-description small {
  color: black;
  margin: 0;
  position: relative;
}
.podcast-card .article-description .fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.4rem;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
}
.podcast-card .article-description .ellipsis {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.2rem;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
}
.podcast-card .article-footer {
  margin-top: 0.5rem;
  font-family: "Avenir65Medium", Helvetica, Arial, sans-serif;
  color: #053DA9;
}
.podcast-card .article-footer i {
  vertical-align: middle;
  font-size: 2rem;
  cursor: pointer;
}
.podcast-card#buckeye {
  background-color: #053DA9;
}
.podcast-card#buckeye .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(162, 199, 227) 50%);
}
.podcast-card#symmetry {
  background-color: #A2C7E3;
}
.podcast-card#symmetry .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(162, 199, 227) 50%);
}
.podcast-card#reflections {
  background-color: #F4B41B;
}
.podcast-card#reflections .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(244, 180, 27) 50%);
}
.podcast-card#gateway {
  background-color: #00567E;
}
.podcast-card#gateway .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(0, 86, 126) 50%);
}
.podcast-card#buckeyefloorcare {
  background-color: #78CCCA;
}
.podcast-card#buckeyefloorcare .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(120, 204, 202) 50%);
}
.podcast-card#buckeyeeco {
  background-color: black;
}
.podcast-card#buckeyeeco .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(0, 0, 0) 50%);
}
.podcast-card#altra {
  background-color: #636569;
}
.podcast-card#altra .article-description .ellipsis {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(0, 0, 0) 50%);
}
.podcast-card input[type=range] {
  overflow: hidden;
  width: 100px;
  height: 10px;
  -webkit-appearance: none;
  background-color: #dfe6f4;
}
.podcast-card input[type=range]::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #053DA9;
  margin-top: -1px;
}
.podcast-card input[type=range]::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: ew-resize;
  background-color: #053DA9;
  box-shadow: -100px 0 0 100px #053DA9;
}
.podcast-card input[type=range]::-moz-range-progress {
  background: #053DA9;
  color: #053DA9;
  height: 10px;
}
.podcast-card input[type=range]::-moz-range-track {
  height: 10px;
  background-color: #dfe6f4;
  -moz-appearance: none;
  border: none;
  margin-top: -1px;
}
.podcast-card input[type=range]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background-color: #053DA9;
  border: none;
  border-radius: 0px;
}
.podcast-card input[type=range]::-ms-fill-lower {
  background-color: #053DA9;
}
.podcast-card input[type=range]::-ms-fill-upper {
  background-color: #dfe6f4;
}

#player {
  overflow: hidden;
  background-color: white;
  width: 100%;
  z-index: 31;
  margin-top: 0;
  padding: 0;
}
#player h3, #player h4 {
  font-size: 1rem;
}
#player a {
  text-decoration: none;
}
#player article {
  border-top: 2px solid #053DA9;
  width: 100%;
  align-items: center;
  padding: 0 1rem 1rem 1rem;
}
#player article img {
  width: 40%;
}
@media screen and (min-width: 400px) {
  #player article img {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #player article img {
    width: 70%;
  }
}
@media screen and (min-width: 992px) {
  #player article img {
    width: 60%;
  }
}
#player .player-title {
  text-align: center;
  color: #053DA9;
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
  margin-top: 1rem;
}
#player .player-subtitle {
  text-align: center;
  color: #053DA9;
  font-family: "Avenir65Medium", Helvetica, Arial, sans-serif;
}
#player .player-progress {
  width: 100%;
  margin: 1rem 0;
  /*@media screen and (-webkit-min-device-pixel-ratio: 0) {
      input[type='range'] {
          overflow: hidden;

          &::-webkit-slider-runnable-track {
              height: 10px;
              -webkit-appearance: none;
              color: #13bba4;
              margin-top: -1px;
          }

          &::-webkit-slider-thumb {
              width: 10px;
              -webkit-appearance: none;
              height: 10px;
              cursor: ew-resize;
              background: #434343;
              box-shadow: -500px 0 0 500px $buckeye-color;
          }
      }
  }*/
}
#player .player-progress a {
  text-decoration: none;
}
#player .player-progress input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  max-width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #DFE6F4;
  outline: none;
}
#player .player-progress input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border-color: #053DA9;
  background: #053DA9;
  cursor: pointer;
}
#player .player-progress input[type=range]::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border-color: #053DA9;
  background: #053DA9;
  cursor: pointer;
}
#player .player-progress input[type=range]::-moz-range-progress {
  background-color: #053DA9;
  height: 100%;
}
#player .player-controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
}
#player .player-controls .play-pause {
  margin: 0 1rem;
}
#player .player-controls .rewind {
  text-align: right;
}
#player .player-controls .fa-backward, #player .player-controls .fa-forward, #player .player-controls .fa-play-circle, #player .player-controls .fa-pause-circle {
  color: #053DA9;
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  #player .player-controls .fa-backward, #player .player-controls .fa-forward, #player .player-controls .fa-play-circle, #player .player-controls .fa-pause-circle {
    font-size: 2rem;
  }
}
#player .player-controls a {
  color: #053DA9;
}
#player .player-controls p {
  text-align: center;
  font-size: 1rem;
  font-family: "Avenir65Medium", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  #player .player-controls p {
    font-size: 1.5rem;
  }
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 21;
  padding-bottom: 1rem;
}
footer p {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0;
  max-width: 80%;
  line-height: 1.2rem;
}
footer p .title {
  color: #053DA9;
  font-family: "Avenir95Black", Helvetica, Arial, sans-serif;
}
footer p .category {
  font-family: "Avenir65Medium", Helvetica, Arial, sans-serif;
  color: black;
}
footer p .category#symmetry {
  color: #A2C7E3;
}
footer p .category#reflections {
  color: #F4B41B;
}
footer p .category#gateway {
  color: #00567E;
}
footer p .category#buckeyefloorcare {
  color: #78CCCA;
}
footer p .category#buckeyeeco {
  color: black;
}
footer p .category#altra {
  color: #636569;
}
footer button {
  background: transparent;
  border: none;
  font-size: 2rem;
  position: absolute;
  right: 5px;
  margin-top: 0.5rem;
}
footer .progress-bar {
  width: 100%;
  height: 1rem;
  background-color: #DFE6F4;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
footer .progress-bar .bar {
  width: 0%;
  height: 1rem;
  background-color: #053DA9;
}