/* import file for a variety of colors */
/* various useful variables and mixins */
.top-slider {
  overflow: hidden;
}
.top-slider .top-slider-wrap {
  width: 100vw;
  height: 25rem;
  display: flex;
  transition: transform 0.7s ease-in-out;
}
.top-slider .top-slider-wrap > div {
  color: white;
  height: 100%;
  width: 100vw;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.top-slider .top-slider-wrap > div h1 {
  font-size: 350%;
  color: white;
  line-height: 1;
}
@media (max-width: 690px) {
  .top-slider .top-slider-wrap > div h1 {
    font-size: 250%;
  }
}
.top-slider .top-slider-wrap .column-container {
  align-items: center;
  width: 100%;
}
.top-slider .top-slider-wrap .text-block {
  color: white;
  height: 100%;
  width: calc(50% - 0.6rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0.3rem;
}
.top-slider .top-slider-wrap .text-block h1 {
  font-size: 350%;
  color: white;
  margin-bottom: 0;
  text-align: center;
  line-height: 1;
}
@media (max-width: 1200px) {
  .top-slider .top-slider-wrap .text-block h1 {
    font-size: 250%;
  }
}
.top-slider .top-slider-wrap .text-block img {
  height: 100%;
  width: 40%;
  max-width: 100rem;
  justify-self: center;
}
@media (max-width: 1200px) {
  .top-slider .top-slider-wrap .text-block img {
    display: none;
  }
}
.top-slider .top-slider-wrap .text-block p {
  margin-bottom: 0;
  margin-top: 2rem;
  font-size: 130%;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .top-slider .top-slider-wrap .text-block p {
    font-size: 110%;
  }
}
.top-slider .top-slider-wrap .text-block .btn {
  border-radius: 6px;
}
.top-slider .top-slider-wrap .text-block picture {
  display: flex;
  justify-content: center;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

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