#tmhtmlcontent_topColumn {
  padding-top: 34px; }
  #tmhtmlcontent_topColumn ul {
    margin-bottom: 0; }
    #tmhtmlcontent_topColumn ul li {
      overflow: hidden;
      margin-bottom: 33px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #tmhtmlcontent_topColumn ul li {
          width: 50%; } }
      @media screen and (max-width: 479px) {
        #tmhtmlcontent_topColumn ul li {
          width: 100%; } }
      #tmhtmlcontent_topColumn ul li a {
        overflow: hidden;
        display: block;
        position: relative;
        border: 1px solid #e9e9e9;
        font-size: 1em; }
        #tmhtmlcontent_topColumn ul li a img {
          max-width: 100%;
          width: 100%;
          height: auto;
          -moz-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease; }
        #tmhtmlcontent_topColumn ul li a .item-html {
          bottom: 0;
          left: 0;
          position: absolute;
          width: 100%; }
        #tmhtmlcontent_topColumn ul li a:last-child {
          margin-bottom: 0; }
        #tmhtmlcontent_topColumn ul li a h3 {
          -moz-transition: all 0.25s ease;
          -o-transition: all 0.25s ease;
          -webkit-transition: all 0.25s ease;
          transition: all 0.25s ease;
          font: 300 40px/40px "Open Sans", sans-serif;
          color: #31353d;
          margin: 0 0 16%;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #tmhtmlcontent_topColumn ul li a h3 {
              font-size: 35px;
              line-height: 35px;
              margin-bottom: 13%; } }
          @media screen and (max-width: 991px) {
            #tmhtmlcontent_topColumn ul li a h3 {
              font-size: 27px;
              line-height: 27px;
              margin-bottom: 9%; } }
          @media screen and (max-width: 767px) {
            #tmhtmlcontent_topColumn ul li a h3 {
              margin-bottom: 13%; } }
        #tmhtmlcontent_topColumn ul li a p {
          text-transform: uppercase;
          text-align: left;
          -moz-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          -webkit-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in;
          font: 600 15px/18px "Open Sans", sans-serif;
          color: white;
          background: #31353d;
          padding: 7.1% 5% 7.1% 9%;
          margin: 0; }
          #tmhtmlcontent_topColumn ul li a p:hover {
            background: #000; }
        #tmhtmlcontent_topColumn ul li a i {
          -moz-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
          float: right;
          font-size: 26px;
          margin-top: -2px;
          color: white; }
        #tmhtmlcontent_topColumn ul li a:hover {
          border-color: #333; }
          @media screen and (min-width: 1199px) {
            #tmhtmlcontent_topColumn ul li a:hover img {
              -moz-transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1);
              -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1); }
            #tmhtmlcontent_topColumn ul li a:hover i {
              -moz-transform: rotateY(-180deg);
              -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg);
              margin-right: 160px;
              color: #e9e9e9; }
            #tmhtmlcontent_topColumn ul li a:hover h3 {
              margin-bottom: 13%; }
            #tmhtmlcontent_topColumn ul li a:hover p {
              padding-left: 18%; } }