@font-face {
  font-family: Poppins-Regular;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/Poppins-Regular.eot");
  src: url("../fonts/Poppins-Regular.eot?") format("eot"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular.woff") format("woff");
}
@font-face {
  font-family: Poppins-Bold;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/Poppins-Bold.eot");
  src: url("../fonts/Poppins-Bold.eot?") format("eot"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins-Bold.woff") format("woff");
}
@font-face {
  font-family: Poppins-Light;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/Poppins-Light.eot");
  src: url("../fonts/Poppins-Light.eot?") format("eot"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"), url("../fonts/Poppins-Light.woff") format("woff");
}
@font-face {
  font-family: Poppins-Medium;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/Poppins-Medium.eot");
  src: url("../fonts/Poppins-Medium.eot?") format("eot"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"), url("../fonts/Poppins-Medium.woff") format("woff");
}
@font-face {
  font-family: Poppins-Black;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/Poppins-Black.eot");
  src: url("../fonts/Poppins-Black.eot?") format("eot"), url("../fonts/Poppins-Black.woff") format("woff"), url("../fonts/Poppins-Black.ttf") format("truetype"), url("../fonts/Poppins-Black.woff") format("woff");
}
@font-face {
  font-family: Poppins-SemiBold;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/Poppins-SemiBold.eot");
  src: url("../fonts/Poppins-SemiBold.eot?") format("eot"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/Poppins-SemiBold.woff") format("woff");
}
.alert-success,
.alert-warning,
.alert-danger,
.alert-info {
  padding-left: 60px;
  font: normal 15px "Poppins-Bold";
  text-align: center;
  background-color: #FFFFFF;
  background-image: none;
}
.alert-success:before,
.alert-warning:before,
.alert-danger:before,
.alert-info:before {
  position: absolute;
  display: flex;
  content: "!";
  width: 50px;
  height: 100%;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  font: normal 34px "Poppins-Bold";
  align-items: center;
  justify-content: center;
}

.alert-success {
  color: #0EAF78;
  border: solid 2px #0EAF78;
}
.alert-success:before {
  background-color: #0EAF78;
}

.alert-warning {
  color: #E6A23C;
  border: solid 2px #E6A23C;
}
.alert-warning:before {
  background-color: #E6A23C;
}

.alert-danger {
  color: #DE5D6C;
  border: solid 2px #DE5D6C;
}
.alert-danger:before {
  background-color: #DE5D6C;
}

.alert-info {
  color: #405da7;
  border: solid 2px #405da7;
}
.alert-info:before {
  background-color: #405da7;
}

@keyframes skeleton-load {
  0% {
    background-color: rgba(0, 0, 0, 0.1);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
#bannertopo .banners {
  aspect-ratio: 1240/450;
  display: block;
  overflow: hidden;
  width: 100%;
}
#bannertopo .banners .item {
  display: block;
  outline: 0px;
}
#bannertopo .banners .item img {
  aspect-ratio: 1355/495;
  object-fit: cover;
  display: block;
  width: 100%;
}
@media (max-width: 971px) {
  #bannertopo .banners .item img {
    aspect-ratio: 430/645;
  }
}
#bannertopo .banners .banner-video {
  display: block;
  width: 100%;
}
#bannertopo .banners .banner-video iframe {
  position: absolute;
  display: block;
  width: 300%;
  height: 155%;
  margin-left: -100%;
  pointer-events: none;
  bottom: 0;
  top: 0;
  margin-top: auto;
  margin-bottom: auto;
}
#bannertopo .owl-dots {
  position: absolute;
  left: 0px;
  bottom: 20px;
}

@media (max-aspect-ratio: 1/1) {
  #bannertopo .banners {
    aspect-ratio: 410/620;
  }
}

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