/* Top hook CSS */
#htmlcontent_top ul {
  margin-bottom: 0; }
  #htmlcontent_top ul li {
    margin-bottom: 0px; }
    @media (max-width: 991px) {
      #htmlcontent_top ul li {
        width: 50%;
        padding-top:5px;
      } }
    @media (max-width: 480px) {
      #htmlcontent_top ul li {
        width: 100%;
        float: none; } }
    #htmlcontent_top ul li a {
      display: block;
      position: relative;
      overflow: hidden; }
      @media (max-width: 991px) {
        #htmlcontent_top ul li a {
          font-size: 0.7em; } }
      @media (max-width: 480px) {
        #htmlcontent_top ul li a {
          font-size: 1em; } }
      #htmlcontent_top ul li a 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.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        @media (max-width: 768px) {
          #htmlcontent_top ul li a img {
            /*width: 100%;*/ width:auto; height:100%; max-width:100%;} }
      #htmlcontent_top ul li a .item-html {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(50, 50, 50, 0.8);
        background-color: #191919;
        filter: alpha(opacity=80);
        opacity: 0.8;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        padding: 5px 15px 7px; }
        @media (max-width: 991px) {
          #htmlcontent_top ul li a .item-html {
            padding: 10px 15px 12px; } }
        @media (max-width: 480px) {
          #htmlcontent_top ul li a .item-html {
            padding: 13px 15px 15px; } }
        #htmlcontent_top ul li a .item-html:after {
          content: "\f100";
          display: inline-block;
          position: absolute;
          top: 20%;
          left: 6%;
          font-size: 1.5em;
          color: #fd642d;
          vertical-align: 0;
          font-weight: normal;
          font-style: normal;
          font-family: "FontAwesome";
          -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: 991px) {
            #htmlcontent_top ul li a .item-html:after {
              top: 24%; } }
          @media (max-width: 480px) {
            #htmlcontent_top ul li a .item-html:after {
              top: 27%; } }
        #htmlcontent_top ul li a .item-html h2 {
          color: #ffffff;
          margin: 0;
          padding: 0;
          font-weight:600;
          font-size:1em;
          text-transform: uppercase; }
      #htmlcontent_top ul li a:hover .item-html {
        background: #fd5e25;
        -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:hover .item-html h2 {
          animation: 300ms ease-in-out 0s normal none 1 moveFromLeft; }
        #htmlcontent_top ul li a:hover .item-html:after {
          color: #fff; }
      #htmlcontent_top ul li a:hover img {
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }

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