/* Top hook CSS */
#tmhtmlcontent_topColumn {
  margin: 0;
  background: #b39f7c; }
  #tmhtmlcontent_topColumn ul {
    margin-bottom: 0;
    padding: 106px 0 31px; }
    #tmhtmlcontent_topColumn ul li {
      position: relative;
      text-align: center;
      padding-bottom: 73px;
      z-index: 1; }
      @media (min-width: 1200px) {
        #tmhtmlcontent_topColumn ul li a:hover .item-html .icon:before {
          color: #28282a !important; }
        #tmhtmlcontent_topColumn ul li a:hover .item-html .icon:after {
          opacity: 1;
          transform: scale(1); } }
      #tmhtmlcontent_topColumn ul li .item-html {
        color: white; }
        #tmhtmlcontent_topColumn ul li .item-html .icon {
          display: block;
          width: 200px;
          height: 200px;
          font-size: 80px;
          line-height: 196px;
          border: 2px solid white;
          margin: 0 auto 23px;
          border-radius: 100%;
          position: relative; }
          #tmhtmlcontent_topColumn ul li .item-html .icon:before {
            z-index: 1;
            transition: all 0.3s ease; }
          @media (min-width: 1200px) {
            #tmhtmlcontent_topColumn ul li .item-html .icon:after {
              border-radius: 50%;
              box-sizing: content-box;
              content: "";
              height: 100%;
              pointer-events: none;
              position: absolute;
              width: 100%;
              background: white;
              left: -2px;
              padding: 2px;
              top: -2px;
              transition: transform 0.2s ease 0s, opacity 0.3s ease 0s;
              z-index: -1;
              opacity: 0;
              transform: scale(1.3); } }
        #tmhtmlcontent_topColumn ul li .item-html h2 {
          font: bold 22px/28px "Source Sans Pro", sans-serif;
          margin: 0; }
  @media (min-width: 992px) and (max-width: 1199px) {
    #tmhtmlcontent_topColumn ul {
      padding: 46px 0 10px; }
      #tmhtmlcontent_topColumn ul li {
        padding-bottom: 36px; }
        #tmhtmlcontent_topColumn ul li .item-html .icon {
          width: 150px;
          height: 150px;
          font-size: 60px;
          line-height: 146px; }
        #tmhtmlcontent_topColumn ul li .item-html h2 {
          font: bold 14px/19px "Source Sans Pro", sans-serif; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #tmhtmlcontent_topColumn ul {
      padding: 36px 0 0; }
      #tmhtmlcontent_topColumn ul li {
        padding-bottom: 36px; }
        #tmhtmlcontent_topColumn ul li .item-html .icon {
          width: 100px;
          height: 100px;
          font-size: 40px;
          line-height: 96px; }
        #tmhtmlcontent_topColumn ul li .item-html h2 {
          font: bold 14px/19px "Source Sans Pro", sans-serif; } }
  @media (max-width: 767px) {
    #tmhtmlcontent_topColumn ul {
      padding: 30px 0; }
      #tmhtmlcontent_topColumn ul li {
        padding: 0; } }

/* Footer hook CSS */
#tmhtmlcontent_footer {
  position: relative;
  padding: 58px 0 98px; }
  #tmhtmlcontent_footer:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 5000px;
    margin-left: -2500px;
    height: 100%;
    background: #b39f7c; }
  #tmhtmlcontent_footer ul {
    margin: 0; }
    #tmhtmlcontent_footer ul li h2 {
      font: bold 22px/28px "Source Sans Pro", sans-serif;
      color: white;
      text-align: center; }
      #tmhtmlcontent_footer ul li h2:before {
        font-size: 81px;
        line-height: 1.5;
        margin-bottom: 5px;
        display: block;
        transition: all 0.3s ease;
        perspective-origin: 2000px; }
    #tmhtmlcontent_footer ul li a:hover h2:before {
      transform: scale(1.2); }