/* Top hook CSS */
#htmlcontent_top {
  padding-top: 30px; }
  #htmlcontent_top ul {
    margin: 0; }
    #htmlcontent_top ul li {
      padding: 0;
      position: relative; }
      #htmlcontent_top ul li .item-html {
        background: rgba(240, 39, 39, 0.9);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        padding: 24px 32px 16px 28px;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #htmlcontent_top ul li .item-html h2 {
          color: #fff;
          margin: 0;
          font: 300 24px/30px "Lato", sans-serif;
          text-transform: uppercase; }
          #htmlcontent_top ul li .item-html h2 b {
            font-size: 26px; }
        #htmlcontent_top ul li .item-html .btnlnk {
          float: right;
          text-transform: uppercase;
          font-size: 15px;
          font-weight: 900;
          text-decoration: underline; }
      #htmlcontent_top ul li.htmlcontent-item-2 .item-html {
        background: rgba(0, 0, 0, 0.75); }
      #htmlcontent_top ul li img {
        max-width: 100%;
        height: auto;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      @media only screen and (min-width: 1200px) {
        #htmlcontent_top ul li > a {
          display: block;
          overflow: hidden; }
          #htmlcontent_top ul li > a:hover img {
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1); }
          #htmlcontent_top ul li > a:hover .item-html {
            bottom: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #htmlcontent_top ul li .item-html {
          padding: 15px 20px 10px; }
          #htmlcontent_top ul li .item-html h2 {
            font-size: 20px; }
            #htmlcontent_top ul li .item-html h2 b {
              font-size: 22px; }
          #htmlcontent_top ul li .item-html .btnlnk {
            font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_top ul li .item-html {
          padding: 7px 15px 5px; }
          #htmlcontent_top ul li .item-html h2 {
            font-size: 16px; }
            #htmlcontent_top ul li .item-html h2 b {
              font-size: 18px; }
          #htmlcontent_top ul li .item-html p {
            display: none; } }
      @media (min-width: 480px) and (max-width: 767px) {
        #htmlcontent_top ul li .item-html {
          padding: 7px 10px 5px; }
          #htmlcontent_top ul li .item-html h2 {
            font-size: 12px;
            line-height: 20px; }
            #htmlcontent_top ul li .item-html h2 b {
              font-size: 14px; }
          #htmlcontent_top ul li .item-html p {
            display: none; } }
      @media (max-width: 479px) {
        #htmlcontent_top ul li {
          width: 100%; }
          #htmlcontent_top ul li .item-html {
            padding: 7px 10px 5px; }
            #htmlcontent_top ul li .item-html h2 {
              font-size: 20px; }
              #htmlcontent_top ul li .item-html h2 b {
                font-size: 22px; }
            #htmlcontent_top ul li .item-html .btnlnk {
              font-size: 11px; } }

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