@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);
/* Top hook CSS */
#htmlcontent_top {
  float: right;
  width: 370px;
  max-width: 370px;
  padding-left: 0px; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    #htmlcontent_top ul li a {
      display: block;
      border-radius: 3px;
      border: 1px solid #e4e4e4;
      overflow: hidden;
      height: 157px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f0f0));
      background: -webkit-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: -o-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: -ms-linear-gradient(top, white 0%, #f0f0f0 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
      -webkit-transition: 0.3s all;
      -moz-transition: 0.3s all;
      -o-transition: 0.3s all;
      transition: 0.3s all; }
      #htmlcontent_top ul li a:hover {
        border: 3px solid #e4e4e4; }
    @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 .item-html {
      position: absolute;
      left: 45px;
      top: 32px; }
      #htmlcontent_top ul li .item-html h4 {
        font: 500 27px/31px 'Ubuntu', sans-serif;
        color: #2e2e2e; }
      #htmlcontent_top ul li .item-html .baner_btn {
        font: 500 18px/31px 'Ubuntu', sans-serif;
        text-transform: uppercase;
        color: #0075bf;
        position: relative;
        padding-left: 44px; }
        #htmlcontent_top ul li .item-html .baner_btn:before {
          position: absolute;
          content: "\e04f";
          font-family: "fl-outicons";
          top: -4px;
          left: 2px;
          font-size: 29px;
          line-height: 29px;
          color: #0075bf; }
    #htmlcontent_top ul li img {
      position: absolute;
      right: 21px;
      top: 4px;
      width: auto;
      max-width: 100%;
      height: auto; }

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