/*  Universal placeholder for implementing page container on an element  */
.banner .banner-height-landing {
  display: none; }

.banner .banner-height-landing:first-child {
  display: block; }

@media (min-width: 992px) {
  .banner .slick-track {
    height: 400px; } }

.banner .overlay-text {
  padding: 10px 35px;
  position: relative;
  background: transparent; }
  @media (min-width: 992px) {
    .banner .overlay-text {
      background-color: rgba(34, 56, 78, 0.9);
      border-radius: 12px;
      display: block;
      left: 10%;
      margin: 6% 0;
      padding: 35px; } }

.banner .content-wrap {
  position: relative;
  background-color: rgba(34, 56, 78, 0.9);
  height: 400px; }
  @media (min-width: 768px) {
    .banner .content-wrap {
      height: 480px; } }
  @media (min-width: 992px) {
    .banner .content-wrap {
      height: 400px; } }

.banner .text-content {
  height: 200px;
  position: relative;
  z-index: 5; }
  @media (min-width: 768px) {
    .banner .text-content {
      height: 200px; } }
  @media (min-width: 992px) {
    .banner .text-content {
      height: auto;
      background-color: transparent; } }
  .banner .text-content .col-md-8 {
    padding: 0; }
    @media (min-width: 992px) {
      .banner .text-content .col-md-8 {
        padding: 0 24px; } }
    @media (max-width: 991px) {
      .banner .text-content .col-md-8 {
        width: 100%;
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        max-width: 100%; } }

.banner .title {
  font-weight: normal;
  color: white;
  width: 100%;
  margin: 20px 0;
  font-size: 30px;
  line-height: 36px;
  z-index: 2; }
  @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 .supertitle {
  color: #35A6E8;
  font-size: 13px;
  margin: 0;
  text-transform: uppercase; }

.banner .image {
  height: 200px;
  display: block;
  overflow: hidden; }
  @media (min-width: 768px) {
    .banner .image {
      height: 280px; } }
  @media (min-width: 992px) {
    .banner .image {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      height: auto; } }
  .banner .image img {
    width: auto;
    max-width: none;
    height: auto;
    display: block; }

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

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

.banner .slick-prev {
  left: 0px;
  top: calc(30% - 26px);
  z-index: 5; }
  @media (min-width: 992px) {
    .banner .slick-prev {
      top: calc(50% - 20px); } }

.banner .slick-next {
  left: initial;
  right: 20px; }

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