@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700,400italic,500italic,700italic);
/* Top hook CSS */
#htmlcontent_top {
  clear: left;
  float: none;
  width: 100%;
  max-width: 100%; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0; } }
  #htmlcontent_top ul {
    margin-bottom: 30px;
    overflow: hidden;
    background: url(../../../../img/banner_box.jpg) repeat center 0; }
    #htmlcontent_top ul li {
      position: relative;
      float: left;
      width: 50%;
      height: 348px;
      overflow: hidden; }
      #htmlcontent_top ul li img {
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all; }
      #htmlcontent_top ul li:hover img {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2); }
      #htmlcontent_top ul li .item-html h3 {
        margin-top: 0;
        margin-bottom: 14px;
        color: #1f2122;
        font-family: 'Ubuntu', sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 500;
        text-transform: uppercase; }
      #htmlcontent_top ul li .item-html h4 {
        margin-top: 0;
        margin-bottom: 17px;
        color: #b1b6b7;
        font-family: 'Ubuntu', sans-serif;
        font-size: 20px;
        line-height: 22px;
        font-weight: 500;
        text-transform: uppercase; }
      #htmlcontent_top ul li .item-html .btn.btn-default {
        float: none;
        background: none;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        border: 1px solid #e2e2e2;
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        color: #1f2122;
        text-transform: uppercase;
        text-align: center;
        padding: 21px 50px 23px 50px;
        overflow: hidden;
        position: relative;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
        z-index: 1; }
        #htmlcontent_top ul li .item-html .btn.btn-default:before {
          display: none; }
        #htmlcontent_top ul li .item-html .btn.btn-default:hover {
          color: #e2e2e2;
          background: #1f2122; }
      #htmlcontent_top ul li.htmlcontent-item-3 .item-html, #htmlcontent_top ul li.htmlcontent-item-4 .item-html {
        padding-top: 99px;
        text-align: right;
        padding-right: 28px; }
      #htmlcontent_top ul li.htmlcontent-item-3 img, #htmlcontent_top ul li.htmlcontent-item-4 img {
        left: 0;
        top: 0; }
      #htmlcontent_top ul li.htmlcontent-item-1 .item-html, #htmlcontent_top ul li.htmlcontent-item-2 .item-html {
        padding-top: 99px;
        text-align: left;
        padding-left: 28px; }
      #htmlcontent_top ul li.htmlcontent-item-1 img, #htmlcontent_top ul li.htmlcontent-item-2 img {
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
        right: 0;
        top: 0; }
      @media (max-width: 767px) {
        #htmlcontent_top ul li {
          float: left;
          width: 50%; } }
      #htmlcontent_top ul li:last-child {
        margin-bottom: 0; }
      #htmlcontent_top ul li img {
        display: block !important;
        position: absolute !important;
        width: auto !important;
        height: auto !important; }

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