/* Top hook CSS */
#htmlcontent_top ul {
  margin-bottom: 13px; }
  #htmlcontent_top ul li {
    padding-top: 30px; }
    @media (max-width: 480px) {
      #htmlcontent_top ul li {
        width: 100%; } }
    #htmlcontent_top ul li > a {
      display: block;
      overflow: hidden;
      position: relative; }
      @media (max-width: 1200px) {
        #htmlcontent_top ul li > a {
          font-size: 0.85em; } }
      @media (max-width: 991px) {
        #htmlcontent_top ul li > a {
          font-size: 0.7em; } }
      @media (min-width: 480px) and (max-width: 767px) {
        #htmlcontent_top ul li > a {
          font-size: 0.5em; } }
      @media (max-width: 480px) {
        #htmlcontent_top ul li > a {
          font-size: 0.75em; } }
      #htmlcontent_top ul li > a .waves-ripple {
        z-index: 5; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }
    #htmlcontent_top ul li .item-html {
      position: absolute;
      top: 20%;
      left: 0;
      width: 100%;
      padding: 0 0 0 46px;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      @media (max-width: 1200px) {
        #htmlcontent_top ul li .item-html {
          padding: 0 0 0 30px;
          top: 15%; } }
      @media (min-width: 480px) and (max-width: 767px) {
        #htmlcontent_top ul li .item-html {
          padding: 0 0 0 15px; } }
      #htmlcontent_top ul li .item-html h2, #htmlcontent_top ul li .item-html h3 {
        margin: 0;
        padding: 0; }
      #htmlcontent_top ul li .item-html h2 {
        font: 400 2.833em/1.2em "Roboto", sans-serif;
        color: #00bbd3;
        position: relative;
        margin-bottom: 3px;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease; }
      #htmlcontent_top ul li .item-html h3 {
        font: 400 2em/1.2em "Roboto", sans-serif;
        color: #333333;
        margin-bottom: 20px; }
        @media (max-width: 1200px) {
          #htmlcontent_top ul li .item-html h3 {
            margin-bottom: 16px; } }
        @media (max-width: 991px) {
          #htmlcontent_top ul li .item-html h3 {
            margin-bottom: 8px; } }
      #htmlcontent_top ul li .item-html span {
        display: inline-block;
        font: 400 1.167em/1.2em "Roboto", sans-serif; }
        @media (max-width: 991px) {
          #htmlcontent_top ul li .item-html span {
            font-size: 1.5em; } }
        #htmlcontent_top ul li .item-html span:after {
          content: "\e0c2";
          font-family: "material-design";
          font-size: 23px;
          line-height: 23px;
          color: #00bbd3;
          margin-left: 7px;
          vertical-align: -3px; }
          @media (max-width: 991px) {
            #htmlcontent_top ul li .item-html span:after {
              vertical-align: -4px; } }

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