/* Top hook CSS */
#htmlcontent_top {
  width: 100%; }
  #htmlcontent_top ul {
    padding: 0 15px;
    margin-bottom: 20px; }
    #htmlcontent_top ul li {
      padding: 0;
      float: left;
      margin-bottom: 10px;
      height: 240px;
      overflow: hidden;
      -webkit-box-shadow: inset 18px 0 65px 20px #ebebeb;
      -moz-box-shadow: inset 18px 0 65px 20px #ebebeb;
      box-shadow: inset 18px 0 65px 20px #ebebeb; }
      #htmlcontent_top ul li a {
        display: block; }
        #htmlcontent_top ul li a .item-html {
          padding: 38px 35px 30px; }
          #htmlcontent_top ul li a .item-html h2 {
            margin: 0 0 13px;
            color: #c4090d;
            font-family: "Lato", sans-serif;
            font-size: 33px;
            line-height: 39px;
            font-weight: 700;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
          #htmlcontent_top ul li a .item-html .h2 {
            font-size: 50px;
            color: #000;
            margin-bottom: 5px; }
          #htmlcontent_top ul li a .item-html p {
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; }
            #htmlcontent_top ul li a .item-html p .btn1 {
              display: none; }
          @media (max-width: 1199px) {
            #htmlcontent_top ul li a .item-html .h2 {
              font-size: 40px; }
            #htmlcontent_top ul li a .item-html h2 {
              font-size: 28px;
              line-height: 32px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            #htmlcontent_top ul li a .item-html {
              padding: 28px 20px 15px; }
              #htmlcontent_top ul li a .item-html .h2 {
                font-size: 30px; }
              #htmlcontent_top ul li a .item-html h2 {
                font-size: 20px;
                line-height: 26px; } }
          @media (max-width: 479px) {
            #htmlcontent_top ul li a .item-html {
              padding: 25px 15px 5px; }
              #htmlcontent_top ul li a .item-html .h2 {
                font-size: 26px; }
              #htmlcontent_top ul li a .item-html h2 {
                font-size: 20px;
                line-height: 20px; } }
        #htmlcontent_top ul li a:hover .h2 {
          margin-top: 42px; }
        #htmlcontent_top ul li a:hover p {
          margin-top: 132px; }
        @media (max-width: 1199px) {
          #htmlcontent_top ul li a:hover .h2, #htmlcontent_top ul li a:hover p {
            margin-top: 0; } }
      @media (max-width: 767px) {
        #htmlcontent_top ul li {
          height: 180px;
          float: left;
          padding-left: 5px;
          padding-right: 5px;
          width: 100%; } }
      #htmlcontent_top ul li:last-child {
        margin-bottom: 0; }
      #htmlcontent_top ul li img {
        max-width: 100%;
        height: auto; }

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