@-moz-keyframes news-list {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes news-list {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); } }
@keyframes news-list {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); } }
.footerbanner {
  float: left;
  width: 100%;
  position: relative;
  height: 470px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  /*
    @include scope(premobile) {
  	  height: 420px;
      .content {
        .inner {
          h2.title {
            @include grid(12);
          }
        }
      }
    }
  */ }
  @media (max-width: 780px) {
    .footerbanner {
      background-image: none !important;
      height: auto; } }
  .footerbanner .image-mobile {
    width: 100%;
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    display: none; }
    @media (max-width: 780px) {
      .footerbanner .image-mobile {
        display: block;
        height: 400px; } }
    @media (max-width: 500px) {
      .footerbanner .image-mobile {
        display: block;
        height: 260px; } }
  .footerbanner .overlay {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    width: calc((100% - (100% - 1160px)/2) - (3.75 * (98.49057px)));
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #172322;
    opacity: 0.7; }
  .footerbanner .content {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .footerbanner .content .inner {
      width: 90%;
      max-width: 1160px;
      margin: 0 auto; }
      @media (max-width: 890px) {
        .footerbanner .content .inner {
          width: 90%; } }
      @media (max-width: 780px) {
        .footerbanner .content .inner {
          width: 100%; } }
      @media (max-width: 500px) {
        .footerbanner .content .inner {
          width: 100%; } }
      @media (max-width: 780px) {
        .footerbanner .content .inner {
          box-sizing: border-box;
          padding: 0 8.59375%; } }
      .footerbanner .content .inner h2.title {
        width: 49.0566%;
        margin-right: 1.88679%;
        float: left;
        margin: 0;
        font-family: "Adobe Garamond W01 It", sans-serif;
        font-size: 44px;
        line-height: 52px;
        font-weight: 400;
        text-decoration: none;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff; }
        @media (max-width: 890px) {
          .footerbanner .content .inner h2.title {
            font-size: 36px;
            line-height: 44px; } }
        @media (max-width: 500px) {
          .footerbanner .content .inner h2.title {
            font-size: 26px;
            line-height: 34px; } }
        .footerbanner .content .inner h2.title.color-white {
          color: #ffffff; }
        .footerbanner .content .inner h2.title.color-primary {
          color: #20302F; }
  @media (max-width: 1160px) {
    .footerbanner {
      height: 420px; }
      .footerbanner .content .inner h2.title {
        width: 66.03774%;
        margin-right: 1.88679%;
        float: left; } }
  @media (max-width: 890px) {
    .footerbanner {
      height: 380px; }
      .footerbanner .content .inner h2.title {
        width: 83.01887%;
        margin-right: 1.88679%;
        float: left; } }
  @media (max-width: 780px) {
    .footerbanner {
      height: auto; }
      .footerbanner .overlay {
        display: none; }
      .footerbanner .content {
        position: static;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        background-color: #495a57;
        height: auto;
        float: left;
        padding: 40px 0; }
        .footerbanner .content .inner {
          position: relative;
          height: auto; }
          .footerbanner .content .inner h2.title {
            width: 100%;
            position: static;
            top: 50%;
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%);
            float: left; } }

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