/* Top hook CSS */

#htmlcontent_top {

  margin-top: -60px; }

  #htmlcontent_top ul li a, #htmlcontent_top ul li button {

    color: #FFF; }

  #htmlcontent_top ul li > a {

    position: relative;

    z-index: 99;

    background: #2a9ad4;

    display: block;

    overflow: hidden;

    *zoom: 1;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0px 5px 10px;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s; }

    #htmlcontent_top ul li > a:hover {

      -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);

      -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);

      box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);

      -moz-transition: 0.3s;

      -o-transition: 0.3s;

      -webkit-transition: 0.3s;

      transition: 0.3s;
	  
	  background: #31aae3; /* background: rgba(42, 154, 212, 0.8); */
	  
	  
	  }

  #htmlcontent_top ul li .item-html button {

    background: none;

    border: none;

    font-size: 14px;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s; }

    #htmlcontent_top ul li .item-html button:after {

      position: relative;

      top: 3px;

      content: "\e0c2";

      font-family: "material-design";

      font-size: 21px;

      text-decoration: none !important;

      margin-left: 7px; }

    #htmlcontent_top ul li .item-html button > span {

      text-decoration: underline; }

  #htmlcontent_top ul li button {

    float: right;

    margin-top: 5px; }

  #htmlcontent_top ul li img {

    clear: both;

    max-width: 100%;

    height: auto; }

  #htmlcontent_top ul li .item-title {

    font-size: 24px;

    font-weight: 400;

    margin-top: 17px;

    padding-left: 16px; }

    #htmlcontent_top ul li .item-title + img {

      margin-top: 7px; }

  @media (max-width: 992px) {

    #htmlcontent_top ul li {

      margin-bottom: 30px; } }

  @media (max-width: 479px) {

    #htmlcontent_top .col-xs-6 {

      float: none !important;

      width: 100% !important; } }



/* Home hook CSS */

#htmlcontent_home ul li a:hover button {

  background: transparent;

  color: #2a9ad4;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -webkit-transition: 0.3s;

  transition: 0.3s; }

#htmlcontent_home ul li .item-html {

  padding: 189px 0px 177px;

  text-align: center;

  color: #333333; }

  #htmlcontent_home ul li .item-html h2 {

    font-size: 99px;

    font-weight: 300;

    line-height: 80px;

    margin-bottom: 0; }

    #htmlcontent_home ul li .item-html h2 + h4 {

      margin-top: 18px; }

  #htmlcontent_home ul li .item-html h4 {

    font-weight: 400;

    font-size: 45px;

    line-height: 80px;

    letter-spacing: 0.5px; }

    #htmlcontent_home ul li .item-html h4 + button {

      margin-top: 15px; }

  #htmlcontent_home ul li .item-html button {

    border: 2px solid #2a9ad4;

    outline: none;

    font-size: 16px;

    color: #fff;

    background: #2a9ad4;

    padding: 12px 38px 14px;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    font-weight: 500; }
	

    #htmlcontent_home ul li .item-html button:hover {

      background: #fff;

      color: #2a9ad4;

      -moz-transition: 0.3s;

      -o-transition: 0.3s;

      -webkit-transition: 0.3s;

      transition: 0.3s; }

  @media (max-width: 768px) {

    #htmlcontent_home ul li .item-html h2 {

      font-size: 70px;

      line-height: 75px; }

    #htmlcontent_home ul li .item-html h4 {

      font-size: 31px;

      line-height: 56px; } }



/* Left hook CSS */

/* Right hook CSS */

/* Footer hook CSS */