.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: 200;}
.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: 20px;
}
.smd.component.spiceconfiguratoroverviewproduct {
  margin-bottom: 20px;
   
}
.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: #2c2c2d;
  font-size: 18px;
  line-height: 28px;
  font-weight: 200; 
  padding: 0 24px;
  text-transform: capitalize;
}
h1 {
  font-size: 18px;
  font-weight: 100;
}
h2 {
  font-size: 16px;
  font-weight: 100;
  padding-bottom: 16px;
}
.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: 20px;
    margin-top: 20px;
  
}

}



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

@media (max-width: 767px) {
  body {
    font-family: "din", sans-serif;
    font-weight: 200;
    color: #4c555a;
    font-size: 14px;
    line-height: 1.4;
}
  .wall .tile {
    float: right;
    width: 50%;
  }
  .wall .tile--image {
    float: left;
    display: block;
  }
  #w50 {
      width: 100%;
   
  }
   
  #dis{display: none;}
  
  #hy {
    width: 100%;
    
 
  }
  .wall .tile--white .tile__content H2{
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 0px;
    padding-top: 0;
    margin: 0;
  }
  .wall .tile--white .tile__content H3{
    font-size: 12px; 
    font-weight:100;
    text-transform: capitalize;
    
  }
  }