@charset "utf-8";

@import "../initial";

.layout-content {
  min-height: 37.5em;
  background: #fff;
    position: relative;

  .container {
    @extend .response-container;
  }
}
.contentwrap2{
      background-color: #eeeeee;
}
.topanoce{
  margin-top: -3em;
  opacity: 0;
  -webkit-transform: translateY(15%) translateZ(0);
  -moz-transform: translateY(15%) translateZ(0);
  -o-transform: translateY(15%) translateZ(0);
  -ms-transform: translateY(15%) translateZ(0);
transform: translateY(15%) translateZ(0);
  -webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
  -moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
  -o-transition: transform 0.8s ease-out, opacity 0.4s ease;
  -ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
}
.intro{
      padding: 6em 2em;
      .introimage{
            padding: 0;
        -webkit-box-shadow: 4px 4px 70px -20px rgba(0, 0, 0, 0.5);
        box-shadow: 4px 4px 70px -20px rgba(0, 0, 0, 0.5);
        .ba-banner-widget-4 .w-ba-banner__wrap img{
          margin:0!important;
        }
      }
}
.introtext{
  opacity: 0;
        -webkit-transform: translateY(15%) translateZ(0);
        -moz-transform: translateY(15%) translateZ(0);
        -o-transform: translateY(15%) translateZ(0);
        -ms-transform: translateY(15%) translateZ(0);
      transform: translateY(15%) translateZ(0);
        -webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
        -moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
        -o-transition: transform 0.8s ease-out, opacity 0.4s ease;
        -ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
      transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
}
.animationtext{
    opacity: 1;
      -webkit-transform: translateY(0) translateZ(0);
      -moz-transform: translateY(0) translateZ(0);
      -o-transform: translateY(0) translateZ(0);
      -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}
.animationtop{
    opacity: 1;
      -webkit-transform: translateY(0) translateZ(0);
      -moz-transform: translateY(0) translateZ(0);
      -o-transform: translateY(0) translateZ(0);
      -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}
.colorpanel{
  padding: 3em 0;

}

.contentwrap{
  background-color: #fff;
      width: 100%;
}
// .body-banner{
//     position: fixed;
//     top: 40px;
//     z-index: -1;
//     -webkit-filter: brightness(0.6);
// }
.layout-content-box2 {
  padding: 4em 0!important;
}
.response-panel{
  padding: 0;
}