.wallsci{    
  background: #fff;
  width: 100%;
  height: auto;
  display: table;
}
.wall {
  width: 100%;
  border-top: 1px solid #eeeeee; }
  .wall#isotope-filter, .wall#whats-new, .wall--investors {
    border-top: 0; }
  
  @media (min-width: 768px) {
    .wall.wall--fullwidth .tile {
      float: left;
      width: 25%; } }
  @media (min-width: 2200px) {
    .wall.wall--fullwidth .tile h3, .wall.wall--fullwidth .tile .h3 {
      font-size: 1.667rem; } }
  .wall.wall--fullwidth .tile--fullwidth {
    float: none;
    width: 100%; }
    .wall.wall--fullwidth .tile--fullwidth img.imagefill {
      max-width: none;
      z-index: 2 !important; }
    .wall.wall--fullwidth .tile--fullwidth .tile__content {
      position: relative;
      height: auto; }
      .wall.wall--fullwidth .tile--fullwidth .tile__content a.btn {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 2.222rem; }
  
  @media (min-width: 768px) {
    .wall.wall--fullwidth .tile--group {
      float: left;
      width: 50%; } }
  @media (min-width: 992px) {
    .wall.wall--fullwidth .tile--group .tile {
      float: left;
      width: 100%; } }
  @media (min-width: 768px) {
    .wall.wall--fullwidth .tile--group .tile {
      float: left;
      width: 50%; } }
  
  @media (min-width: 768px) {
    .wall.wall--fullwidth .tile--wider, .wall.wall--fullwidth .tile--wideimage {
      float: left;
      width: 50%; } }

  @media (min-width: 1600px) {
    .wall.wall--fullwidth .tile .tile__content {
      padding: 2.222rem; } }
  
  @media (min-width: 1600px) {
    .wall.wall--fullwidth .tile.tile--wider .tile__content {
      padding: 2.222rem; } }
 
  @media (min-width: 768px) {
    .wall.wall--inside .tile {
      float: left;
      width: 33.3333333%; } }
  
  @media (min-width: 1600px) {
    .wall.wall--inside .tile .tile__content {
      padding: 1.667rem; } }
  .wall.wall--inside .tile .tile__content.center-content {
    text-align: center; }
    .wall.wall--inside .tile .tile__content.center-content h3 {
      margin: 0 auto;
      padding: 0; }
  .wall.wall--inside {
    margin-top: 1.667rem;
    border-top: 0; }
  .wall.wall--inside .tile {
    overflow: visible; }
    .wall.wall--inside .tile .description {
      font-size: 0.833rem;
      margin-top: 0.556rem; }
      @media (min-width: 480px) {
        .wall.wall--inside .tile .description {
          font-size: 0.833rem; } }
  .wall.wall--testimonials {
    margin-top: 1.389rem;
    border-top: 0; }
  @media (min-width: 480px) {
    .wall.wall--testimonials .tile {
      width: 50%; } }

  @media (min-width: 1900px) {
    .wall.wall--testimonials .tile {
      width: 25%; } }
  .wall .tile {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    vertical-align: top;
    zoom: 1;
    overflow: hidden; }
    .wall .tile.tile--product-group {
      background-color: #eeeeee;
      cursor: pointer;
      overflow: hidden; }
      @media (max-width: 767px) {
        .wall .tile.tile--product-group {
          background-color: #fff;
          border-bottom: 1px solid #eeeeee;
          margin-left: -4%;
          margin-right: -4%;
          width: auto;
          float: none;
          display: block; } }
      .wall .tile.tile--product-group > img {
        transition: -webkit-transform 0.4s cubic-bezier(0.645, 0, 0.355, 1);
        transition: transform 0.4s cubic-bezier(0.645, 0, 0.355, 1);
        -webkit-transform: scale(1.01);
        transform: scale(1.01); }
      .wall .tile.tile--product-group:hover > img, .wall .tile.tile--product-group:focus > img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
      .wall .tile.tile--product-group .logo-image {
        max-height: 100%;
        max-width: 100%; }
      .wall .tile.tile--product-group div.tile__content {
        cursor: pointer;
        padding-top: 0;
        padding-bottom: 0; }
      .wall .tile.tile--product-group h3 {
        width: 100%; }
        @media (min-width: 992px) {
          .wall .tile.tile--product-group h3 {
            font-size: 1.111rem; } }
        @media (min-width: 1200px) {
          .wall .tile.tile--product-group h3 {
            font-size: 1.389rem; } }
        @media (min-width: 1400px) {
          .wall .tile.tile--product-group h3 {
            font-size: 1.667rem; } }
    .wall .tile__content {
      width: 100%;
      z-index: 3;
      display: block;
      text-decoration: none;
      cursor: pointer;
      padding-top: 1.667rem;
      padding-bottom: 5rem;
      padding-right: 4%;
      padding-left: 4%; }
      @media (min-width: 768px) {
        .wall .tile__content {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%; } }
      .wall .tile__content--centered {
        padding-bottom: 1.667rem; }
      .cssanimations .wall .tile__content {
        transition: all 0.2s ease-in-out; }
      .wall .tile__content.absolute-at-small {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%; }
    .wall .tile .type-date {
      margin-top: 0;
      font-size: 0.667rem;
      font-weight: bold;
      text-transform: uppercase;
      padding-bottom: 1.389rem; }
      @media (min-width: 992px) {
        .wall .tile .type-date {
          padding-bottom: 0.556rem; } }
      @media (min-width: 1600px) {
        .wall .tile .type-date {
          padding-bottom: 1.389rem; } }
    .wall .tile .type-title {
      font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif;
      margin-top: 0; 
      font-weight: bold;
      text-transform: none;
      padding-bottom: 0.833rem; }
    .wall .tile h3, .wall .tile .h3 {
      font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif; 
      padding-top: 0.278rem; }
      .cssanimations .wall .tile h3, .cssanimations .wall .tile .h3 {
        transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .wall .tile h3 span.small, .wall .tile .h3 span.small {
        color: #084975; }
      
    .wall .tile--black .tile__content {
      background-color: #222222;
      color: #777777; }
      .wall .tile--black .tile__content .type-date {
        color: #ffffff; }
      .wall .tile--black .tile__content .type-date span {
        color: #777777; }
      .wall .tile--black .tile__content h3, .wall .tile--black .tile__content .h3 {
        color: #ffffff; }
    .wall .tile--black .btn-arrowonly {
      border: 1px solid #444444;
      color: #777777; }
    .wall .tile--black.tile--image:after {
      border-color: #222222 transparent transparent transparent; }
      @media (min-width: 768px) {
        .wall .tile--black.tile--image:after {
          border-color: transparent transparent transparent #222222; } }
    .wall .tile--black.tile--image:after {
      border-color: transparent transparent #222222 transparent; }
      @media (min-width: 768px) {
        .wall .tile--black.tile--image:after {
          border-color: transparent #222222 transparent transparent; } }
    .wall .tile--darkgray .tile__content {
      background-color: #444444; }
      .wall .tile--darkgray .tile__content .type-date {
        color: #ffffff; }
      .wall .tile--darkgray .tile__content .type-date span {
        color: #777777; }
      .wall .tile--darkgray .tile__content h3, .wall .tile--darkgray .tile__content .h3 {
        color: #ffffff; }
    .wall .tile--darkgray .btn-arrowonly {
      border: 1px solid #777777;
      color: #777777; }
    .wall .tile--lightgray .tile__content {
      background-color: #eeeeee;
      color: #777777; }
    .wall .tile--white .tile__content {
      background-color: #ffffff;
      color: #777777; }
      .wall .tile--white .tile__content .type-date {
        color: #084975; }
      .wall .tile--white .tile__content .type-date span {
        color: #cccccc; }
      .wall .tile--white .tile__content h3, .wall .tile--white .tile__content .h3 {
        color: #222222; }
    .wall .tile--group:hover .tile--white .tile__content h3, .wall .tile--white:hover .tile__content h3,
    .wall .tile--group:hover .tile--white .tile__content .h3, .wall .tile--white:hover .tile__content .h3 {
      color: #084975; }
    .wall .tile--blue .tile__content {
      background-color: #55acee;
      color: #ffffff; }
      .wall .tile--blue .tile__content .type-date {
        color: #ffffff; }
      .wall .tile--blue .tile__content h3, .wall .tile--blue .tile__content .h3 {
        color: #ffffff; }
      .wall .tile--blue .tile__content .btn-arrowonly {
        border-color: #ffffff;
        color: #ffffff; }
    .wall .tile--purple .tile__content {
      background: #47296f url(Assets/img/IWD-bg.html);
      color: #ffffff; }
      .wall .tile--purple .tile__content .type-date {
        color: #ffffff; }
        .wall .tile--purple .tile__content .type-date span {
          color: #8b8890; }
      .wall .tile--purple .tile__content h3, .wall .tile--purple .tile__content .h3 {
        color: #ffffff; }
    .wall .tile--purple .btn-arrowonly {
      border-color: #ffffff;
      color: #ffffff; }
    .wall .tile--purple.tile--iwd .tile__content {
      background-image: url(../../img/IWD-bg.jpg);
      background-position: bottom right;
      background-repeat: no-repeat; }
    .wall .tile--red .tile__content {
      background-color: #084975;
      color: #ffffff; }
      .wall .tile--red .tile__content .type-date {
        color: #ffffff; }
      .wall .tile--red .tile__content h3, .wall .tile--red .tile__content .h3 {
        color: #ffffff; }
    .wall .tile--red .btn-arrowonly {
      border: 1px solid #a0140c;
      color: #ffffff; }
    .wall .tile--red a.btn--outlined {
      color: #ffffff;
      border: 1px solid #ffffff; }
      .wall .tile--red a.btn--outlined i {
        border: 1px solid #ffffff;
        color: #ffffff; }
    .wall .tile--gray h3, .wall .tile--gray .h3, .wall .tile--gray .type-date {
      color: #ffffff; }
    .wall .tile--gray .type-date span {
      color: #777777; }
    .wall .tile--gray .description a {
      color: #999999; }
      .wall .tile--gray .description a:hover {
        color: #084975; }
    .wall .tile--gray a.btn--outlined {
      color: #ffffff;
      border: 1px solid #ffffff; }
      .wall .tile--gray a.btn--outlined i {
        border: 1px solid #ffffff;
        color: #ffffff; }
    .wall .tile--gray1 .tile__content {
      background-color: #111111;
      color: #999; }
    .wall .tile--gray1 .btn-arrowonly {
      border-color: #999;
      color: #999; }
    .wall .tile--gray2 .tile__content {
      background-color: #222222;
      color: #999; }
    .wall .tile--gray2 .btn-arrowonly {
      border-color: #999;
      color: #999; }
    .wall .tile--gray3 .tile__content {
      background-color: #333333;
      color: #999; }
    .wall .tile--gray3 .btn-arrowonly {
      border-color: #999;
      color: #999; }
    .wall .tile--gray4 .tile__content {
      background-color: #444444;
      color: #999; }
    .wall .tile--gray4 .btn-arrowonly {
      border-color: #999;
      color: #999; }
    .wall .tile--gray5 .tile__content {
      background-color: #555555;
      color: #aaa; }
    .wall .tile--gray5 .btn-arrowonly {
      border-color: #aaa;
      color: #aaa; }
    @media (max-width: 767px) {
      .wall .tile {
         
      }

      #w50{ width: 50%;}
        .wall .tile--image {
          display: none; } }
    .wall .tile--image {
      overflow: hidden; }
      .wall .tile--image img {
        float: left;
        width: 100%;
        height: auto;
        position: relative; }
      .wall .tile--image a {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        float: left;
        z-index: 1; }
        .cssanimations .wall .tile--image a {
          transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          -webkit-transform: scale(1) translatez(0);
          transform: scale(1) translatez(0); }
    .backgroundsize .wall .tile--image a:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(../../img/tile_img_shading.png);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      z-index: 20;
      opacity: 0.6;
      filter: alpha(opacity=60); }
    .wall .tile--feature-red {
      background-color: #084975; }
      .wall .tile--feature-red a:after {
        display: none; }
    .wall .tile--feature-black {
      background-color: #222222; }
    .wall .tile--testimonial:hover .txt-btn {
      color: #ffffff; }
    .wall .tile--testimonial__image {
      position: relative;
      overflow: hidden; }
      .wall .tile--testimonial__image img {
        float: left;
        width: 100%;
        height: auto;
        position: relative;
        z-index: 10; }
      .backgroundsize .wall .tile--testimonial__image:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../img/tile_img_shading_bottom.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        z-index: 20;
        opacity: 0.6;
        filter: alpha(opacity=60); }
    .wall .tile--testimonial__caption {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 30;
      font-size: 0.833rem;
      padding-left: 4%;
      padding-right: 4%;
      padding-bottom: 1.667rem; }
      @media (min-width: 768px) {
        .wall .tile--testimonial__caption {
          padding-left: 1.667rem;
          padding-right: 1.667rem;
          padding-bottom: 1.667rem; } }
      @media (min-width: 1600px) {
        .wall .tile--testimonial__caption {
          padding-left: 2.222rem;
          padding-right: 2.222rem;
          padding-bottom: 2.222rem; } }
      .wall .tile--testimonial__caption h3, .wall .tile--testimonial__caption .h3 {
        color: #ffffff; }
      .wall .tile--testimonial__caption p {
        margin-top: 0;
        font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif;
        color: #ffffff; }
      .wall .tile--testimonial__caption .txt-btn {
        margin-top: 0.833rem; }
        .wall .tile--testimonial__caption .txt-btn:hover {
          color: #ffffff; }
    .wall .tile--wideimage .tile__content {
      -webkit-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .wall .tile--wideimage h4 {
      color: #ffffff;
      padding: 0;
      margin-top: 0;
      font-size: 1rem;
      position: relative;
      z-index: 3;
      text-align: center; }
      @media (min-width: 992px) {
        .wall .tile--wideimage h4 {
          font-size: 1.389rem;
          top: 50%;
          -webkit-transform: translateY(-50%) translatez(0);
          transform: translateY(-50%) translatez(0); } }
      .wall .tile--wideimage h4 span {
        display: inline-block;
        padding-top: 0.556rem; }
    .wall .tile--wideimage .play-btn i {
      font-size: 3.056rem; }
      @media (min-width: 992px) {
        .wall .tile--wideimage .play-btn i {
          font-size: 4.167rem; } }
    .wall .tile--wideimage .wide-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 2; }
      .cssanimations .wall .tile--wideimage .wide-img {
        transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform: scale(1.01) translatez(0);
        transform: scale(1.01) translatez(0); }
    .cssanimations .wall .tile--wideimage:hover .wide-img {
      -webkit-transform: scale(1.1) translatez(0);
      transform: scale(1.1) translatez(0); }
    .wall .tile #slider {
      position: relative;
      list-style: none;
      overflow: hidden;
      width: 100%;
      padding: 0;
      margin: 0; }
      .wall .tile #slider li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0; }
      .wall .tile #slider li:first-child {
        position: relative;
        display: block;
        float: left; }
      .wall .tile #slider img {
        display: block;
        height: auto;
        float: left;
        border: 0; }
    .wall .tile .rslides_tabs {
      position: absolute;
      padding: 0;
      margin: 0;
      list-style: none;
      display: inline-block;
      width: auto;
      bottom: 1.111rem;
      right: 4%; }
      @media (min-width: 768px) {
        .wall .tile .rslides_tabs {
          bottom: 1.667rem;
          right: 1.667rem; } }
      @media (min-width: 1600px) {
        .wall .tile .rslides_tabs {
          bottom: 2.222rem;
          right: 2.222rem; } }
      .wall .tile .rslides_tabs li {
        padding: 0;
        margin: 0;
        display: inline-block;
        width: auto;
        float: left;
        padding-left: 8px; }
        .wall .tile .rslides_tabs li.rslides_here a {
          background-color: #084975;
          border: 2px solid #084975; }
        .wall .tile .rslides_tabs li a {
          display: inline-block;
          float: left;
          font: 0/0 a;
          width: 12px;
          height: 12px;
          border-radius: 6px;
          border: 1px solid #ffffff;
          background-color: transparent; }
    .wall .tile--twitter .tile__content {
      cursor: auto; }
    .wall .tile--twitter a {
      color: #ffffff; }
      .wall .tile--twitter a:hover {
        text-decoration: underline; }
    .wall .tile .corner-icon {
      position: absolute;
      top: 0.556rem;
      left: 0.556rem;
      z-index: 30;
      font-size: 40px;
      color: #ffffff;
      text-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    .wall .tile--stockinfo {
      background-color: #222222; }
      @media (min-width: 768px) {
        .wall .tile--stockinfo .stockinfo__heading {
          position: absolute; } }
      .wall .tile--stockinfo .type-date {
        color: #777777;
        padding-bottom: 0;
        padding-top: 0; }
      .wall .tile--stockinfo h3 span, .wall .tile--stockinfo .h3 span {
        color: #777777; }
      .wall .tile--stockinfo h4 {
        color: #ffffff;
        font-family: "AvantGardeGothicITC W08 X Lt", Arial, sans-serif;
        font-size: 1.944rem;
        font-weight: normal;
        margin-top: 0; }
        @media (min-width: 1400px) {
          .wall .tile--stockinfo h4 {
            font-size: 3.056rem; } }
        .wall .tile--stockinfo h4 i {
          font-size: 1rem; }
        .wall .tile--stockinfo h4 i:before {
          margin-right: 0;
          margin-left: 0; }
        .wall .tile--stockinfo h4 .icon-up-1 {
          color: #7de529; }
        .wall .tile--stockinfo h4 .icon-down-2 {
          color: #084975; }
        .wall .tile--stockinfo h4.bolder {
          font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif;
          letter-spacing: -1px; }
    .wall .tile .investor-graph {
      width: 100%; }
      .wall .tile .investor-graph img {
        width: 100%;
        height: auto; }
    .wall .tile .investor-number {
      padding-bottom: 1.389rem; }
    .wall .tile--stockquote h3, .wall .tile--stockquote .h3 {
      font-family: "AvantGardeGothicITC W08 X Lt", Arial, sans-serif;
      font-size: 3.056rem;
      margin-top: 0;
      padding-top: 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        .wall .tile--stockquote h3, .wall .tile--stockquote .h3 {
          font-size: 4.167rem;
          letter-spacing: -1px; } }
      @media (min-width: 1200px) and (max-width: 1399px) {
        .wall .tile--stockquote h3, .wall .tile--stockquote .h3 {
          font-size: 4.167rem;
          letter-spacing: -1px; } }
      @media (min-width: 1600px) {
        .wall .tile--stockquote h3, .wall .tile--stockquote .h3 {
          font-size: 4.167rem;
          letter-spacing: -1px; } }
    .wall .tile--stockquote h4 {
      color: #777777;
      font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif;
      letter-spacing: 0;
      margin-top: 0;
      text-transform: uppercase;
      font-size: 1rem; }
    .wall .tile--stockquote .icon-up-1:before, .wall .tile--stockquote .icon-down-2:before {
      margin-left: 0;
      margin-right: 0;
      width: auto; }
    .wall .tile--stockquote .icon-up-1 {
      color: #7de529; }
    .wall .tile--stockquote .icon-down-2 {
      color: #084975; }
    .wall .tile--group:nth-child(6n+3) .tile--image{
      float: left; }
    
    .wall .tile--group:nth-child(6n+6) .tile--image {
      float: right; }
    /* .wall .tile--group .tile--white .tile__content, .wall .tile--white .tile__content {
      border-right: 1px solid #eeeeee;
      border-bottom: 1px solid #eeeeee; } */
    .wall .tile--group:nth-child(6n+3) .tile--white .tile__content, .wall .tile--group:nth-child(6n+6) .tile--white .tile__content {
      border-right: 0; }
   
     
   
    @media (min-width: 768px) {
      .wall .tile--group .tile__content h3, .wall .tile--group .tile__content .h3, .wall .tile--group .tile__content p {
        max-width: 350px; } }
    .cssanimations .wall .tile--image:hover a, .cssanimations .wall .tile--group:hover .tile--image a {
      -webkit-transform: scale(1.1) translatez(0);
      transform: scale(1.1) translatez(0); }
    @media (max-width: 991px) {
      .wall .tile--wider .tile__content {
        height: auto;
        position: relative; } }
    @media (min-width: 992px) {
      .wall .tile--wider .tile__content {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%; } }
    .wall .tile--wider .description {
      margin-top: 1.389rem; }
    .wall .tile--wider h3, .wall .tile--wider .h3 {
      font-size: 1.389rem;
      padding-bottom: 1.111rem;
      position: relative; }
      .wall .tile--wider h3:after, .wall .tile--wider .h3:after {
        display: inline-block;
        width: 55px;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 2px;
        background-color: #084975;
        content: ""; }
      @media (min-width: 480px) {
        .wall .tile--wider h3, .wall .tile--wider .h3 {
          font-size: 1.944rem; } }
      @media (min-width: 768px) {
        .wall .tile--wider h3, .wall .tile--wider .h3 {
          font-size: 2.222rem;
          letter-spacing: -1px; } }
      @media (min-width: 1600px) {
        .wall .tile--wider h3, .wall .tile--wider .h3 {
          font-size: 3.056rem; } }
    @media (max-width: 991px) {
      .wall .tile--wideimage .tile__content {
        height: auto;
        position: relative; } }
    @media (min-width: 992px) {
      .wall .tile--wideimage .tile__content {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%; } }
    .wall .tile--inside.tile {
      /*In case there is no img uploaded*/ }
      @media (min-width: 768px) {
        .wall .tile--inside.tile:hover .tile__content, .wall .tile--inside.tile:nth-child(2):hover .tile__content, .wall .tile--inside.tile:nth-child(3):hover .tile__content, .wall .tile--inside.tile:nth-child(4):hover .tile__content, .wall .tile--inside.tile:nth-child(5):hover .tile__content, .wall .tile--inside.tile:nth-child(6):hover .tile__content, .wall .tile--inside.tile:nth-child(7):hover .tile__content, .wall .tile--inside.tile:nth-child(8):hover .tile__content, .wall .tile--inside.tile:nth-child(9):hover .tile__content, .wall .tile--inside.tile:nth-child(10):hover .tile__content, .wall .tile--inside.tile:nth-child(11):hover .tile__content, .wall .tile--inside.tile:nth-child(12):hover .tile__content {
          background-color: rgba(34, 34, 34, 0.75);
          color: #ffffff; }
        .wall .tile--inside.tile:hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(2):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(3):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(4):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(5):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(6):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(7):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(8):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(9):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(10):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(11):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(12):hover .btn-arrowonly {
          border-color: #ffffff;
          color: #ffffff; } }
      .wall .tile--inside.tile .tile__content {
        background-color: #111111;
        color: #666666;
        transition: all 0.6s; }
      .wall .tile--inside.tile img {
        background-color: #084975; }
      .wall .tile--inside.tile h3, .wall .tile--inside.tile .h3 {
        color: #ffffff;
        padding-top: 0.278rem; }
      .wall .tile--inside.tile .btn-arrowonly {
        border-color: #666666;
        color: #666666;
        transition: all 0.6s; }
        @media (min-width: 768px) {
          .wall .tile--inside.tile .btn-arrowonly {
            bottom: 1.667rem;
            left: 1.667rem; } }
        @media (min-width: 992px) {
          .wall .tile--inside.tile .btn-arrowonly {
            bottom: 1.111rem;
            left: 1.111rem; } }
        @media (min-width: 1600px) {
          .wall .tile--inside.tile .btn-arrowonly {
            bottom: 1.667rem;
            left: 1.667rem; } }
      .wall .tile--inside.tile:nth-child(2) .tile__content {
        background-color: #222222;
        color: #777777; }
      .wall .tile--inside.tile:nth-child(2) .btn-arrowonly {
        border-color: #777777;
        color: #777777; }
      .wall .tile--inside.tile:nth-child(3) .tile__content {
        background-color: #333333;
        color: #777777; }
      .wall .tile--inside.tile:nth-child(3) .btn-arrowonly {
        border-color: #777777;
        color: #777777; }
      .wall .tile--inside.tile:nth-child(4) .tile__content {
        background-color: #444444;
        color: #888888; }
      .wall .tile--inside.tile:nth-child(4) .btn-arrowonly {
        border-color: #888888;
        color: #888888; }
      .wall .tile--inside.tile:nth-child(5) .tile__content {
        background-color: #555555;
        color: #999999; }
      .wall .tile--inside.tile:nth-child(5) .btn-arrowonly {
        border-color: #999999;
        color: #999999; }
      .wall .tile--inside.tile:nth-child(6) .tile__content {
        background-color: #666666;
        color: #aaaaaa; }
      .wall .tile--inside.tile:nth-child(6) .btn-arrowonly {
        border-color: #aaaaaa;
        color: #aaaaaa; }
      .wall .tile--inside.tile:nth-child(7) .tile__content {
        background-color: #777777;
        color: #bbbbbb; }
      .wall .tile--inside.tile:nth-child(7) .btn-arrowonly {
        border-color: #bbbbbb;
        color: #bbbbbb; }
      .wall .tile--inside.tile:nth-child(8) .tile__content {
        background-color: #888888;
        color: #cccccc; }
      .wall .tile--inside.tile:nth-child(8) .btn-arrowonly {
        border-color: #cccccc;
        color: #cccccc; }
      .wall .tile--inside.tile:nth-child(9) .tile__content {
        background-color: #999999;
        color: #dddddd; }
      .wall .tile--inside.tile:nth-child(9) .btn-arrowonly {
        border-color: #dddddd;
        color: #dddddd; }
      .wall .tile--inside.tile:nth-child(10) .tile__content {
        background-color: #aaaaaa;
        color: #666666; }
      .wall .tile--inside.tile:nth-child(10) .btn-arrowonly {
        border-color: #666666;
        color: #666666; }
      .wall .tile--inside.tile:nth-child(11) .tile__content {
        background-color: #bbbbbb;
        color: #777777; }
      .wall .tile--inside.tile:nth-child(11) .btn-arrowonly {
        border-color: #777777;
        color: #777777; }
      .wall .tile--inside.tile:nth-child(12) .tile__content {
        background-color: #cccccc;
        color: #888888; }
      .wall .tile--inside.tile:nth-child(12) .btn-arrowonly {
        border-color: #888888;
        color: #888888; }
    .wall .tile a.src-logo.left {
      position: absolute;
      bottom: 1.111rem;
      left: 7%;
      z-index: 9; }
      @media (max-width: 767px) {
        .wall .tile a.src-logo.left {
          left: 4%; } }
      .wall .tile a.src-logo.left img {
        background: transparent; }
    .wall .tile a.btn {
      position: absolute;
      z-index: 4;
      margin-top: 0;
      margin-right: 0;
      bottom: 1.111rem;
      left: 4%; }
      @media (min-width: 768px) {
        .wall .tile a.btn {
          bottom: 1.667rem;
          left: 1.667rem; } }
      @media (min-width: 1600px) {
        .wall .tile a.btn {
          bottom: 2.222rem;
          left: 2.222rem; } }
    .wall .tile .btn-arrowonly {
      position: absolute;
      z-index: 4;
      margin-top: 0;
      margin-right: 0;
      bottom: 1.111rem;
      left: 4%;
      transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .wall .tile .btn-arrowonly.red {
        border: 0;
        color: #fff !important;
        background: #084975; }
        @media (max-width: 767px) {
          .wall .tile .btn-arrowonly.red {
            background-color: transparent; } }
      @media (min-width: 768px) {
        .wall .tile .btn-arrowonly.right {
          right: 1.667rem;
          bottom: 1.667rem;
          left: auto; } }
      @media (max-width: 767px) {
        .wall .tile .btn-arrowonly {
          border-width: 0;
          background-color: transparent; }
          .wall .tile .btn-arrowonly i {
            margin-left: 0;
            left: 0; } }
      @media (min-width: 768px) {
        .wall .tile .btn-arrowonly {
          bottom: 1.667rem;
          left: 1.667rem; } }
      @media (min-width: 992px) and (max-width: 1599px) {
        .wall .tile .btn-arrowonly {
          width: 48px;
          height: 48px; } }
      @media (min-width: 1600px) {
        .wall .tile .btn-arrowonly {
          bottom: 2.222rem;
          left: 2.222rem; } }
    .wall .tile--product.tile {
      overflow: hidden;
      position: relative; }
      @media (max-width: 767px) {
        .wall .tile--product.tile {
          background-color: #fff;
          border-bottom: 1px solid #eeeeee;
          margin-left: -4%;
          margin-right: -4%;
          width: auto;
          float: none;
          display: block; } }
      .wall .tile--product.tile.logo-bg .tile-logo {
        z-index: 10;
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: 80% auto;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0; }
      .wall .tile--product.tile.logo-bg .tile-overlay-white {
        display: none; }
      .wall .tile--product.tile.light .tile-overlay-white {
        background: linear-gradient(to top, rgba(245, 245, 245, 0.9) 8%, rgba(245, 245, 245, 0) 55%); }
        @media (max-width: 767px) {
          .wall .tile--product.tile.light .tile-overlay-white {
            background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0) 50%); } }
      .wall .tile--product.tile.light .tile__content h3, .wall .tile--product.tile.light .tile__content .h3, .wall .tile--product.tile.light .tile__content .description {
        color: #222222; }
      .wall .tile--product.tile.light .btn-arrowonly {
        color: #222222;
        border-color: #222222;
        z-index: 10; }
      .wall .tile--product.tile .tile-overlay {
        display: block;
        opacity: 0;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #222222;
        transition: all 0.6s; }
        .wall .tile--product.tile .tile-overlay-white {
          display: block;
          z-index: 5;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0) 50%);
          transition: all 0.6s; }
      .wall .tile--product.tile h3, .wall .tile--product.tile .h3 {
        transition: all 0.6s;
        color: #ffffff; }
        @media (min-width: 768px) {
          .wall .tile--product.tile h3, .wall .tile--product.tile .h3 {
            padding: 1.111rem 95px 1.111rem 1.111rem;
            margin: -1.111rem; } }
        @media (min-width: 992px) {
          .wall .tile--product.tile h3, .wall .tile--product.tile .h3 {
            padding: 1.111rem 95px 1.111rem 1.111rem;
            margin: -1.111rem; } }
        @media (min-width: 1600px) {
          .wall .tile--product.tile h3, .wall .tile--product.tile .h3 {
            padding: 1.667rem 100px 1.667rem 1.667rem;
            margin: -1.667rem; } }
      .wall .tile--product.tile .description {
        transition: all 0.6s;
        color: #ffffff; }
      .wall .tile--product.tile img {
        background: radial-gradient(circle at 40% 40%, #eeeeee 25%, #cccccc);
        z-index: 1; }
      .wall .tile--product.tile .tile__content {
        cursor: pointer;
        background-color: #222222 !important;
        transition: all 0.6s;
        z-index: 10; }
        @media (min-width: 768px) {
          .wall .tile--product.tile .tile__content {
            background-color: transparent !important; } }
      .wall .tile--product.tile .btn-arrowonly {
        color: #ffffff;
        border-color: #ffffff;
        z-index: 10; }
      @media (min-width: 768px) {
        .wall .tile--product.tile h3, .wall .tile--product.tile .h3 {
          -webkit-transform: translate3d(0, -100%, 0);
                  transform: translate3d(0, -100%, 0);
          font-size: 1.23rem; }
        .wall .tile--product.tile .tile__content {
          -webkit-transform: translate3d(0, 100%, 0);
                  transform: translate3d(0, 100%, 0); }
        .wall .tile--product.tile:hover .tile__content, .wall .tile--product.tile:hover .tile__content.light, .wall .tile--product.tile:focus .tile__content, .wall .tile--product.tile:focus .tile__content.light {
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
          .wall .tile--product.tile:hover .tile__content h3, .wall .tile--product.tile:hover .tile__content .h3, .wall .tile--product.tile:hover .tile__content.light h3, .wall .tile--product.tile:hover .tile__content.light .h3, .wall .tile--product.tile:focus .tile__content h3, .wall .tile--product.tile:focus .tile__content .h3, .wall .tile--product.tile:focus .tile__content.light h3, .wall .tile--product.tile:focus .tile__content.light .h3 {
            color: #ffffff;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
          .wall .tile--product.tile:hover .tile__content .description, .wall .tile--product.tile:hover .tile__content.light .description, .wall .tile--product.tile:focus .tile__content .description, .wall .tile--product.tile:focus .tile__content.light .description {
            color: #ffffff; }
        .wall .tile--product.tile:hover .tile-overlay, .wall .tile--product.tile:focus .tile-overlay {
          opacity: .85; }
        .wall .tile--product.tile:hover .btn-arrowonly, .wall .tile--product.tile:focus .btn-arrowonly {
          color: #ffffff;
          border-color: #ffffff; } }
  .wall .sq-ratio {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
    display: none; }
    @media (min-width: 768px) {
      .wall .sq-ratio {
        display: block;
        float: left; } }
  .wall .sq-ratio-at-small {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
    display: block;
    float: left; }
  .wall .sq-ratio--wider {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
    display: none; }
    @media (min-width: 992px) {
      .wall .sq-ratio--wider {
        display: block;
        float: left; } }
  .wall .tile div.tile__content {
    cursor: auto; }
  .wall .viewall-link {
    position: relative !important;
    left: 0 !important;
    width: 100%;
    text-align: center; }
    .wall .viewall-link p {
      max-width: none; }

.cssanimations .wall--is-animated {
  -webkit-perspective: 1300px;
  -o-perspective: 1300px;
  -ms-perspective: 1300px;
  perspective: 1300px;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.cssanimations .wall--is-animated .tile.is-animated {
  -webkit-transition-duration: .7s;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-delay: .15s;
  -webkit-transition-timing-function: 'ease-in-out';
  -moz-transition-duration: .7s;
  -moz-transition-property: all;
  -moz-transition-delay: .15s;
  -moz-transition-timing-function: 'ease-in-out';
  -o-transition-duration: .7s;
  -o-transition-property: transform, opacity;
  -o-transition-delay: .15s;
  -o-transition-timing-function: 'ease-in-out';
  -ms-transition-duration: .7s;
  -ms-transition-property: transform, opacity;
  -ms-transition-delay: .15s;
  -ms-transition-timing-function: 'ease-in-out';
  transition-duration: .7s;
  transition-property: transform, opacity;
  transition-delay: .15s;
  transition-timing-function: 'ease-in-out';
  -webkit-transform: rotatex(-80deg) translateZ(0);
  transform: rotatex(-80deg) translateZ(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0; }
  .cssanimations .wall--is-animated .tile.is-animated.revealed {
    -webkit-transform: rotatex(0deg) translateZ(0);
    transform: rotatex(0deg) translateZ(0);
    opacity: 1; }

.tile.tile--link {
  display: block;
  padding: 1.667rem;
  border: 4px solid #222222;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .tile.tile--link p {
    margin: 0 0 3em;
    color: #222222; }
  .tile.tile--link .flex-center, .wall.wall--inside .tile.tile--link .tile__content.center-content {
    height: auto;
    margin-top: auto; }
  .tile.tile--link h3 {
    padding: 0; }
  .tile.tile--link .btn-arrowonly {
    margin: 0 0 0 25px;
    background-color: #222222;
    color: #ffffff; }

@media (min-width: 768px) and (max-width: 991px) {
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(2n+1) {
    transition-delay: .15s; }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(2n+2) {
    transition-delay: .3s; } }

@media (min-width: 768px) and (max-width: 1399px) {
  .wall--is-animated.wall--inside .tile.is-animated:nth-child(2n+1) {
    transition-delay: .15s; }
  .wall--is-animated.wall--inside .tile.is-animated:nth-child(2n+2) {
    transition-delay: .3s; } }

@media (min-width: 992px) and (max-width: 1399px) {
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+1) {
    transition-delay: .15s; }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+2) {
    transition-delay: .3s; }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+3) {
    transition-delay: .45s; } }

@media (min-width: 1400px) {
  .wall--is-animated.wall--inside .tile.is-animated:nth-child(3n+1) {
    transition-delay: .15s; }
  .wall--is-animated.wall--inside .tile.is-animated:nth-child(3n+2) {
    transition-delay: .3s; }
  .wall--is-animated.wall--inside .tile.is-animated:nth-child(3n+3) {
    transition-delay: .45s; } }

@media (min-width: 1400px) {
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+1) {
    transition-delay: .10s; }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+2) {
    transition-delay: .20s; }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+3) {
    transition-delay: .30s; }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+4) {
    transition-delay: .40s; } }

.touch .wall--is-animated .tile.is-animated {
  -webkit-transform: rotatex(0deg) translateZ(0);
  transform: rotatex(0deg) translateZ(0);
  opacity: 1; }

@media (max-width: 767px) {
  .wall .tile--product.tile.light .tile__content h3, .wall .tile--product.tile.light .tile__content .h3, .wall .tile--product.tile.light .tile__content .description, .wall .tile--product.tile.light .btn-arrowonly {
    color: #fff; }
  .wall.experienceList .tile .btn-arrowonly.red {
    background: #084975; }
  .wall.experienceList .tile .btn-arrowonly i {
    left: 50%;
    margin-left: -9px; }
  .wall.experienceList .tile .btn-arrowonly {
    left: 8.111%; } }

.landing-IC .wall .tile h3,
.landing-IC .wall .tile .h3 {
  font-size: 1rem !important; }

@media (max-width: 767px) {
  .landing-IC .wall .tile .btn-arrowonly {
    left: auto;
    right: 0; } 
  



    .fl-search .site-search.active input{
      width: 100%;
      min-height: 28px;
      padding: 0 12px;
      width: 100%;
      background-position-x: 97%;
  }
  
  }
 

    /* 自己添加的 */

    .swiper-container {
      width: 100%;
      height: 100%;
    
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-pagination-bullet-active {
      opacity: 1;
      background: #021931;
  }

.fl-mainnav > li a { 
      color: #9fa0a0;
  }
  .fl-search .glyphicon {
    font-size: 26px ;
    color: #bfc0c0;
    margin-top: 3px;
    margin-left: 10px;
}

.fl-lp-index {margin: 0;}
.wall.wall--fullwidth .tile .index1 {
background: #c8cdd3;
} 
.wall.wall--fullwidth .tile .index2{
background: #1e2e53;
text-align: center;
color: #fff;
padding-top: 10%;
} 
.wall.wall--fullwidth .tile .index2 h1{ color: #fff;}
.pd0{padding: 0;}
.wall.wall--fullwidth .tile--group .w100 {
width: 100%;
}
.w100{width: 100%;}

.wall.wall--fullwidth .tile .indexservicetext {
text-align: center; padding-top: 20%;
}
.indexservice{  border: 1px #eee solid;background-color: #eff2f4;}

.fl-footer {
margin-top: 0px;
padding-top: 50px;
}
.fl-box__inner--cutout {
-webkit-transition: all 0.3s;
transition: all 0.3s;
 background-color: #fff;
 margin-bottom: 0px;
  
 border-top: 1px #eff2f4 solid;
}

.fl-box__inner--cutout:hover {
background-color: #eff2f4;
-webkit-transition: all 0.3s;
transition: all 0.3s;

}
.fl-main-headline-s {
margin-top: 30px;
margin-bottom:0px;
}
.brbl{border-right: 1px #eff2f4 solid; border-left: 1px #eff2f4 solid;}

.fl-box__txt h3{
text-align: center;
}
.fl-box-yy h3{text-align: left;}
.bborder{border-bottom:1px solid #e7e7e7; margin-bottom: 20px;}
.cborder{border-bottom:1px solid #231815; margin-bottom: 20px;}
.newstab ul{width: 100%;}
.newstab ul li{width: 33.2%; text-align: center;background: #fbfbfb;
}
.fl-headimage {
margin-bottom: 17px;
max-height: 750px;
overflow: hidden;
}
.swiper-slide {  min-height: calc(100vh - 60vh);  }
.iswiper1 {
background: #ccc url(../picture/banner1.jpg) no-repeat center ;
background-size:cover; 


}
.iswiper2 {
background: #ccc url(../picture/banner2.jpg) no-repeat center ;
background-size:cover; 


}
.iswiper3 {
background: #ccc url(../picture/banner3.jpg) no-repeat center ;
background-size:cover; 


}
.swiper-slide h2{color:#595a5b; line-height: 50px; font-weight: 300;}
.swiper-slide .ani{text-align:left;}
.fl-equalheight {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.both{    clear: both;

padding-top: 40px;}
/* hyr */
.pr0{padding-right: 0;}
.pl0{padding-left: 0;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
/*  */

@media (max-width: 767px) {

.swiper-slide .ani {
  text-align: center; 
}
.pr0 {
padding-right: 15px;
}
.pl0 {
padding-left: 15px;
}
.emergency-box span { 
font-size: 22px; 
}
.ppl0{padding-left: 0;}

.smdtabgroupcomponent .tab-content {
margin-bottom: 60px;
}
.smd.component.spiceconfiguratoroverviewproduct {
margin-bottom: 40px;
 
}
.swiper-slide {
min-height: calc(100vh - 76vh);
}

.iswiper3 {
background: #ccc url(../picture/banner3.jpg) no-repeat -150px 2px;
background-size: cover;
}
.swiper-slide h2 {
color: #1e2e52;
line-height: 50px;
font-weight: bold;
}
h1 {
font-size: 24px;
font-weight: 100;
}
.fl-subline {
height: 40px;
}
.wall .tile__content { 
padding-top: 0.667rem;
padding-bottom: 1.6rem; 
}
.fl-footer {
margin-top: 0px;
padding-top: 18px;
}
.navigation--bottom .nav__links--products li:last-child {
padding-bottom: 0px;
}
.wp-block-column {

flex-basis: 50%;  
 
}

.product-details .name, .product-details-price .name {

font-size: 24px;

}

}


/* 后加的首页图显示*/

@media (max-width: 767px) {

.wall .tile {
  float: right;
  width: 50%;
}
.wall .tile--image {
  float: left;
  display: block;
}
#w50 {
    width: 100%;
}
 
#dis{display: none;}

#hy {
  width: 100%;
  margin-bottom: 7px;
  margin-top: 7px;
}
}