@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
/* Top hook CSS */
#htmlcontent_top {
  float: none;
  width: 1170px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 33.3333%;
    margin-bottom: 10px;
    float: left; }
    @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;
      -webkit-transition: all 300ms linear;
      -moz-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      -ms-transition: all 300ms linear;
      transition: all 300ms linear; }
    #htmlcontent_top ul li a {
      position: relative;
      display: block;
      overflow: hidden; }
      #htmlcontent_top ul li a: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 {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      padding-top: 35px;
      padding-left: 40px; }
      #htmlcontent_top ul li .item-html h3 {
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        color: #fff;
        margin-top: 0px;
        margin-bottom: 6px; 
        text-shadow: 2px 2px 0px rgb(45, 45, 45);}
      #htmlcontent_top ul li .item-html h4 {
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        color: #fff;
        background: rgba(0, 0, 0, 0.61);
        padding: 8px 10px 10px 10px;
        display: inline-block; }
      #htmlcontent_top ul li .item-html p {
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 15px;
        font-weight: 400;
        color: #fff;
        margin-top: 0px;
        margin-bottom: 0px; 
        text-shadow: 1.5px 1.5px 0px rgb(16, 16, 16);}

@media (max-width: 1200px) {
  #htmlcontent_top {
    width: 940px !important; } }
@media (max-width: 991px) {
  #htmlcontent_top {
    width: 720px !important; } }
/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */