/* Home hook CSS */
#tmhtmlcontent_topColumn ul {
  margin-bottom: 0; }
  #tmhtmlcontent_topColumn ul li {
    padding-top: 30px; }
    #tmhtmlcontent_topColumn ul li img {
      max-width: 100%;
      height: auto; }
    #tmhtmlcontent_topColumn ul li a:hover .item-html button:before {
      bottom: 0; }
    #tmhtmlcontent_topColumn ul li .item-html {
      min-height: 20px;
      position: relative; }
      #tmhtmlcontent_topColumn ul li .item-html .leftBox {
        background: #131418;
        padding: 2.7% 3.9% 3.4%;
        width: 68.4%; }
        #tmhtmlcontent_topColumn ul li .item-html .leftBox h2 {
          font-family: "Just Another Hand", cursive;
          color: #fff;
          font-size: 90px;
          line-height: 90px;
          margin: 0; }
        #tmhtmlcontent_topColumn ul li .item-html .leftBox p {
          color: #c6213b;
          font-size: 20px;
          letter-spacing: 0.15em;
          line-height: 20px;
          margin-left: 6px;
          margin-top: -6px;
          margin-bottom: 3px;
          text-transform: uppercase; }
      #tmhtmlcontent_topColumn ul li .item-html button {
        background: #c2c1c6;
        border: none;
        bottom: 0;
        font-size: 48px;
        font-weight: 300;
        line-height: 48px;
        position: absolute;
        right: 0;
        top: 0;
        width: 31.6%;
        color: #fff; }
        #tmhtmlcontent_topColumn ul li .item-html button:before {
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          background: #c6213b;
          bottom: 100%;
          content: "";
          left: 0;
          position: absolute;
          right: 0;
          top: 0; }
        #tmhtmlcontent_topColumn ul li .item-html button span {
          left: 0;
          letter-spacing: 1.2px;
          position: absolute;
          right: 0;
          top: 50%;
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
@media (min-width: 992px) and (max-width: 1199px) {
  #tmhtmlcontent_topColumn ul li .item-html .leftBox h2 {
    font-size: 60px;
    line-height: 60px; }
  #tmhtmlcontent_topColumn ul li .item-html .leftBox p {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #tmhtmlcontent_topColumn ul li .item-html .leftBox h2 {
    font-size: 40px;
    line-height: 60px; }
  #tmhtmlcontent_topColumn ul li .item-html .leftBox p {
    font-size: 14px; } }
@media only screen and (max-width: 767px) {
  #tmhtmlcontent_topColumn ul li .item-html .leftBox h2 {
    font-size: 40px;
    line-height: 60px; }
  #tmhtmlcontent_topColumn ul li .item-html .leftBox p {
    font-size: 14px; }
  #tmhtmlcontent_topColumn ul li .item-html button {
    font-size: 28px;
    line-height: 28px; } }
@media only screen and (max-width: 580px) {
  #tmhtmlcontent_topColumn ul li .item-html .leftBox {
    width: 100%;
    text-align: center; }
  #tmhtmlcontent_topColumn ul li .item-html button {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    height: 50px; } }

#tmhtmlcontent_home ul {
  margin-bottom: 0; }
  #tmhtmlcontent_home ul li img {
    max-width: 100%;
    height: auto; }
  #tmhtmlcontent_home ul li .item-html {
    padding: 70px 0 85px; }
    #tmhtmlcontent_home ul li .item-html h2 {
      color: #fff;
      font-size: 72px;
      font-weight: 300;
      letter-spacing: 1.8px;
      line-height: 84px;
      margin: 0; }
      #tmhtmlcontent_home ul li .item-html h2 span {
        color: #c6213b;
        display: block;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        word-spacing: 20px; }
    #tmhtmlcontent_home ul li .item-html p {
      color: #fefefe;
      margin-top: 25px; }
    #tmhtmlcontent_home ul li .item-html .btn {
      background: #fff;
      border-color: #fff;
      color: #c6213b;
      font-size: 20px;
      font-weight: 300;
      letter-spacing: 1.5px;
      line-height: 20px;
      padding: 17px 36px;
      margin-top: 26px; }
      #tmhtmlcontent_home ul li .item-html .btn:hover, #tmhtmlcontent_home ul li .item-html .btn:active, #tmhtmlcontent_home ul li .item-html .btn:active:focus, #tmhtmlcontent_home ul li .item-html .btn:focus {
        background: #c6213b;
        border-color: #c6213b;
        color: #fff; }
      #tmhtmlcontent_home ul li .item-html .btn:before {
        background: #c6213b;
        bottom: 100%;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
@media only screen and (max-width: 1800px) {
  #tmhtmlcontent_home ul li {
    width: 50%; }
    #tmhtmlcontent_home ul li .item-html {
      padding: 40px 0 45px; } }
@media (max-width: 1199px) {
  #tmhtmlcontent_home ul li {
    width: 100%; }
    #tmhtmlcontent_home ul li .item-html {
      padding: 30px 0; }
      #tmhtmlcontent_home ul li .item-html h2 {
        font-size: 42px;
        line-height: 54px; } }
@media (max-width: 991px) {
  #tmhtmlcontent_home ul li {
    width: 100%; }
    #tmhtmlcontent_home ul li .item-html {
      padding: 30px 0; }
      #tmhtmlcontent_home ul li .item-html h2 {
        font-size: 42px;
        line-height: 54px; }
      #tmhtmlcontent_home ul li .item-html p {
        display: none; } }
@media (max-width: 991px) {
  #tmhtmlcontent_home ul li {
    width: 100%; }
    #tmhtmlcontent_home ul li .item-html {
      padding: 30px 0; }
      #tmhtmlcontent_home ul li .item-html h2 {
        font-size: 22px;
        line-height: 34px; }
      #tmhtmlcontent_home ul li .item-html p {
        display: none; }
      #tmhtmlcontent_home ul li .item-html .btn {
        font-size: 14px;
        letter-spacing: 1.5px;
        line-height: 20px;
        padding: 10px 20px;
        margin-top: 16px; } }