#scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #053c78;
  color: white;
  border: none;
  border-radius: 5px;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  transition: background-color 0.3s ease, opacity 0.5s ease, transform 0.5s ease;
  z-index: 20000;
}

.animated {
  animation-duration: 15s;
}

@media (min-width: 300px) {
  #banner-text1 {
    color: rgb(255,255,255);
    font-family: Lora, serif;
    font-size: 45px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(39,43,64,0.45);
  }
}

@media (min-width: 992px) {
  #banner-text1 {
    color: rgb(255,255,255);
    font-family: Lora, serif;
    font-size: 65px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(39,43,64,0.45);
  }
}

@media (min-width: 1400px) {
  #banner-text1 {
    color: rgb(255,255,255);
    font-family: Lora, serif;
    font-size: 65px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(39,43,64,0.45);
  }
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: left;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}

@media (min-width: 300px) {
  #right-look {
    text-align: center;
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    box-shadow: 0px 0px 14px 1px rgba(36,40,44,0.07);
    margin-top: 0px;
    z-index: 10;
    position: relative;
  }
}

@media (min-width: 768px) {
  #right-look {
    text-align: center;
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    box-shadow: 0px 0px 14px 1px rgba(36,40,44,0.07);
    margin-top: -100px;
    z-index: 10;
    position: relative;
  }
}

#navig {
  margin-top: 44px;
  background: rgba(240,240,242,0.0);
  transition: background-color 0.5s ease;
}

@media (min-width: 300px) {
  #top-info {
    height: 50px;
    background: url("../../assets/img/map20.svg") no-repeat, #272B40;
    background-size: cover, auto;
    visibility: hidden;
  }
}

@media (min-width: 576px) {
  #top-info {
    height: 50px;
    background: url("../../assets/img/map20.svg") no-repeat, #272B40;
    background-size: cover, auto;
    visibility: visible;
  }
}

@media (min-width: 300px) {
  #navcol-3 {
    background: rgba(240,240,242,0.91);
    text-align: center;
    margin-top: 51px;
    padding-bottom: 20px;
    padding-top: 20px;
    transition: background-color 0.5s ease;
  }
}

@media (min-width: 992px) {
  #navcol-3 {
    background: rgba(240,240,242,0);
    text-align: center;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    transition: background-color 0.5s ease;
  }
}

#button-more {
  height: 52px;
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
  margin-top: 5px;
  transition: background-color 0.5s ease;
}

.button-more {
  background: rgb(51,122,166);
  color: rgb(255,255,255);
  transition: background-color 0.5s ease;
}

.button-more:hover {
  background: rgb(255, 255, 255);
  color: rgb(51,122,166);
  transition: background-color 0.5s ease;
}