/*  Universal placeholder for implementing page container on an element  */
/*  This ensures that field items remain active while not being visible */
/*! typey | GPLv2 License | https://github.com/jptaranto/typey */
.banner .overlay-text {
  background-color: rgba(34, 56, 78, 0.9);
  border-radius: 12px;
  display: block;
  left: 10%;
  margin: 6% 0;
  padding: 35px;
  position: relative; }

.banner .content-wrap {
  position: relative;
  height: 200px; }
  @media (min-width: 768px) {
    .banner .content-wrap {
      height: 350px; } }
  @media (min-width: 992px) {
    .banner .content-wrap {
      height: 420px; } }

.banner .title {
  font-weight: normal;
  color: white;
  width: 100%;
  margin: 20px 0;
  font-size: 30px;
  line-height: 36px;
  z-index: 2;
  display: none; }
  @media (min-width: 992px) {
    .banner .title {
      display: block; } }
  .banner .title p {
    margin-bottom: 0; }

.banner .text p {
  color: white;
  font-size: 16px;
  margin: 0 0 10px 0; }

.banner .link {
  margin-top: 20px; }

.banner .supertitle {
  color: #35A6E8;
  font-size: 13px;
  margin: 0;
  text-transform: uppercase; }

.banner .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; }
  .banner .image img {
    width: auto;
    max-width: none;
    height: 200px;
    -webkit-transform: translate(-28%, 0%);
            transform: translate(-28%, 0%); }
    @media screen and (min-width: 500px) {
      .banner .image img {
        -webkit-transform: translate(-28%, 0%);
                transform: translate(-28%, 0%); } }
    @media screen and (min-width: 700px) {
      .banner .image img {
        -webkit-transform: translate(0, 0%);
                transform: translate(0, 0%); } }

.banner picture {
  width: 100%;
  display: block; }

@media screen and (min-width: 500px) {
  .banner .content-wrap,
  .banner .content-wrap img {
    height: 300px; } }

@media screen and (min-width: 700px) {
  .banner .content-wrap,
  .banner .content-wrap img {
    height: 350px; } }

@media (min-width: 992px) {
  .banner .content-wrap {
    height: 400px; }
  .banner .content-wrap img {
    /*height: 400px;*/
    left: 50%;
    position: relative;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    min-width: 100%;
    height: auto;
    overflow: hidden; } }

.banner .slick-next,
.banner .slick-prev {
  background-color: #35A6E8;
  background-position: center;
  background-size: 20%;
  border-radius: 100%;
  padding: 20px;
  top: 50%; }
  .banner .slick-next:focus, .banner .slick-next:hover,
  .banner .slick-prev:focus,
  .banner .slick-prev:hover {
    opacity: 1; }

.banner .slick-prev {
  left: 50px; }

.banner .slick-next {
  left: auto;
  right: 50px; }

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