/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 1px 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li a {
      display: block;
      position: relative; }
      #htmlcontent_home ul li a:hover {
        border: 1px solid #e31d20; }
      #htmlcontent_home ul li a .xy-knowmore {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #fff; }
        #htmlcontent_home ul li a .xy-knowmore:before {
          content: "\f105";
          color: #e31d20;
          font-family: "FontAwesome";
          font-size: 36px;
          padding-right: 17px;
          position: relative;
          top: 4px; }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }

/* Top hook CSS */
#htmlcontent_top {
  float: right;
  width: 33%;
  max-width: 391px;
  padding-left: 5px; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #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 */

/*# sourceMappingURL=hooks.css.map */