/* Top hook CSS */
#htmlcontent_top {
  margin-top: -50px; /*-345px*/
  position: relative;
  z-index: 2; }
  @media (max-width: 1600px) {
    #htmlcontent_top {
      margin-top: -50px; /*-100px*/} }
  @media (max-width: 767px) {
    #htmlcontent_top {
      margin-top: 0; } }
  #htmlcontent_top ul {
    margin: 0 -5px; }
    #htmlcontent_top ul li {
      margin-bottom: 10px;
      padding: 0 5px; }
      @media (max-width: 480px) {
        #htmlcontent_top ul li {
          width: 100%;
          float: none; } }
      #htmlcontent_top ul li a {
        position: relative;
        display: block;
        overflow: hidden;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        @media (max-width: 1200px) {
          #htmlcontent_top ul li a {
            font-size: 0.8em; } }
        @media (max-width: 991px) {
          #htmlcontent_top ul li a {
            font-size: 0.60em; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul li a {
            font-size: 0.85em; } }
        @media (min-width: 480px) and (max-width: 767px) {
          #htmlcontent_top ul li a {
            font-size: 0.4em; } }
        @media (max-width: 480px) {
          #htmlcontent_top ul li a {
            font-size: 0.45em; } }
        #htmlcontent_top ul li a img {
          max-width: 100%;
          height: auto; }
        #htmlcontent_top ul li a .item-html {
          position: absolute;
          bottom: 0;
          width: 100%;
          right: 0;
          text-align: center;
          background: #e00707;
          padding: 12px 0;
          -moz-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          #htmlcontent_top ul li a .item-html h2 {
            margin: 0;
            padding: 0;
            color: #ffffff;
            font-size: 3em;
            line-height: 1em;
            font-weight: 700; }
            #htmlcontent_top ul li a .item-html h2 span {
              display: block;
              font-size: 0.804em;
              font-weight: 400; }
          #htmlcontent_top ul li a .item-html > span {
            display: inline-block;
            font-size: 1.308em;
            line-height: 1.2em;
            font-weight: 500;
            color: #ffffff;
            text-transform: uppercase;
            z-index: 1;
            position: relative; }
            @media (max-width: 991px) {
              #htmlcontent_top ul li a .item-html > span {
                font-size: 1.508em; } }
            @media (min-width: 480px) and (max-width: 767px) {
              #htmlcontent_top ul li a .item-html > span {
                display: none; } }
            @media (max-width: 480px) {
              #htmlcontent_top ul li a .item-html > span {
                font-size: 2em; } }
            #htmlcontent_top ul li a .item-html > span:hover {
              text-decoration: none; }
        #htmlcontent_top ul li a:hover {
          -moz-box-shadow: rgba(0, 0, 0, 0.18) 2px 0 20px;
          -webkit-box-shadow: rgba(0, 0, 0, 0.18) 2px 0 20px;
          box-shadow: rgba(0, 0, 0, 0.18) 2px 0 20px; }
          #htmlcontent_top ul li a:hover .item-html {
            background: #4c4c4c; }

/* Home hook CSS */
#htmlcontent_home {
  padding: 166px 0 181px; }
  #htmlcontent_home ul {
    margin-bottom: 30px; }
    #htmlcontent_home ul li a {
      display: block;
      position: relative; }
      @media (max-width: 1200px) {
        #htmlcontent_home ul li a {
          font-size: 0.8em; } }
      @media (max-width: 991px) {
        #htmlcontent_home ul li a {
          font-size: 0.7em; } }
      @media (max-width: 767px) {
        #htmlcontent_home ul li a {
          font-size: 0.5em; } }
      #htmlcontent_home ul li a img {
        max-width: 100%;
        height: auto; }
      #htmlcontent_home ul li a .item-html {
        text-align: center; }
        #htmlcontent_home ul li a .item-html h1 {
          margin: 0 0 16px 0;
          padding: 0;
          font-size: 8.000em;
          line-height: 1.05em;
          font-weight: 900;
          color: #fff;
          text-transform: uppercase; }
          #htmlcontent_home ul li a .item-html h1 span {
            font-size: 0.479em;
            display: block; }
        #htmlcontent_home ul li a .item-html > span {
          display: inline-block;
          padding: 19px 56px 19px 54px;
          background: #e00707;
          font-weight: bold;
          font-size: 1.5em;
          line-height: 1.2em;
          color: #fff;
          text-transform: uppercase;
          -moz-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          @media (max-width: 767px) {
            #htmlcontent_home ul li a .item-html > span {
              font-size: 2.2em; } }
          #htmlcontent_home ul li a .item-html > span:hover {
            background: #bf0606; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */